@extends('layouts.enterprise')

@section('title', 'Dashboard Accountant')

@section('content')
  <div class="grid" style="gap:24px;">
    <div class="card">
      <h1 class="page-title">Facturas pendientes de aprobacion</h1>
      <p class="subtle">Facturas en estado recibido, validando o en hold.</p>
      <sl-details class="filters-collapse">
        <div slot="summary" class="filters-summary">
          <img src="{{ asset('build/assets/logo.png') }}" alt="" class="filter-favicon">
          <span>Filtros</span>
        </div>
        <form method="GET" action="{{ route('accountant.dashboard') }}" class="dashboard-filters">
          <div class="filters-grid filters-grid--four">
            <div class="field">
              <label>Buscar</label>
              <input type="text" name="pending_q" value="{{ $pendingFilters['q'] }}" placeholder="ID, RC, proveedor o proyecto">
            </div>
            <div class="field">
              <label>Estatus</label>
              <select name="pending_status">
                <option value="all" @selected($pendingFilters['status'] === 'all')>Todos</option>
                <option value="{{ \App\Models\Invoice::STATUS_RECEIVED }}" @selected($pendingFilters['status'] === \App\Models\Invoice::STATUS_RECEIVED)>Recibida</option>
                <option value="{{ \App\Models\Invoice::STATUS_VALIDATING }}" @selected($pendingFilters['status'] === \App\Models\Invoice::STATUS_VALIDATING)>Validando</option>
                <option value="{{ \App\Models\Invoice::STATUS_ON_HOLD }}" @selected($pendingFilters['status'] === \App\Models\Invoice::STATUS_ON_HOLD)>En hold</option>
              </select>
            </div>
            <div class="field">
              <label>Factura desde</label>
              <input type="date" name="pending_from" value="{{ $pendingFilters['from'] }}">
            </div>
            <div class="field">
              <label>Factura hasta</label>
              <input type="date" name="pending_to" value="{{ $pendingFilters['to'] }}">
            </div>
          </div>
          <div class="filters-actions">
            <button class="btn" type="submit">Filtrar</button>
            <a class="btn btn-secondary" href="{{ route('accountant.dashboard') }}">Limpiar</a>
          </div>
        </form>
      </sl-details>
      @if(session('ok'))
        <div class="notice">{{ session('ok') }}</div>
      @endif
      @if($errors->any())
        <div class="error">
          <ul>
            @foreach($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
          </ul>
        </div>
      @endif

      <table>
        <thead>
          <tr>
            <th>ID</th>
            <th>Proveedor</th>
            <th>RC</th>
            <th>PROJECT NAME</th>
            <th>Estatus</th>
            <th>Fecha factura</th>
            <th>Fecha pago</th>
            <th>Total</th>
            <th>Comprobante</th>
            <th>Documentos</th>
            <th class="actions-header">Acciones</th>
          </tr>
        </thead>
        <tbody>
          @forelse($pendingInvoices as $invoice)
            @php
              $invoicePdf = $invoice->files->firstWhere('type', \App\Models\InvoiceFile::TYPE_INVOICE_PDF);
              $invoiceXml = $invoice->files->firstWhere('type', \App\Models\InvoiceFile::TYPE_INVOICE_XML);
              $purchaseOrder = $invoice->files->firstWhere('type', \App\Models\InvoiceFile::TYPE_PURCHASE_ORDER);
              $paymentProof = $invoice->files->firstWhere('type', \App\Models\InvoiceFile::TYPE_PAYMENT_PROOF);
              $isRejected = $invoice->status === \App\Models\Invoice::STATUS_REJECTED;
            @endphp
            <tr>
              <td>{{ $invoice->id }}</td>
              <td>{{ $invoice->company?->legal_name }}</td>
              <td>{{ $invoice->rc_number }}</td>
              <td>
                <div>{{ $invoice->pipefyRequest?->project_name ?: '-' }}</div>
                <small class="subtle" style="margin:0;">Proyecto: {{ $invoice->pipefyRequest?->title ?: ($invoice->jn_number ?: '-') }}</small>
              </td>
              <td>
                <span class="badge {{ $isRejected ? 'badge--rejected' : '' }}">{{ $invoice->status }}</span>
              </td>
              <td>{{ optional($invoice->invoice_date)->format('Y-m-d') }}</td>
              <td>{{ $isRejected ? '-' : optional($invoice->payment_date)->format('Y-m-d') }}</td>
              <td>{{ $invoice->total }}</td>
              <td>
                @if($isRejected)
                  -
                @elseif($paymentProof)
                  <a class="badge" href="{{ asset('storage/'.$paymentProof->path) }}" target="_blank" rel="noopener">Ver comprobante</a>
                @else
                  <span class="badge">Sin comprobante</span>
                @endif
              </td>
              <td style="min-width:180px;">
                @if($invoicePdf)
                  <a class="btn btn-secondary" style="padding:6px 10px; margin-right:6px; margin-bottom:6px; display:inline-block;" href="{{ asset('storage/'.$invoicePdf->path) }}" target="_blank" rel="noopener">Factura PDF</a>
                @endif
                @if($invoiceXml)
                  <a class="btn btn-secondary" style="padding:6px 10px; margin-right:6px; margin-bottom:6px; display:inline-block;" href="{{ asset('storage/'.$invoiceXml->path) }}" target="_blank" rel="noopener">Factura XML</a>
                @endif
                @if($purchaseOrder)
                  <a class="btn btn-secondary" style="padding:6px 10px; margin-bottom:6px; display:inline-block;" href="{{ asset('storage/'.$purchaseOrder->path) }}" target="_blank" rel="noopener">OC PDF</a>
                @endif
                @if(!$invoicePdf && !$invoiceXml && !$purchaseOrder)
                  <span class="badge">Sin archivos</span>
                @endif
              </td>
              <td class="actions-cell">
                <div class="actions-stack">
                  <form method="POST" action="{{ route('accountant.invoices.status', $invoice) }}" class="actions-form">
                    @csrf
                    <input type="hidden" name="status" value="approved">
                    <button class="btn" type="submit">Aprobar</button>
                  </form>

                  <button
                    type="button"
                    class="btn btn-secondary"
                    onclick="document.getElementById('reject-invoice-dialog-{{ $invoice->id }}').show()"
                  >
                    Rechazar
                  </button>

                  <sl-dialog id="reject-invoice-dialog-{{ $invoice->id }}" label="Rechazar factura #{{ $invoice->id }}">
                    <form id="reject-invoice-form-{{ $invoice->id }}" method="POST" action="{{ route('accountant.invoices.status', $invoice) }}">
                      @csrf
                      <input type="hidden" name="status" value="rejected">
                      <input type="hidden" name="reject_invoice_id" value="{{ $invoice->id }}">
                      <div class="field">
                        <label>Motivo de cancelación</label>
                        <textarea name="note" rows="5" maxlength="1000" required placeholder="Describe por qué se rechaza esta factura.">{{ old('note') }}</textarea>
                      </div>
                    </form>

                    <sl-button
                      slot="footer"
                      variant="default"
                      onclick="document.getElementById('reject-invoice-dialog-{{ $invoice->id }}').hide()"
                    >
                      Cancelar
                    </sl-button>
                    <sl-button slot="footer" variant="danger" type="submit" form="reject-invoice-form-{{ $invoice->id }}">
                      Confirmar rechazo
                    </sl-button>
                  </sl-dialog>
                </div>
              </td>
            </tr>
          @empty
            <tr>
              <td colspan="11">No hay facturas pendientes.</td>
            </tr>
          @endforelse
        </tbody>
      </table>
      <div class="subtle" style="margin-top:10px;">Mostrando top 10.</div>
    </div>

    <div class="card" id="accountant-facturas">
      <h2 class="page-title">Listado de facturas</h2>
      <p class="subtle">Vista general similar a /admin/invoices.</p>
      <sl-details class="filters-collapse">
        <div slot="summary" class="filters-summary">
          <img src="{{ asset('build/assets/logo.png') }}" alt="" class="filter-favicon">
          <span>Filtros</span>
        </div>
        <form method="GET" action="{{ route('accountant.dashboard') }}" class="dashboard-filters">
          <div class="filters-grid filters-grid--four">
            <div class="field">
              <label>Buscar</label>
              <input type="text" name="all_q" value="{{ $allFilters['q'] }}" placeholder="ID, RC o proveedor">
            </div>
            <div class="field">
              <label>Estatus</label>
              <select name="all_status">
                <option value="all" @selected($allFilters['status'] === 'all')>Todos</option>
                @foreach(\App\Models\Invoice::STATUSES as $status)
                  <option value="{{ $status }}" @selected($allFilters['status'] === $status)>{{ $status }}</option>
                @endforeach
              </select>
            </div>
            <div class="field">
              <label>Pago desde</label>
              <input type="date" name="all_from" value="{{ $allFilters['from'] }}">
            </div>
            <div class="field">
              <label>Pago hasta</label>
              <input type="date" name="all_to" value="{{ $allFilters['to'] }}">
            </div>
          </div>
          <div class="filters-actions">
            <button class="btn" type="submit">Filtrar</button>
            <a class="btn btn-secondary" href="{{ route('accountant.dashboard') }}">Limpiar</a>
          </div>
        </form>
      </sl-details>

      <table>
        <thead>
          <tr>
            <th>ID</th>
            <th>Proveedor</th>
            <th>RC</th>
            <th>Estatus</th>
            <th>Fecha pago</th>
            <th>Comprobante</th>
            <th class="actions-header">Acciones</th>
          </tr>
        </thead>
        <tbody>
          @forelse($allInvoices as $invoice)
            @php
              $proof = $invoice->files->first();
              $isRejected = $invoice->status === \App\Models\Invoice::STATUS_REJECTED;
              $canManagePayment = in_array($invoice->status, [
                \App\Models\Invoice::STATUS_APPROVED,
                \App\Models\Invoice::STATUS_SCHEDULED,
                \App\Models\Invoice::STATUS_PAID,
              ], true);
              $canUploadPaymentProof = $canManagePayment && !$proof;
              $stepOneLabel = 'Paso 1: Selecciona el comprobante';
              $stepTwoLabel = 'Paso 2: Subir comprobante y marcar pagada';
            @endphp
            <tr>
              <td>{{ $invoice->id }}</td>
              <td>{{ $invoice->company?->legal_name }}</td>
              <td>{{ $invoice->rc_number }}</td>
              <td>
                <span class="badge {{ $isRejected ? 'badge--rejected' : '' }}">{{ $invoice->status }}</span>
              </td>
              <td>{{ $isRejected ? '-' : optional($invoice->payment_date)->format('Y-m-d') }}</td>
              <td>
                @if($isRejected)
                  -
                @elseif($proof)
                  <a class="badge" href="{{ asset('storage/'.$proof->path) }}" target="_blank" rel="noopener">Ver comprobante</a>
                @else
                  <span class="badge">Sin comprobante</span>
                @endif
              </td>
              <td class="actions-cell actions-cell--wide">
                @if($isRejected)
                  -
                @elseif($canManagePayment)
                  <div class="actions-stack">
                    @if($canUploadPaymentProof)
                      <form method="POST" action="{{ route('accountant.invoices.payment_proof', $invoice) }}" enctype="multipart/form-data" class="actions-form js-proof-form" data-input-id="payment-proof-{{ $invoice->id }}" data-name-id="payment-proof-name-{{ $invoice->id }}">
                        @csrf
                        <div class="actions-file-picker">
                          <input
                            id="payment-proof-{{ $invoice->id }}"
                            type="file"
                            name="payment_proof"
                            class="actions-file-input-hidden js-proof-input"
                            data-name-target="payment-proof-name-{{ $invoice->id }}"
                            accept=".pdf,.jpg,.jpeg,.png"
                          >
                          <button type="button" class="btn btn-secondary actions-picker-btn" onclick="document.getElementById('payment-proof-{{ $invoice->id }}').click()">
                            {{ $stepOneLabel }}
                          </button>
                          <small class="actions-file-name" id="payment-proof-name-{{ $invoice->id }}">Ningún archivo seleccionado</small>
                        </div>
                        <button class="btn" type="submit">
                          {{ $stepTwoLabel }}
                        </button>
                      </form>
                    @else
                      <span class="badge">Comprobante ya cargado</span>
                    @endif
                  </div>
                @else
                  <span class="badge">Disponible al aprobar</span>
                @endif
              </td>
            </tr>
          @empty
            <tr>
              <td colspan="7">No hay facturas registradas.</td>
            </tr>
          @endforelse
        </tbody>
      </table>
      <div class="subtle" style="margin-top:10px;">Mostrando top 10.</div>
    </div>

    <div class="card">
      <h2 class="page-title">Aprobación de complementos de pago</h2>
      <p class="subtle">Revisión obligatoria de complementos para facturas PPD / Forma 99 ya pagadas.</p>

      <table>
        <thead>
          <tr>
            <th>ID</th>
            <th>Proveedor</th>
            <th>RC</th>
            <th>Cargado</th>
            <th>Complemento</th>
            <th>Estatus complemento</th>
            <th>Nota</th>
            <th class="actions-header">Acciones</th>
          </tr>
        </thead>
        <tbody>
          @forelse($complementInvoices as $invoice)
            @php
              $complementXmlFile = $invoice->files->firstWhere('type', \App\Models\InvoiceFile::TYPE_PAYMENT_COMPLEMENT_XML);
              $complementPdfFile = $invoice->files->firstWhere('type', \App\Models\InvoiceFile::TYPE_PAYMENT_COMPLEMENT_PDF);
              $legacyComplementFile = $invoice->files->firstWhere('type', \App\Models\InvoiceFile::TYPE_PAYMENT_COMPLEMENT);
              $complementStatus = strtolower((string) ($invoice->payment_complement_status ?? 'pending'));
            @endphp
            <tr>
              <td>{{ $invoice->id }}</td>
              <td>{{ $invoice->company?->legal_name }}</td>
              <td>{{ $invoice->rc_number }}</td>
              <td>{{ optional($invoice->payment_complement_uploaded_at)->format('Y-m-d H:i') ?: '-' }}</td>
              <td>
                @if($complementXmlFile)
                  <a class="badge" href="{{ asset('storage/'.$complementXmlFile->path) }}" target="_blank" rel="noopener">Ver XML</a>
                @endif
                @if($complementPdfFile)
                  <a class="badge" href="{{ asset('storage/'.$complementPdfFile->path) }}" target="_blank" rel="noopener">Ver PDF</a>
                @endif
                @if(!$complementXmlFile && !$complementPdfFile && $legacyComplementFile)
                  <a class="badge" href="{{ asset('storage/'.$legacyComplementFile->path) }}" target="_blank" rel="noopener">Ver complemento</a>
                @endif
                @if(!$complementXmlFile && !$complementPdfFile && !$legacyComplementFile)
                  <span class="badge">Sin archivo</span>
                @endif
              </td>
              <td>
                @if($complementStatus === 'approved')
                  <span class="badge" style="background:#dcfce7; color:#166534; border:1px solid #86efac;">Aprobado</span>
                @elseif($complementStatus === 'rejected')
                  <span class="badge badge--rejected">Rechazado</span>
                @else
                  <span class="badge" style="background:#fff7ed; color:#b45309; border:1px solid #fed7aa;">Pendiente</span>
                @endif
              </td>
              <td>{{ $invoice->payment_complement_review_note ?: '-' }}</td>
              <td class="actions-cell">
                <div class="actions-stack">
                  <form method="POST" action="{{ route('accountant.invoices.payment_complement_status', $invoice) }}" class="actions-form">
                    @csrf
                    <input type="hidden" name="payment_complement_status" value="approved">
                    <button class="btn" type="submit">Aprobar complemento</button>
                  </form>

                  <button
                    type="button"
                    class="btn btn-secondary"
                    onclick="document.getElementById('reject-complement-dialog-{{ $invoice->id }}').show()"
                  >
                    Rechazar complemento
                  </button>

                  <sl-dialog id="reject-complement-dialog-{{ $invoice->id }}" label="Rechazar complemento #{{ $invoice->id }}">
                    <form id="reject-complement-form-{{ $invoice->id }}" method="POST" action="{{ route('accountant.invoices.payment_complement_status', $invoice) }}">
                      @csrf
                      <input type="hidden" name="payment_complement_status" value="rejected">
                      <input type="hidden" name="reject_complement_invoice_id" value="{{ $invoice->id }}">
                      <div class="field">
                        <label>Motivo de rechazo</label>
                        <textarea name="payment_complement_note" rows="5" maxlength="1000" required placeholder="Describe por qué se rechaza este complemento.">{{ old('payment_complement_note') }}</textarea>
                      </div>
                    </form>

                    <sl-button
                      slot="footer"
                      variant="default"
                      onclick="document.getElementById('reject-complement-dialog-{{ $invoice->id }}').hide()"
                    >
                      Cancelar
                    </sl-button>
                    <sl-button slot="footer" variant="danger" type="submit" form="reject-complement-form-{{ $invoice->id }}">
                      Confirmar rechazo
                    </sl-button>
                  </sl-dialog>
                </div>
              </td>
            </tr>
          @empty
            <tr>
              <td colspan="8">No hay complementos pendientes de revisión.</td>
            </tr>
          @endforelse
        </tbody>
      </table>
      <div class="subtle" style="margin-top:10px;">Mostrando top 10.</div>
    </div>

    <div class="card" id="accountant-solicitudes-pago">
      <h2 class="page-title">Estatus por petición (Solicitud)</h2>
      <p class="subtle">Seguimiento de avance por proveedores y por monto esperado.</p>

      <div class="solicitud-accordion">
        @forelse($requests as $req)
          @php
            $summary = $requestSummaries[$req->id] ?? [
              'providers_total' => 0,
              'expected_invoices' => 0,
              'providers_with_invoice' => 0,
              'providers_partial' => 0,
              'providers_without_invoice' => 0,
              'completion_percent' => 0,
              'is_complete' => false,
              'has_expected_amount' => false,
              'amount_expected' => null,
              'amount_invoiced' => 0,
              'amount_pending' => null,
              'amount_completion_percent' => 0,
              'amount_completion_percent_for_bar' => 0,
              'is_amount_complete' => false,
              'pending_provider_names' => [],
            ];
            $requestSubtotal = $req->subtotal_cost !== null
              ? (float) $req->subtotal_cost
              : (($summary['has_expected_amount'] ?? false) && isset($summary['amount_expected'])
                ? round(((float) $summary['amount_expected']) / 1.16, 2)
                : null);
            $requestSubtotalIva = $requestSubtotal !== null ? round($requestSubtotal * 1.16, 2) : null;
          @endphp

          <details class="solicitud-request {{ $summary['is_complete'] ? 'is-complete' : '' }}" @if($loop->first) open @endif>
            <summary class="solicitud-request__summary">
              <span class="solicitud-request__toggle" aria-hidden="true"></span>

              <div class="solicitud-request__summary-main">
                <div class="solicitud-request__title">{{ $req->project_name ?: 'Sin PROJECT NAME' }}</div>
                <div class="solicitud-request__subtitle">Job Number: {{ $req->title ?: '-' }}</div>
                <div class="solicitud-request__rc">RC(s): {{ $req->rc_list ?: '-' }}</div>
                <div class="solicitud-request__meta">Ejecutivo: {{ $req->executive_display ?: '-' }}</div>
                <div class="solicitud-request__meta">Cliente: {{ $req->client_display ?: '-' }}</div>
              </div>

              <div class="solicitud-request__chips">
                <span class="badge">Prov: {{ $summary['providers_total'] }}</span>
                <span class="badge">Esperadas: {{ $summary['expected_invoices'] }}</span>
                <span class="badge">Con factura: {{ $summary['providers_with_invoice'] }}</span>
                <span class="badge">Parciales: {{ $summary['providers_partial'] ?? 0 }}</span>
                <span class="badge">Pendientes: {{ $summary['providers_without_invoice'] }}</span>
                <span class="badge">
                  Subtotal solicitud:
                  @if($requestSubtotal !== null)
                    ${{ number_format($requestSubtotal, 2) }}
                  @else
                    Sin subtotal
                  @endif
                </span>
                @if($requestSubtotalIva !== null)
                  <span class="badge">Subtotal + IVA: ${{ number_format($requestSubtotalIva, 2) }}</span>
                @endif
                <span class="badge {{ $summary['is_complete'] ? 'solicitud-progress-chip--ok' : 'solicitud-progress-chip--pending' }}">
                  Proveedores: {{ $summary['completion_percent'] }}%
                </span>
                <span class="badge {{ $summary['is_amount_complete'] ? 'solicitud-progress-chip--ok' : 'solicitud-progress-chip--pending' }}">
                  Monto: {{ $summary['amount_completion_percent'] }}%
                </span>
              </div>
            </summary>

            <div class="solicitud-request__body">
              @if($requestSubtotal !== null)
                <div style="display:flex; flex-wrap:wrap; gap:8px; margin-bottom:10px;">
                  <span class="badge">Subtotal solicitud: ${{ number_format($requestSubtotal, 2) }}</span>
                  <span class="badge">Subtotal + IVA (16%): ${{ number_format($requestSubtotalIva, 2) }}</span>
                </div>
              @endif

              <div class="solicitud-progress">
                <div class="solicitud-progress__label">
                  <strong>Estado de solicitud:</strong>
                  {{ $summary['completion_percent'] }}% ({{ $summary['providers_with_invoice'] }}/{{ $summary['expected_invoices'] }})
                </div>
                <div class="solicitud-progress__bar {{ ($summary['is_complete'] || $summary['completion_percent'] >= 100) ? 'is-complete' : '' }}">
                  <span style="width: {{ $summary['completion_percent'] }}%;"></span>
                </div>
              </div>

              <div class="solicitud-progress">
                <div class="solicitud-progress__label">
                  <strong>Avance por monto:</strong>
                  @if($summary['has_expected_amount'] && $summary['amount_expected'] !== null)
                    {{ $summary['amount_completion_percent'] }}%
                    (${{ number_format($summary['amount_invoiced'], 2) }}/${{ number_format($summary['amount_expected'], 2) }})
                  @else
                    Sin monto esperado
                  @endif
                </div>
                <div class="solicitud-progress__bar {{ ($summary['is_amount_complete'] || $summary['amount_completion_percent'] >= 100) ? 'is-complete' : '' }}">
                  <span style="width: {{ $summary['amount_completion_percent_for_bar'] }}%;"></span>
                </div>
                @if($summary['has_expected_amount'] && $summary['amount_pending'] !== null)
                  <div class="solicitud-progress__meta">
                    Saldo pendiente: ${{ number_format($summary['amount_pending'], 2) }}
                  </div>
                @endif
              </div>

              <div class="solicitud-request__pending">
                <strong>PENDIENTES:</strong>
                {{ count($summary['pending_provider_names']) ? implode(', ', $summary['pending_provider_names']) : 'Todos enviaron.' }}
              </div>

              <table>
                <thead>
                  <tr>
                    <th>Proveedor</th>
                    <th>Facturas</th>
                    <th>Monto esperado</th>
                    <th>Monto sin IVA</th>
                    <th>Monto facturado</th>
                    <th>Saldo pendiente</th>
                    <th>Productos</th>
                    <th>Estatus</th>
                  </tr>
                </thead>
                <tbody>
                  @forelse($req->providers as $provider)
                    @php
                      $totals = $providerTotals[$provider->id] ?? null;
                      $invoicePdf = $providerInvoicePdfLinks[$provider->id] ?? null;
                      $invoicesCount = (int) ($totals?->invoices_count ?? 0);
                      $invoiced = $totals?->total_invoiced ? (float) $totals->total_invoiced : 0.0;
                      $providerItems = $provider->items
                        ->sortBy('product_index')
                        ->values();
                      $expectedBase = $provider->total_cost;
                      if ($expectedBase === null) {
                        $itemCostTotal = (float) $providerItems->sum(function ($it) {
                          return (float) ($it->total_cost ?? 0);
                        });
                        if ($itemCostTotal > 0) {
                          $expectedBase = $itemCostTotal;
                        }
                      }
                      if ($expectedBase === null) {
                        $expectedBase = $provider->total_sale;
                      }
                      if ($expectedBase === null) {
                        $itemSaleTotal = (float) $providerItems->sum(function ($it) {
                          return (float) ($it->total_sale ?? 0);
                        });
                        if ($itemSaleTotal > 0) {
                          $expectedBase = $itemSaleTotal;
                        }
                      }
                      $expected = $expectedBase !== null ? ((float) $expectedBase * 1.16) : null;
                      $pending = $expected !== null ? max($expected - $invoiced, 0) : null;
                      $providerItemsTotal = (int) ($providerItemsTotals[$provider->id] ?? 0);
                      $providerMatchedCount = (int) ($providerMatchedItems[$provider->id] ?? 0);
                      $pendingApprovalCount = (int) ($providerPendingApprovalCounts[$provider->id] ?? 0);
                      $hasLegacyApprovedInvoices = $invoicesCount > 0 && $providerMatchedCount === 0 && $providerItemsTotal > 0;
                      if ($providerItemsTotal > 0 && !$hasLegacyApprovedInvoices) {
                        $providerStatus = $providerMatchedCount <= 0
                          ? 'none'
                          : ($providerMatchedCount < $providerItemsTotal ? 'partial' : 'complete');
                      } else {
                        $providerStatus = $invoicesCount > 0 ? 'complete' : 'none';
                      }
                    @endphp
                    <tr>
                      <td>{{ $provider->provider_name }}</td>
                      <td>{{ $invoicesCount }}</td>
                      <td>{{ $expected !== null ? number_format($expected, 2) : '-' }}</td>
                      <td>{{ $expectedBase !== null ? number_format((float) $expectedBase, 2) : '-' }}</td>
                      <td>{{ number_format($invoiced, 2) }}</td>
                      <td>{{ $pending !== null ? number_format($pending, 2) : '-' }}</td>
                      <td style="min-width: 320px;">
                        @if($providerItems->isEmpty())
                          <span class="badge">Sin productos</span>
                        @else
                          <details class="provider-products">
                            <summary>
                              Ver productos ({{ $providerItems->count() }})
                            </summary>
                            <table class="provider-products-table">
                              <thead>
                                <tr>
                                  <th>#</th>
                                  <th>COD</th>
                                  <th>Producto</th>
                                  <th>Cant.</th>
                                </tr>
                              </thead>
                              <tbody>
                                @foreach($providerItems as $item)
                                  @php
                                    $displayCode = $item->concept_code
                                      ?: \App\Support\ConceptCodeExtractor::extract(
                                        (string) ($item->description ?? ''),
                                        (string) ($item->product_name ?? '')
                                      );
                                  @endphp
                                  <tr>
                                    <td>{{ $item->product_index ?: '-' }}</td>
                                    <td>{{ $displayCode ?: '-' }}</td>
                                    <td>{{ $item->description ?: ($item->product_name ?: '-') }}</td>
                                    <td>{{ $item->quantity ?: '-' }}</td>
                                  </tr>
                                @endforeach
                              </tbody>
                            </table>
                          </details>
                        @endif
                      </td>
                      <td>
                        @if($providerStatus === 'none')
                          @if($pendingApprovalCount > 0)
                            <span class="badge solicitud-status--review">
                              {{ $pendingApprovalCount === 1 ? 'Factura pendiente por aprobar' : 'Facturas pendientes por aprobar' }} ({{ $pendingApprovalCount }})
                            </span>
                          @else
                            <span class="badge solicitud-status--pending">Sin factura</span>
                          @endif
                        @elseif($providerStatus === 'partial')
                          <span class="badge solicitud-status--partial">
                            Parcial ({{ $providerMatchedCount }}/{{ max(1, $providerItemsTotal) }})
                          </span>
                          @if($invoicePdf)
                            <a
                              class="badge solicitud-status-link"
                              href="{{ asset('storage/'.$invoicePdf['path']) }}"
                              target="_blank"
                              rel="noopener"
                              title="Ver factura #{{ $invoicePdf['invoice_id'] }}"
                            >
                              Ver factura
                            </a>
                          @endif
                        @elseif($invoicePdf)
                          <a
                            class="badge solicitud-status--ok solicitud-status-link"
                            href="{{ asset('storage/'.$invoicePdf['path']) }}"
                            target="_blank"
                            rel="noopener"
                            title="Ver factura #{{ $invoicePdf['invoice_id'] }}"
                          >
                            Con factura
                          </a>
                        @else
                          <span class="badge solicitud-status--ok">Con factura</span>
                        @endif
                      </td>
                    </tr>
                  @empty
                    <tr>
                      <td colspan="7">Sin proveedores asociados.</td>
                    </tr>
                  @endforelse
                </tbody>
              </table>
            </div>
          </details>
        @empty
          <div class="solicitud-empty">No hay solicitudes para mostrar.</div>
        @endforelse
      </div>
    </div>

    <div class="card">
      <h2 class="page-title">Aprobaciones pendientes de proveedores</h2>
      <p class="subtle">Seguimiento de estatus para alta de proveedores.</p>
      <sl-details class="filters-collapse">
        <div slot="summary" class="filters-summary">
          <img src="{{ asset('build/assets/logo.png') }}" alt="" class="filter-favicon">
          <span>Filtros</span>
        </div>
        <form method="GET" action="{{ route('accountant.dashboard') }}" class="dashboard-filters">
          <div class="filters-grid filters-grid--two">
            <div class="field">
              <label>Buscar</label>
              <input type="text" name="provider_q" value="{{ $providerFilters['q'] }}" placeholder="Empresa, RFC o correo">
            </div>
            <div class="field">
              <label>Estatus</label>
              <select name="provider_status">
                <option value="pending" @selected($providerFilters['status'] === 'pending')>Pendiente</option>
                <option value="approved" @selected($providerFilters['status'] === 'approved')>Aprobado</option>
                <option value="rejected" @selected($providerFilters['status'] === 'rejected')>Rechazado</option>
                <option value="all" @selected($providerFilters['status'] === 'all')>Todos</option>
              </select>
            </div>
          </div>
          <div class="filters-actions">
            <button class="btn" type="submit">Filtrar</button>
            <a class="btn btn-secondary" href="{{ route('accountant.dashboard') }}">Limpiar</a>
          </div>
        </form>
      </sl-details>

      <table>
        <thead>
          <tr>
            <th>ID</th>
            <th>Empresa</th>
            <th>RFC</th>
            <th>Email</th>
            <th>Estatus</th>
            <th>Accion</th>
          </tr>
        </thead>
        <tbody>
          @forelse($pendingProviders as $company)
            <tr>
              <td>{{ $company->id }}</td>
              <td>{{ $company->legal_name }}</td>
              <td>{{ $company->rfc }}</td>
              <td>{{ $company->user?->email }}</td>
              <td><span class="badge">{{ $company->provider_status ?? 'pending' }}</span></td>
              <td><a class="btn btn-secondary" href="{{ route('accountant.providers.show', $company) }}">Revisar</a></td>
            </tr>
          @empty
            <tr>
              <td colspan="6">No hay proveedores pendientes.</td>
            </tr>
          @endforelse
        </tbody>
      </table>
      <div class="subtle" style="margin-top:10px;">Mostrando top 10.</div>
    </div>
  </div>
@endsection

@push('scripts')
  <script>
    document.addEventListener('DOMContentLoaded', function () {
      document.querySelectorAll('.js-proof-input').forEach(function (input) {
        input.addEventListener('change', function () {
          const targetId = input.dataset.nameTarget;
          const label = targetId ? document.getElementById(targetId) : null;
          if (!label) return;

          label.style.color = 'var(--muted)';
          label.textContent = input.files && input.files.length > 0
            ? input.files[0].name
            : 'Ningún archivo seleccionado';
        });
      });

      document.querySelectorAll('.js-proof-form').forEach(function (form) {
        form.addEventListener('submit', function (event) {
          const inputId = form.dataset.inputId;
          const nameId = form.dataset.nameId;
          const input = inputId ? document.getElementById(inputId) : null;
          const label = nameId ? document.getElementById(nameId) : null;

          if (!input || !input.files || input.files.length === 0) {
            event.preventDefault();
            if (label) {
              label.textContent = 'Selecciona un archivo para continuar.';
              label.style.color = '#b91c1c';
            }
          }
        });
      });
    });
  </script>

  @if($errors->any() && old('status') === \App\Models\Invoice::STATUS_REJECTED && old('reject_invoice_id'))
    <script>
      document.addEventListener('DOMContentLoaded', function () {
        const invoiceId = @json((string) old('reject_invoice_id'));
        const dialog = document.getElementById(`reject-invoice-dialog-${invoiceId}`);
        if (dialog && typeof dialog.show === 'function') {
          dialog.show();
        }
      });
    </script>
  @endif

  @if($errors->any() && old('payment_complement_status') === 'rejected' && old('reject_complement_invoice_id'))
    <script>
      document.addEventListener('DOMContentLoaded', function () {
        const invoiceId = @json((string) old('reject_complement_invoice_id'));
        const dialog = document.getElementById(`reject-complement-dialog-${invoiceId}`);
        if (dialog && typeof dialog.show === 'function') {
          dialog.show();
        }
      });
    </script>
  @endif
@endpush

@push('styles')
  <style>
    .actions-header {
      text-align: center !important;
    }

    .filters-collapse {
      margin-bottom: 14px;
    }

    .filters-collapse::part(base) {
      border: 1px solid var(--border);
      border-radius: 12px;
      background: #f8fafc;
    }

    .filters-collapse::part(summary) {
      padding: 12px 14px;
      font-weight: 600;
      color: #0b1220;
    }

    .filters-collapse::part(content) {
      padding: 0 14px 14px;
    }

    .filters-summary {
      display: inline-flex;
      align-items: center;
      gap: 8px;
    }

    .filter-favicon {
      width: 18px;
      height: 18px;
      object-fit: contain;
      border-radius: 4px;
      background: #fff;
      border: 1px solid var(--border);
      padding: 2px;
    }

    .dashboard-filters {
      margin: 0;
      padding: 0;
    }

    .filters-grid {
      display: grid;
      gap: 10px;
      margin-bottom: 10px;
    }

    .filters-grid--four {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .filters-grid--two {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filters-actions {
      display: flex;
      gap: 8px;
      align-items: center;
      flex-wrap: wrap;
    }

    .pagination-wrap {
      margin-top: 14px;
    }

    .actions-cell {
      text-align: center !important;
      vertical-align: middle;
    }

    .actions-cell--wide {
      min-width: 360px;
    }

    .actions-stack {
      display: flex;
      flex-direction: column;
      gap: 10px;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin: 0 auto;
    }

    .actions-form {
      display: flex;
      gap: 8px;
      align-items: center !important;
      justify-content: center !important;
      flex-wrap: wrap;
      margin: 0;
      width: 100%;
    }

    .actions-file-picker {
      display: flex;
      flex-direction: column;
      gap: 6px;
      align-items: center;
      justify-content: center;
      width: 100%;
    }

    .actions-file-input-hidden {
      position: absolute;
      width: 1px;
      height: 1px;
      opacity: 0;
      pointer-events: none;
    }

    .actions-picker-btn {
      width: min(100%, 300px);
    }

    .actions-file-name {
      color: var(--muted);
      font-size: 0.78rem;
      line-height: 1.2;
      min-height: 1.1rem;
      display: block;
      text-align: center;
    }

    .solicitud-accordion {
      display: grid;
      gap: 12px;
    }

    .solicitud-request {
      border: 1px solid var(--border);
      border-radius: 14px;
      overflow: hidden;
      background: #fff;
    }

    .solicitud-request.is-complete {
      border-color: #86efac;
      background: #f0fdf4;
    }

    .solicitud-request__summary {
      list-style: none;
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 14px 16px;
      cursor: pointer;
      background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    }

    .solicitud-request.is-complete .solicitud-request__summary {
      background: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 100%);
    }

    .solicitud-request__summary::-webkit-details-marker {
      display: none;
    }

    .solicitud-request__toggle {
      width: 28px;
      height: 28px;
      border-radius: 8px;
      border: 1px solid #cbd5e1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: #fff;
      color: #0f172a;
      flex-shrink: 0;
    }

    .solicitud-request.is-complete .solicitud-request__toggle {
      border-color: #86efac;
      background: #dcfce7;
      color: #166534;
    }

    .solicitud-request__toggle::before {
      content: '+';
      font-size: 20px;
      line-height: 1;
      font-weight: 600;
    }

    .solicitud-request[open] .solicitud-request__toggle {
      background: #0f766e;
      border-color: #0f766e;
      color: #fff;
    }

    .solicitud-request.is-complete[open] .solicitud-request__toggle {
      background: #15803d;
      border-color: #15803d;
      color: #fff;
    }

    .solicitud-request[open] .solicitud-request__toggle::before {
      content: '−';
    }

    .solicitud-request__summary-main {
      min-width: 220px;
    }

    .solicitud-request__title {
      font-weight: 700;
      font-size: 1rem;
      color: #0f172a;
    }

    .solicitud-request__subtitle {
      font-size: 0.8rem;
      color: #64748b;
      margin-top: 2px;
    }

    .solicitud-request.is-complete .solicitud-request__title {
      color: #166534;
    }

    .solicitud-request__rc {
      color: var(--muted);
      font-size: 0.86rem;
      margin-top: 2px;
    }
    .solicitud-request__meta {
      color: #475569;
      font-size: 0.82rem;
      margin-top: 2px;
    }

    .solicitud-request__chips {
      margin-left: auto;
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      justify-content: flex-end;
    }

    .solicitud-request__body {
      padding: 2px 16px 12px;
    }

    .solicitud-progress {
      margin: 8px 0 12px;
    }

    .solicitud-progress__label {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      font-size: 0.9rem;
      color: #334155;
      margin-bottom: 8px;
    }

    .solicitud-progress__bar {
      width: 100%;
      height: 12px;
      border-radius: 999px;
      background: #e2e8f0;
      overflow: hidden;
      border: 1px solid #cbd5e1;
    }

    .solicitud-progress__bar > span {
      display: block;
      height: 100%;
      border-radius: 999px;
      background: linear-gradient(90deg, #f59e0b 0%, #f97316 100%);
      transition: width .25s ease;
    }

    .solicitud-progress__bar.is-complete > span {
      background: linear-gradient(90deg, #16a34a 0%, #15803d 100%);
    }

    .solicitud-progress__meta {
      margin-top: 6px;
      font-size: 0.85rem;
      color: #475569;
    }

    .solicitud-progress-chip--ok {
      background: #dcfce7;
      color: #166534;
      border: 1px solid #86efac;
    }

    .solicitud-progress-chip--pending {
      background: #fff7ed;
      color: #b45309;
      border: 1px solid #fed7aa;
    }

    .solicitud-request__pending {
      margin: 6px 0 10px;
      padding: 10px 12px;
      border: 1px dashed #cbd5e1;
      border-radius: 10px;
      color: #334155;
      background: #f8fafc;
      font-size: 0.92rem;
    }

    .solicitud-request.is-complete .solicitud-request__pending {
      border-color: #86efac;
      background: #f0fdf4;
      color: #166534;
    }

    .solicitud-status--ok {
      background: #ecfeff;
      color: #0f766e;
      border: 1px solid #99f6e4;
    }

    .solicitud-status--pending {
      background: #fff7ed;
      color: #b45309;
      border: 1px solid #fed7aa;
    }
    .solicitud-status--partial {
      background: #eff6ff;
      color: #1d4ed8;
      border: 1px solid #bfdbfe;
    }
    .solicitud-status--review {
      background: #fff7ed;
      color: #9a3412;
      border: 1px solid #fdba74;
    }

    .solicitud-status-link {
      text-decoration: none;
      cursor: pointer;
    }

    .solicitud-status-link:hover {
      text-decoration: underline;
    }

    .provider-products {
      border: 1px solid #cbd5e1;
      border-radius: 10px;
      background: #f8fafc;
      overflow: hidden;
    }

    .provider-products > summary {
      cursor: pointer;
      list-style: none;
      padding: 8px 10px;
      font-weight: 600;
      color: #0f766e;
      font-size: 0.86rem;
    }

    .provider-products > summary::-webkit-details-marker {
      display: none;
    }

    .provider-products-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 0.82rem;
      background: #fff;
    }

    .provider-products-table th,
    .provider-products-table td {
      border-top: 1px solid #e2e8f0;
      padding: 6px 8px;
      text-align: left;
      vertical-align: top;
    }

    .provider-products-table th {
      text-transform: none;
      letter-spacing: 0;
      font-size: 0.78rem;
      color: #334155;
      background: #f8fafc;
    }

    .solicitud-empty {
      border: 1px dashed #cbd5e1;
      border-radius: 10px;
      padding: 14px;
      color: #475569;
      background: #f8fafc;
    }

    @media (max-width: 1024px) {
      .filters-grid--four {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 720px) {
      .filters-grid--four,
      .filters-grid--two {
        grid-template-columns: 1fr;
      }

      .solicitud-request__summary {
        flex-wrap: wrap;
      }

      .solicitud-request__summary-main {
        min-width: 0;
        width: calc(100% - 40px);
      }

      .solicitud-request__chips {
        margin-left: 40px;
        width: 100%;
        justify-content: flex-start;
      }
    }
  </style>
@endpush