@extends('layouts.enterprise')

@section('title', 'Mis facturas')

@section('content')
  <div class="card">
    <h1 class="page-title">Mis facturas</h1>
    <p class="subtle">Seguimiento de facturas cargadas y fechas de pago estimadas.</p>

    @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

    <div class="invoices-toolbar">
      <span class="badge">{{ $invoices->total() }} facturas</span>
      <a class="btn" href="{{ route('supplier.invoices.create') }}">+ Subir nueva factura</a>
    </div>

    @php
      $hasActiveFilters = (($filters['status'] ?? 'all') !== 'all')
        || !empty($filters['rc_number'] ?? null)
        || !empty($filters['project'] ?? null)
        || !empty($filters['invoice_date_from'] ?? null)
        || !empty($filters['invoice_date_to'] ?? null)
        || !empty($filters['payment_date_from'] ?? null)
        || !empty($filters['payment_date_to'] ?? null);
    @endphp

    <details style="margin-bottom:16px; border:1px solid var(--border); border-radius:12px; background:#f8fafc;" @if($hasActiveFilters) open @endif>
      <summary style="cursor:pointer; padding:12px 14px; font-weight:600; display:flex; align-items:center; gap:8px;">
        <span style="display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; color:#0f766e;" aria-hidden="true">
          <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M3 5h18l-7 8v5l-4 2v-7L3 5z"></path>
          </svg>
        </span>
        Filtros
        @if($hasActiveFilters)
          <span class="badge">Activos</span>
        @endif
      </summary>
      <form method="GET" action="{{ route('supplier.invoices.index') }}" class="grid grid-2" style="padding:0 12px 12px;">
        <div class="field">
          <label>Estatus</label>
          <select name="status">
            <option value="all" @selected(($filters['status'] ?? 'all') === 'all')>Todos</option>
            @foreach(\App\Models\Invoice::STATUSES as $status)
              <option value="{{ $status }}" @selected(($filters['status'] ?? 'all') === $status)>{{ $status }}</option>
            @endforeach
          </select>
        </div>
        <div class="field">
          <label>RC</label>
          <input name="rc_number" value="{{ $filters['rc_number'] ?? '' }}" placeholder="Ej. 1212111">
        </div>
        <div class="field">
          <label>PROYECTO</label>
          <input name="project" value="{{ $filters['project'] ?? '' }}" placeholder="Buscar proyecto o title">
        </div>
        <div class="field">
          <label>Fecha factura desde</label>
          <input type="date" name="invoice_date_from" value="{{ $filters['invoice_date_from'] ?? '' }}">
        </div>
        <div class="field">
          <label>Fecha factura hasta</label>
          <input type="date" name="invoice_date_to" value="{{ $filters['invoice_date_to'] ?? '' }}">
        </div>
        <div class="field">
          <label>Fecha pago desde</label>
          <input type="date" name="payment_date_from" value="{{ $filters['payment_date_from'] ?? '' }}">
        </div>
        <div class="field">
          <label>Fecha pago hasta</label>
          <input type="date" name="payment_date_to" value="{{ $filters['payment_date_to'] ?? '' }}">
        </div>
        <div style="display:flex; align-items:end; gap:8px;">
          <button class="btn" type="submit">Filtrar</button>
          <a class="btn btn-secondary" href="{{ route('supplier.invoices.index') }}">Limpiar</a>
        </div>
      </form>
    </details>

    <div class="invoices-table-wrap">
      <table class="invoices-table" data-no-responsive="1">
        <thead>
          <tr>
            <th>ID</th>
            <th>Empresa</th>
            <th>RC</th>
            <th>PROJECT NAME</th>
            <th>Método / Forma</th>
            <th>Estatus</th>
            <th>Motivo de cancelación</th>
            <th>Fecha pago</th>
            <th>Comprobante de pago</th>
            <th>Complemento</th>
            <th>Total</th>
          </tr>
        </thead>
        <tbody>
          @foreach($invoices as $inv)
            @php
              $rejectionLog = $inv->logs->first();
              $isRejected = $inv->status === \App\Models\Invoice::STATUS_REJECTED;
              $providerMatch = (array) data_get($inv->pipefy_payload, 'provider_match', []);
              $providerTrackableTotal = (int) ($providerMatch['provider_trackable_items_total'] ?? 0);
              $providerCoveredAfter = (int) ($providerMatch['provider_items_covered_after'] ?? 0);
              $providerPendingAfter = (int) ($providerMatch['provider_items_pending_after'] ?? max($providerTrackableTotal - $providerCoveredAfter, 0));
              $providerPendingCodesAfter = array_values(array_filter((array) ($providerMatch['provider_pending_codes_after'] ?? [])));
              $isPartialForProvider = $providerTrackableTotal > 0
                ? (bool) ($providerMatch['is_partial_for_provider'] ?? false)
                : null;
              $paymentMethod = strtoupper((string) ($inv->cfdi_payment_method ?? data_get($inv->pipefy_payload, 'cfdi_payment_method')));
              $paymentForm = strtoupper((string) ($inv->cfdi_payment_form ?? data_get($inv->pipefy_payload, 'cfdi_payment_form')));
              $isPpd99 = $paymentMethod === 'PPD' && $paymentForm === '99';
              $paymentProofFile = $inv->files->firstWhere('type', \App\Models\InvoiceFile::TYPE_PAYMENT_PROOF);
              $complementXmlFile = $inv->files->firstWhere('type', \App\Models\InvoiceFile::TYPE_PAYMENT_COMPLEMENT_XML);
              $complementPdfFile = $inv->files->firstWhere('type', \App\Models\InvoiceFile::TYPE_PAYMENT_COMPLEMENT_PDF);
              $legacyComplementFile = $inv->files->firstWhere('type', \App\Models\InvoiceFile::TYPE_PAYMENT_COMPLEMENT);
              $hasComplement = $complementXmlFile || $complementPdfFile || $legacyComplementFile || !empty($inv->payment_complement_uploaded_at);
              $complementStatus = strtolower((string) ($inv->payment_complement_status ?? ''));
              $complementRejected = $complementStatus === 'rejected';
              $complementApproved = $complementStatus === 'approved';
              $complementPendingReview = $hasComplement && !$complementApproved && !$complementRejected;
              $canUploadComplement = !$isRejected
                && $inv->status === \App\Models\Invoice::STATUS_PAID
                && $isPpd99
                && (!$hasComplement || $complementRejected);
              $statusBadgeClass = match ($inv->status) {
                \App\Models\Invoice::STATUS_RECEIVED => 'badge--status-received',
                \App\Models\Invoice::STATUS_VALIDATING => 'badge--status-validating',
                \App\Models\Invoice::STATUS_APPROVED => 'badge--status-approved',
                \App\Models\Invoice::STATUS_SCHEDULED => 'badge--status-scheduled',
                \App\Models\Invoice::STATUS_PAID => 'badge--status-paid',
                \App\Models\Invoice::STATUS_ON_HOLD => 'badge--status-on-hold',
                \App\Models\Invoice::STATUS_REJECTED => 'badge--rejected',
                default => '',
              };
            @endphp
            <tr>
              <td>{{ $inv->id }}</td>
              <td>{{ $inv->company?->legal_name }}</td>
              <td>{{ $inv->rc_number }}</td>
              <td>
                <div>{{ $inv->pipefyRequest?->project_name ?: '-' }}</div>
                <small class="subtle" style="margin:0;">Title: {{ $inv->pipefyRequest?->title ?: ($inv->jn_number ?: '-') }}</small>
              </td>
              <td>{{ ($paymentMethod !== '' ? $paymentMethod : '-') }} / {{ ($paymentForm !== '' ? $paymentForm : '-') }}</td>
              <td>
                <span class="badge {{ $statusBadgeClass }}">{{ $inv->status }}</span>
                @if($isPartialForProvider !== null)
                  @if($isPartialForProvider)
                    <span class="badge" style="background:#fff7ed; color:#b45309; border:1px solid #fed7aa;">
                      Parcial proveedor ({{ $providerCoveredAfter }}/{{ $providerTrackableTotal }}, pendientes {{ $providerPendingAfter }})
                    </span>
                    @if(!empty($providerPendingCodesAfter))
                      <small class="subtle" style="display:block; margin-top:4px;">
                        COD pendientes: {{ implode(', ', $providerPendingCodesAfter) }}
                      </small>
                    @endif
                  @else
                    <span class="badge" style="background:#dcfce7; color:#166534; border:1px solid #86efac;">
                      Completa proveedor ({{ $providerCoveredAfter }}/{{ $providerTrackableTotal }})
                    </span>
                  @endif
                @endif
              </td>
              <td>
                @if($isRejected)
                  {{ $rejectionLog?->note ?: 'Sin motivo registrado.' }}
                @else
                  -
                @endif
              </td>
              <td>{{ $isRejected ? '-' : optional($inv->payment_date)->format('Y-m-d') }}</td>
              <td>
                @if($isRejected)
                  -
                @elseif($paymentProofFile)
                  <a class="badge" href="{{ asset('storage/'.$paymentProofFile->path) }}" target="_blank" rel="noopener">Ver comprobante</a>
                @elseif(in_array($inv->status, [\App\Models\Invoice::STATUS_APPROVED, \App\Models\Invoice::STATUS_SCHEDULED, \App\Models\Invoice::STATUS_PAID], true))
                  <span class="badge">Sin comprobante</span>
                @else
                  <span class="badge">No aplica</span>
                @endif
              </td>
              <td>
                @if($isRejected)
                  -
                @elseif(!$isPpd99)
                  <span class="badge">No aplica</span>
                @elseif($inv->status !== \App\Models\Invoice::STATUS_PAID)
                  <span class="badge">Esperando pago</span>
                @elseif($complementApproved)
                  <span class="badge" style="background:#dcfce7; color:#166534; border:1px solid #86efac;">Aprobado</span>
                  @include('provider.invoices.partials.complement-links', ['xmlFile' => $complementXmlFile, 'pdfFile' => $complementPdfFile, 'legacyFile' => $legacyComplementFile])
                @elseif($complementPendingReview)
                  <span class="badge" style="background:#fff7ed; color:#b45309; border:1px solid #fed7aa;">En revisión</span>
                  @include('provider.invoices.partials.complement-links', ['xmlFile' => $complementXmlFile, 'pdfFile' => $complementPdfFile, 'legacyFile' => $legacyComplementFile])
                @elseif($complementRejected)
                  <span class="badge badge--rejected">Rechazado</span>
                  @if(!empty($inv->payment_complement_review_note))
                    <small class="subtle" style="display:block; margin:4px 0 6px;">{{ $inv->payment_complement_review_note }}</small>
                  @endif
                  @include('provider.invoices.partials.complement-links', ['xmlFile' => $complementXmlFile, 'pdfFile' => $complementPdfFile, 'legacyFile' => $legacyComplementFile, 'legacyLabel' => 'Ver último complemento'])
                @elseif($hasComplement && ($complementXmlFile || $complementPdfFile || $legacyComplementFile))
                  @include('provider.invoices.partials.complement-links', ['xmlFile' => $complementXmlFile, 'pdfFile' => $complementPdfFile, 'legacyFile' => $legacyComplementFile])
                @elseif($hasComplement)
                  <span class="badge">Cargado</span>
                @elseif($canUploadComplement)
                  <form method="POST" action="{{ route('supplier.invoices.payment_complement', $inv) }}" enctype="multipart/form-data" class="complement-upload-form">
                    @csrf
                    <label class="complement-upload-form__field">
                      <span>XML complemento</span>
                      <input type="file" name="payment_complement_xml" accept=".xml,text/xml,application/xml" required>
                    </label>
                    <label class="complement-upload-form__field">
                      <span>PDF complemento</span>
                      <input type="file" name="payment_complement_pdf" accept=".pdf,application/pdf" required>
                    </label>
                    <button class="btn btn-secondary" type="submit">Subir</button>
                  </form>
                @else
                  <span class="badge">Pendiente</span>
                @endif
              </td>
              <td>${{ number_format((float) $inv->total, 2) }}</td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>

    <div style="margin-top:16px;">
      {{ $invoices->onEachSide(1)->links('vendor.pagination.enterprise') }}
    </div>
  </div>
@endsection

@push('styles')
  <style>
    .invoices-toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
      margin-bottom: 16px;
    }
    .invoices-table-wrap {
      width: 100%;
      overflow-x: auto;
      border: 1px solid var(--border);
      border-radius: 12px;
      background: #fff;
    }
    .invoices-table {
      min-width: 1500px;
      margin: 0;
      border: 0;
    }
    .invoices-table td,
    .invoices-table th {
      vertical-align: top;
      overflow-wrap: normal;
      word-break: normal;
    }
    .invoices-table .badge {
      line-height: 1.2;
      white-space: nowrap;
      word-break: keep-all;
      overflow-wrap: normal;
      margin: 0 4px 4px 0;
    }
    .invoices-table .badge--status-received {
      background: #e0f2fe;
      color: #0c4a6e;
      border: 1px solid #bae6fd;
    }
    .invoices-table .badge--status-validating {
      background: #fff7ed;
      color: #9a3412;
      border: 1px solid #fed7aa;
    }
    .invoices-table .badge--status-approved {
      background: #dcfce7;
      color: #166534;
      border: 1px solid #86efac;
    }
    .invoices-table .badge--status-scheduled {
      background: #eef2ff;
      color: #3730a3;
      border: 1px solid #c7d2fe;
    }
    .invoices-table .badge--status-paid {
      background: #ccfbf1;
      color: #115e59;
      border: 1px solid #99f6e4;
    }
    .invoices-table .badge--status-on-hold {
      background: #fef3c7;
      color: #92400e;
      border: 1px solid #fde68a;
    }
    .invoices-table th:nth-child(4),
    .invoices-table td:nth-child(4) {
      min-width: 220px;
    }
    .invoices-table th:nth-child(7),
    .invoices-table td:nth-child(7) {
      min-width: 220px;
    }
    .invoices-table th:nth-child(10),
    .invoices-table td:nth-child(10) {
      min-width: 260px;
    }
    .complement-upload-form {
      display: grid;
      gap: 8px;
      align-items: start;
    }
    .complement-upload-form__field {
      display: grid;
      gap: 4px;
      color: #475569;
      font-size: 0.78rem;
      font-weight: 600;
    }
    .complement-upload-form input[type="file"] {
      max-width: 240px;
    }
    @media (max-width: 820px) {
      .invoices-table td,
      .invoices-table th {
        overflow-wrap: anywhere;
        word-break: break-word;
      }
    }
  </style>
@endpush