@php
    use App\Support\InvoiceDisplayFormatter as F;

    // ── Resolve the company logo as a base64 data URI so Dompdf, browser
    //    print and email attachments all render the same image. Prefer the
    //    canonical circular emblem shipped with the app over any wordmark
    //    saved in Settings (which is the sidebar asset). --}
    $logoSrc = null;
    $tryEncode = function ($path) {
        if (!$path || !is_file($path) || !is_readable($path)) return null;
        $ext = strtolower(pathinfo($path, PATHINFO_EXTENSION));
        $mime = $ext === 'jpg' || $ext === 'jpeg' ? 'image/jpeg'
            : ($ext === 'gif' ? 'image/gif'
            : ($ext === 'svg' ? 'image/svg+xml' : 'image/png'));
        return 'data:' . $mime . ';base64,' . base64_encode(file_get_contents($path));
    };
    foreach ([
        public_path('images/stepup-circular-logo.png'),
        public_path('images/step-up-logo.png'),
        public_path('images/logo-round.png'),
    ] as $candidate) {
        if ($encoded = $tryEncode($candidate)) { $logoSrc = $encoded; break; }
    }

    $s = null;
    try { $s = \App\Models\Setting::find(1); } catch (\Throwable $e) { $s = null; }
    // White-label: use Company Settings + config('company.*'), no whitelisting.
    $rawCompanyName = trim((string) ($s->companyName ?? ''));
    $companyName    = $rawCompanyName !== ''
        ? F::titleCase($rawCompanyName)
        : trim((string) (config('company.legal') ?: config('company.name', '')));
    $companyAddress = $s->companyAddress ?? trim((string) (config('company.address.line1', '') . ' ' . config('company.address.line2', '')));
    $companyPhone   = $s->companyPhone   ?? (string) config('company.phone', '');
    $companyEmail   = trim((string) ($s->companyEmail ?? config('company.email', '')));
    $companyWebsite = $s->companyWebsite ?? (string) config('company.website', '');

    // ── Money & date helpers (Dompdf: no closures in view scope). --}
    $fmtMoney = fn ($v) => '$' . number_format((float) $v, 2);
    $fmtDate  = fn ($d) => $d ? \Carbon\Carbon::parse($d)->format('M j, Y') : '—';

    // ── Student / parent bill-to block. --}
    $studentFirst = trim((string) ($invoice->student->first_name ?? ''));
    $studentLast  = trim((string) ($invoice->student->last_name  ?? ''));
    $studentName  = F::titleCase(trim("$studentFirst $studentLast")) ?: '—';
    $parentName   = F::titleCase(trim((string) ($parent['name'] ?? ''))) ?: null;
    $parentEmail  = $parent['email'] ?? null;
    $addressParts = array_filter([
        $invoice->student->unit_number ?? null,
        $invoice->student->street ?? null,
        $invoice->student->city ?? null,
        $invoice->student->province ?? null,
        $invoice->student->postal_code ?? null,
    ]);
    $addressLine = $addressParts ? F::titleCase(implode(', ', $addressParts)) : '—';
    $phone = $parent['phone'] ?? ($invoice->student->phone ?? null);
    $studentEmail = $invoice->student->email ?? null;
    $locationName = F::titleCase((string) ($invoice->student->location->location_name ?? '')) ?: null;

    // ── Billing period — prefer the invoice's own billing_period (YYYY-MM
    //    added by the 2026_07_23 migration) so it reflects the CANONICAL
    //    invoice month, not the accidental issueDate month. Fall back to
    //    the first line's period, then to the issueDate month. --}
    $rawPeriod = $invoice->billing_period ?? null;
    $firstItem = ($items instanceof \Illuminate\Support\Collection) ? $items->first() : ($items[0] ?? null);
    if (!$rawPeriod && $firstItem && !empty($firstItem->billing_period)) {
        $rawPeriod = $firstItem->billing_period;
    }
    if (!$rawPeriod && $invoice->issueDate) {
        $rawPeriod = \Carbon\Carbon::parse($invoice->issueDate)->format('Y-m');
    }
    $periodLabel = F::billingPeriodLabel($rawPeriod, $firstItem->billing_period_label ?? null);

    $statusRaw   = strtolower((string) ($effective_status ?? $invoice->status ?? 'draft'));
    $statusLabel = F::statusLabel($statusRaw);
@endphp

@php
    // Watermark lives OUTSIDE .invoice-page so its `position: fixed`
    // containing block is the page/viewport itself — Dompdf then
    // repeats it on every generated PDF page. Placing it inside a
    // positioned ancestor would render it only once. The Print List
    // wrapper emits its own top-level watermark and passes
    // $skipWatermark=true so we don't double-stack them.
    $suppressWatermark = !empty($skipWatermark);
@endphp
@if($logoSrc && !$suppressWatermark)
  <img src="{{ $logoSrc }}" class="doc-watermark" alt="">
@endif

<div class="invoice-page">
  <div class="doc-content">

    {{-- ─── Shared Step Up header (synced with invoice list PDF) ─────
         Everything except the right-column content (status badge here;
         report title + date on the list) is identical to
         invoice_list.blade.php. Keep them in lock-step. --}}
    @php
        // Map the invoice's effective status to soft-pill colours that
        // match the previous badge treatment. Kept inline here so the
        // shared header stays self-contained.
        $badgeMap = [
            'paid'      => ['bg' => '#d4f0e2', 'fg' => '#0f6b35'],
            'partial'   => ['bg' => '#fef3c7', 'fg' => '#92400e'],
            'overdue'   => ['bg' => '#fee2e2', 'fg' => '#991b1b'],
            'sent'      => ['bg' => '#dbeafe', 'fg' => '#1d4ed8'],
            'draft'     => ['bg' => '#f1f5f9', 'fg' => '#475569'],
            'pending'   => ['bg' => '#f1f5f9', 'fg' => '#475569'],
            'voided'    => ['bg' => '#e5e7eb', 'fg' => '#4b5563'],
            'cancelled' => ['bg' => '#e5e7eb', 'fg' => '#4b5563'],
        ];
        $badge = $badgeMap[$statusRaw] ?? $badgeMap['draft'];
    @endphp
    <table width="100%" cellpadding="0" cellspacing="0"
      style="border-bottom: 2.5px solid #1b3a6b; padding-bottom: 14px; margin-bottom: 18px;">
      <tr>
        <td width="65%" style="vertical-align: middle;">
          <table cellpadding="0" cellspacing="0">
            <tr>
              <td style="padding-right: 12px; vertical-align: middle;">
                @if($logoSrc)
                  <img src="{{ $logoSrc }}" width="58" height="58"
                    style="border-radius: 50%; border: 2px solid #1b3a6b;" alt="">
                @endif
              </td>
              <td style="vertical-align: middle;">
                <div style="font-size: 16px; font-weight: 700; color: #1b3a6b;">
                  {{ $companyName }}
                </div>
                <div style="font-size: 10px; color: #555; margin-top: 3px; line-height: 1.7;">
                  {{ $companyAddress }}<br/>
                  <b>Tel:</b> {{ $companyPhone }} &nbsp;·&nbsp; <b>Email:</b> {{ $companyEmail }}
                </div>
              </td>
            </tr>
          </table>
        </td>
        <td width="35%" style="vertical-align: middle; text-align: right;">
          {{-- Single-invoice variant: status badge (list report uses
               title + date + prepared-by here instead). --}}
          <div style="font-size: 10px; color: #888; letter-spacing: 0.5px;
            text-transform: uppercase; margin-bottom: 4px;">Status</div>
          <span style="background: {{ $badge['bg'] }}; color: {{ $badge['fg'] }};
            font-size: 11px; font-weight: 700; padding: 4px 14px; border-radius: 20px;">
            {{ $statusLabel }}
          </span>
        </td>
      </tr>
    </table>

    {{-- ─── Info grid: Bill To + Invoice Details (spec §5) ────────── --}}
    <div class="doc-section doc-info">
      <table class="doc-info-table">
        <tr>
          <td class="doc-info-col">
            <div class="doc-info-heading">Bill To</div>
            <div class="doc-info-row"><span class="lbl">Student</span><span class="val">{{ $studentName }}</span></div>
            @if($parentName)
              <div class="doc-info-row"><span class="lbl">Parent / Guardian</span><span class="val">{{ $parentName }}</span></div>
            @endif
            <div class="doc-info-row"><span class="lbl">Address</span><span class="val">{{ $addressLine }}</span></div>
            @if($phone)
              <div class="doc-info-row"><span class="lbl">Phone</span><span class="val">{{ $phone }}</span></div>
            @endif
            @if($parentEmail || $studentEmail)
              <div class="doc-info-row"><span class="lbl">Email</span><span class="val">{{ $parentEmail ?: $studentEmail }}</span></div>
            @endif
            @if($locationName)
              <div class="doc-info-row"><span class="lbl">Location</span><span class="val">{{ $locationName }}</span></div>
            @endif
          </td>
          <td class="doc-info-col">
            <div class="doc-info-heading">Invoice Details</div>
            <div class="doc-info-row"><span class="lbl">Invoice Number</span><span class="val">{{ $invoice->invoiceNumber }}</span></div>
            <div class="doc-info-row"><span class="lbl">Billing Period</span><span class="val">{{ $periodLabel }}</span></div>
            <div class="doc-info-row"><span class="lbl">Issue Date</span><span class="val">{{ $fmtDate($invoice->issueDate) }}</span></div>
            <div class="doc-info-row"><span class="lbl">Due Date</span><span class="val">{{ $fmtDate($invoice->dueDate) }}</span></div>
            <div class="doc-info-row"><span class="lbl">Status</span><span class="val">{{ $statusLabel }}</span></div>
          </td>
        </tr>
      </table>
    </div>

    {{-- ─── Line items (spec §6) ─────────────────────────────────── --}}
    <table class="doc-items">
      <thead>
        <tr>
          <th class="c-class">Class Details</th>
          <th class="c-feetype">Fee Type</th>
          <th class="c-rate">Rate</th>
          <th class="c-amt">Amount</th>
        </tr>
      </thead>
      <tbody>
        @foreach($items as $i => $it)
          @php
              // Structured backend fields (spec §3) — never parse the description.
              $subject = F::titleCase((string) ($it->subject_name ?? ''));
              $grade   = F::titleCase((string) ($it->grade_name ?? ''));
              $staff   = F::titleCase((string) ($it->staff_name ?? ''));
              $loc     = F::titleCase((string) ($it->location_name ?? ''));
              $modeLbl = F::teachingMode($it->teaching_mode ?? null);
              $classCode = trim((string) ($it->class_code ?? ''));
              $btToken = strtolower(preg_replace('/[\s_-]/', '', (string) ($it->billing_type ?? '')));
              $isPerClass = str_contains($btToken, 'perclass');
              $feeTypeLabel = $isPerClass ? 'Per Class' : 'Monthly Fee';
              $qtyInt = (int) ($it->quantity ?? 0);
              $itemPeriod = F::billingPeriodLabel($it->billing_period ?? null, $it->billing_period_label ?? null);
              $chipParts = array_values(array_filter([
                  $classCode !== '' ? $classCode : null, $loc, $modeLbl,
              ]));
              $chip = implode(' • ', $chipParts);
              $head = $subject !== '' ? $subject : (trim((string) $it->description) ?: 'Line item');
          @endphp
          <tr>
            <td class="c-class">
              {{-- Subject (bold) + grade on the same line. Subject already
                   passes through F::titleCase() which preserves canonical
                   acronyms (ICT, ABA, STEM, ESL) and title-cases the
                   rest — so "SCIENCE / ICT" becomes "Science / ICT". --}}
              <div class="subject">
                {{ $head }}@if($grade !== '')<span class="grade-inline"> — {{ $grade }}</span>@endif
              </div>
              @if($staff !== '')
                <div class="staff"><span class="k">Staff:</span> <span class="v">{{ $staff }}</span></div>
              @endif
              @if($chip !== '')
                <div class="chip">{{ $chip }}</div>
              @endif
              @if($itemPeriod !== '—')
                <div class="period">{{ $itemPeriod }} {{ $isPerClass ? 'Per Class Fee' : 'Monthly Fee' }}</div>
              @endif
              @if($subject === '' && $staff === '' && !empty($it->description))
                {{-- Legacy / manual line — no structured data, keep description. --}}
                <div class="chip">{{ $it->description }}</div>
              @endif
            </td>
            <td class="c-feetype">
              <div class="feetype-head">{{ $feeTypeLabel }}</div>
              @if($isPerClass && $qtyInt > 0)
                <div class="feetype-sub">{{ $qtyInt }} {{ $qtyInt === 1 ? 'class' : 'classes' }}</div>
              @endif
            </td>
            <td class="c-rate">{{ $fmtMoney($it->unitPrice) }}</td>
            <td class="c-amt">{{ $fmtMoney($it->totalPrice) }}</td>
          </tr>
        @endforeach
        @if(count($items) === 0)
          <tr>
            <td colspan="4" style="text-align:center;color:#1f2937;padding:4mm;">No line items.</td>
          </tr>
        @endif
      </tbody>
    </table>

    {{-- ─── Totals (spec §8) ──────────────────────────────────────
         Single full-width table so its box matches the width and
         alignment of the header, info, items, notes and footer boxes
         above and below — no empty spacer column, no floating card
         that reads narrower than everything else. --}}
    <table class="doc-totals">
      <tr>
        <td class="lbl">Subtotal</td>
        <td class="val">{{ $fmtMoney($invoice->subtotal) }}</td>
      </tr>
      @if((float) $invoice->discountAmount > 0)
        <tr class="sep">
          <td class="lbl">Discount</td>
          <td class="val">−{{ $fmtMoney($invoice->discountAmount) }}</td>
        </tr>
      @endif
      @if((float) $invoice->taxAmount > 0)
        <tr class="sep">
          <td class="lbl">Tax</td>
          <td class="val">{{ $fmtMoney($invoice->taxAmount) }}</td>
        </tr>
      @endif
      <tr class="sep total">
        <td class="lbl">Total</td>
        <td class="val">{{ $fmtMoney($invoice->totalAmount) }}</td>
      </tr>
      <tr class="sep paid">
        <td class="lbl">Paid</td>
        <td class="val">{{ $fmtMoney($paid_amount) }}</td>
      </tr>
      <tr class="sep balance">
        <td class="lbl">Balance Due</td>
        <td class="val">{{ $fmtMoney($balance_due) }}</td>
      </tr>
    </table>

    {{-- ─── Payment history ────────────────────────────────────────
         Detailed per-payment table so the printed invoice reads as a
         complete transaction record — matches the Payment History
         section on the on-screen Invoice View. Row is compact but
         professional: Date · Receipt · Method · Reference · Amount ·
         Status. Total Paid footer mirrors the Financial Summary. --}}
    @if(!empty($payments) && count($payments) > 0)
      <div class="payment-history-section">
        <div class="payment-history-head">
          <div class="payment-history-title">Payment History</div>
          <div class="payment-history-subtitle">Recorded payments applied to this invoice</div>
        </div>
        <table class="doc-payments">
          <thead>
            <tr>
              <th style="width:15%;">Date</th>
              <th style="width:22%;">Receipt #</th>
              <th style="width:16%;">Method</th>
              <th style="width:22%;">Reference</th>
              <th class="amount-h" style="width:12%;">Amount</th>
              <th style="width:13%;">Status</th>
            </tr>
          </thead>
          <tbody>
            @foreach($payments as $p)
              @php
                  $pStatus = strtolower((string) ($p->status ?? 'completed'));
                  $pStatusLbl = ucfirst($pStatus === '' ? 'completed' : $pStatus);
                  $pillClass = in_array($pStatus, ['completed','pending','failed'], true)
                      ? 'pill pill-' . $pStatus
                      : 'pill pill-completed';
              @endphp
              <tr>
                <td>{{ $p->paymentDate ? \Carbon\Carbon::parse($p->paymentDate)->format('M j, Y') : '—' }}</td>
                <td class="receipt">{{ $p->receipt_number ?? ('REC-' . $p->id) }}</td>
                <td>{{ $p->paymentMethod ?: '—' }}</td>
                <td class="receipt">{{ $p->transactionId ?? '—' }}</td>
                <td class="amount">{{ $fmtMoney($p->amount) }}</td>
                <td class="status"><span class="{{ $pillClass }}">{{ $pStatusLbl }}</span></td>
              </tr>
            @endforeach
          </tbody>
          <tfoot>
            <tr>
              <td colspan="4" style="text-align:right;">TOTAL PAID</td>
              <td class="amount">{{ $fmtMoney($paid_amount) }}</td>
              <td></td>
            </tr>
          </tfoot>
        </table>
      </div>
    @else
      <div style="margin-top:3mm; padding:2.5mm 6mm; font-size:8pt; color:#64748b; border:0.3mm dashed #cbd5e1; box-sizing:border-box; width:100%;">
        No payments recorded.
      </div>
    @endif

    {{-- ─── Notes (only when the user actually typed one) ────────────
         Skip the system-generated cover text (AssignmentBillingService
         writes "Auto-generated from class assignment (July 2026)." on
         every auto-invoice). Only render when a real human note is on
         the invoice — anything that isn't the auto-generated stub. --}}
    @php
        $noteText = trim((string) ($invoice->notes ?? ''));
        $isAutoNote = $noteText !== '' && preg_match('/^Auto-generated from class assignment(\s*\(.*\))?\.?\s*$/i', $noteText) === 1;
    @endphp
    @if($noteText !== '' && !$isAutoNote)
      <div class="doc-section doc-notes">
        <strong>Notes</strong>
        {{ $noteText }}
      </div>
    @endif

    {{-- ─── Shared Step Up footer (synced with invoice list PDF) ──── --}}
    <table width="100%" cellpadding="0" cellspacing="0"
      style="margin-top: 24px; border-top: 1px solid #1b3a6b;
             page-break-inside: avoid; page-break-before: avoid;">
      <tr>
        <td style="padding: 14px 0 10px 0; text-align: center;">
          <div style="font-size: 12px; font-weight: 700; color: #1b3a6b;">
            Thank you for choosing {{ $companyName }}.
          </div>
          <div style="font-size: 10.5px; color: #777; margin-top: 4px;">
            For questions regarding this invoice, contact {{ $companyEmail }} or {{ $companyPhone }}.
          </div>
        </td>
      </tr>
    </table>

  </div>
</div>