{% extends "templates/web.html" %}

{% block page_content %}
<style>
  .pw-admin-wrap { max-width: 1100px; margin: 0 auto; }
  .pw-admin-wrap h1 { color: #1a2744; margin: 0 0 1rem; }
  .pw-admin-filter { margin-bottom: 1rem; padding: 0.5rem 0.75rem; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; display: flex; gap: 0.5rem; align-items: center; }
  .pw-admin-filter input { flex: 1 1 200px; padding: 0.4rem 0.6rem; border: 1px solid #cbd5e1; border-radius: 5px; font-size: 0.9rem; }
  .pw-admin-tbl { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
  .pw-admin-tbl th, .pw-admin-tbl td { padding: 0.55rem 0.75rem; text-align: left; border-bottom: 1px solid #f0f4f8; vertical-align: top; }
  .pw-admin-tbl th { background: #f8fafc; color: #475569; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.03em; }
  .pw-admin-tbl code { font-size: 0.82rem; color: #334155; }
  .pw-admin-slug { display: inline-block; padding: 0.1rem 0.5rem; background: #e0e7ff; color: #1e3a8a; border-radius: 10px; font-size: 0.75rem; font-weight: 600; }
  .pw-pkt-files { margin: 0.3rem 0 0; padding: 0; list-style: none; font-size: 0.82rem; }
  .pw-pkt-files li { margin: 0.15rem 0; }
  .pw-pkt-files a { color: #2d4e78; }
  .pw-fidelity-badge {
    display: inline-block; margin-top: 0.25rem; padding: 0.1rem 0.45rem;
    border-radius: 10px; font-size: 0.7rem; font-weight: 600;
  }
  .pw-fidelity-ok   { background: #d1fae5; color: #065f46; }
  .pw-fidelity-warn { background: #fef3c7; color: #92400e; }
  .pw-fidelity-info { background: #e0f2fe; color: #0369a1; }
  .pw-btn-approve { padding: 0.4rem 0.9rem; background: #059669; color: #fff; border: 0; border-radius: 5px; font-weight: 600; cursor: pointer; font-size: 0.85rem; }
  .pw-btn-approve:disabled { opacity: 0.6; cursor: not-allowed; }
  .pw-msg { margin-top: 0.4rem; font-size: 0.82rem; }
  .pw-msg-ok  { color: #065f46; }
  .pw-msg-err { color: #b91c1c; }
</style>

<div class="pw-admin-wrap">
  <h1>Admin Filings Review</h1>
  <p style="color:#64748b; margin-bottom: 1rem;">
    Paid compliance orders whose filing is staged for human approval. Review
    the packet files, then click <em>Approve &amp; File</em> to submit to the
    FCC/USAC portal. The auto-filing override is one-shot per order.
  </p>

  <div class="pw-admin-filter">
    <input type="text" id="pw-admin-search" placeholder="Filter by order #, carrier, slug, email…">
  </div>

  <table class="pw-admin-tbl">
    <thead>
      <tr>
        <th>Order</th>
        <th>Customer</th>
        <th>Carrier</th>
        <th>Service</th>
        <th>Paid</th>
        <th>Packet</th>
        <th></th>
      </tr>
    </thead>
    <tbody id="pw-admin-rows">
      {% if not pending_orders %}
        <tr><td colspan="7" style="text-align:center; padding: 2rem; color:#64748b;">
          No filings awaiting admin review.
        </td></tr>
      {% endif %}
      {% for row in pending_orders %}
        <tr data-search="{{ row.order_number|lower }} {{ (row.entity_name or '')|lower }} {{ row.service_slug|lower }} {{ (row.customer_email or '')|lower }}">
          <td>
            <code>{{ row.order_number }}</code><br>
            <span style="color:#64748b; font-size:.78rem;">{{ row.state }}</span>
          </td>
          <td>
            {{ row.customer_name or '—' }}<br>
            <span style="color:#64748b; font-size:.78rem;">{{ row.customer_email }}</span>
          </td>
          <td>
            {{ row.entity_name or '—' }}<br>
            {% if row.entity_frn %}<span style="color:#64748b; font-size:.78rem;">FRN {{ row.entity_frn }}</span>{% endif %}
          </td>
          <td>
            <span class="pw-admin-slug">{{ row.service_slug }}</span><br>
            <span style="font-size:.8rem;">{{ row.service_name }}</span>
            {% if row.line_105_primary %}
              <div style="font-size:.72rem; color:#475569; margin-top:.2rem;">
                L105: <strong>{{ row.line_105_primary }}</strong>
                {% if row.line_105_categories %}+{{ (row.line_105_categories | length) - 1 }}{% endif %}
              </div>
            {% endif %}
            {% if row.deminimis_result_is_exempt is not none %}
              <div class="pw-fidelity-badge pw-fidelity-{% if row.deminimis_result_is_exempt %}ok{% else %}warn{% endif %}">
                {% if row.deminimis_result_is_exempt %}✓ De minimis{% else %}Not de minimis (${{ "{:,.2f}".format((row.deminimis_estimated_contrib_cents or 0) / 100.0) }}){% endif %}
              </div>
            {% endif %}
            {% if row.active_reseller_cert_count and row.active_reseller_cert_count > 0 %}
              <div class="pw-fidelity-badge pw-fidelity-{% if row.expiring_soon_cert_count and row.expiring_soon_cert_count > 0 %}warn{% else %}ok{% endif %}">
                {{ row.active_reseller_cert_count }} reseller cert{{ 's' if row.active_reseller_cert_count != 1 else '' }}
                {% if row.expiring_soon_cert_count and row.expiring_soon_cert_count > 0 %}
                  ({{ row.expiring_soon_cert_count }} expiring &lt;90d)
                {% endif %}
              </div>
            {% endif %}
            {% if row.traffic_study_compliance_ok is not none %}
              <div class="pw-fidelity-badge pw-fidelity-{% if row.traffic_study_compliance_ok %}ok{% else %}warn{% endif %}">
                Traffic study: {% if row.traffic_study_compliance_ok %}✓ FCC-compliant{% else %}⚠ not stamped{% endif %}
                {% if row.traffic_study_usac_submitted_at %}, submitted{% endif %}
              </div>
            {% endif %}
            {% if row.icc_revenue_ytd_cents and row.icc_revenue_ytd_cents > 0 %}
              <div class="pw-fidelity-badge pw-fidelity-info">
                ICC ${{ "{:,.2f}".format(row.icc_revenue_ytd_cents / 100.0) }}
              </div>
            {% endif %}
            {% if row.intake_data_validated is not none and not row.intake_data_validated %}
              <div class="pw-fidelity-badge pw-fidelity-warn">⚠ intake not validated</div>
            {% endif %}
          </td>
          <td>
            {{ frappe.utils.format_date(row.paid_at or row.created_at) }}
          </td>
          <td>
            {% if row.generated_files %}
              <ul class="pw-pkt-files">
                {% for f in row.generated_files %}
                  <li><a href="#" class="pw-pkt-link" data-key="{{ f }}">{{ f.split('/') | last }}</a></li>
                {% endfor %}
              </ul>
            {% else %}
              <em style="color:#64748b;">(no packet yet — handler may still be running)</em>
            {% endif %}
          </td>
          <td>
            <button class="pw-btn-approve"
              data-order="{{ row.order_number }}"
              {% if not row.generated_files %}disabled{% endif %}>
              Approve &amp; File
            </button>
            <div class="pw-msg" data-msg-for="{{ row.order_number }}"></div>
          </td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

<script>
(function () {
  const adminToken = "{{ admin_token or '' }}";

  // Filter
  const search = document.getElementById("pw-admin-search");
  search?.addEventListener("input", () => {
    const q = search.value.trim().toLowerCase();
    document.querySelectorAll("#pw-admin-rows tr[data-search]").forEach((tr) => {
      tr.style.display = (!q || tr.getAttribute("data-search").includes(q)) ? "" : "none";
    });
  });

  // Packet file links — Frappe's presign_minio returns JSON, so we fetch
  // the signed URL and navigate to it ourselves.
  document.querySelectorAll(".pw-pkt-link").forEach((a) => {
    a.addEventListener("click", async (ev) => {
      ev.preventDefault();
      const key = a.getAttribute("data-key");
      try {
        const resp = await fetch(
          `/api/method/performancewest_erpnext.api.presign_minio?key=${encodeURIComponent(key)}`,
          { credentials: "same-origin" },
        );
        const data = await resp.json();
        const url = data?.message?.url;
        if (url) {
          window.open(url, "_blank", "noopener");
        } else {
          alert("Could not generate download URL: " + (data?.exc || JSON.stringify(data)));
        }
      } catch (err) {
        alert("Network error fetching download URL: " + err.message);
      }
    });
  });

  // Approve & File
  document.querySelectorAll(".pw-btn-approve").forEach((btn) => {
    btn.addEventListener("click", async () => {
      const order = btn.getAttribute("data-order");
      const msg = document.querySelector(`[data-msg-for="${order}"]`);
      if (!adminToken) {
        msg.className = "pw-msg pw-msg-err";
        msg.textContent = "APPROVE_FILE_TOKEN not set on this server — contact ops.";
        return;
      }
      btn.disabled = true;
      btn.textContent = "Filing…";
      try {
        const resp = await fetch(
          `/api/v1/compliance-orders/${order}/approve-and-file`,
          {
            method: "POST",
            headers: {
              "Authorization": `Bearer ${adminToken}`,
              "Content-Type": "application/json",
            },
          },
        );
        const data = await resp.json();
        if (resp.ok) {
          msg.className = "pw-msg pw-msg-ok";
          msg.textContent = "✓ " + (data.message || "Approved & dispatched.");
          btn.textContent = "Filed";
        } else {
          msg.className = "pw-msg pw-msg-err";
          msg.textContent = "Error: " + (data.error || resp.status);
          btn.disabled = false;
          btn.textContent = "Approve & File";
        }
      } catch (err) {
        msg.className = "pw-msg pw-msg-err";
        msg.textContent = "Error: " + err.message;
        btn.disabled = false;
        btn.textContent = "Approve & File";
      }
    });
  });
})();
</script>
{% endblock %}