@extends('layouts.dashboard')

@section('page_title', 'ACCOUNTING SUMMARY')

@section('content')
@php($isPreview = $isPreview ?? false)
<div class="ff-toolbar d-flex justify-content-between align-items-center mb-4 ff-no-print">
    <div class="d-flex align-items-center gap-3">
        <a href="{{ route('accounting.summary') }}" class="btn btn-outline-secondary btn-sm"><i class="fa fa-arrow-left"></i> Back</a>
        <h5 class="m-0 fw-bold border-start ps-3 border-color"><i class="fa-solid fa-file-invoice-dollar text-accent me-2"></i>Accounting Summary {{ $isPreview ? 'Preview' : 'Preview' }}</h5>
    </div>
    <div class="d-flex gap-2">
        <button type="button" onclick="window.print()" class="btn btn-outline-secondary btn-sm fw-bold"><i class="fa-solid fa-print me-1"></i> Print</button>
        @if ($isPreview)
            <a href="{{ route('accounting.summary.preview-pdf', ['date_from' => $rangeFrom, 'date_to' => $rangeTo]) }}" class="btn btn-warning btn-sm fw-bold"><i class="fa-solid fa-download me-1"></i> Download PDF</a>
        @else
            <a href="{{ route('accounting.summary.pdf', $summary) }}" class="btn btn-warning btn-sm fw-bold"><i class="fa-solid fa-download me-1"></i> Download PDF</a>
        @endif
    </div>
</div>

<div class="ff-as-report">
    <div class="ff-as-report-head">
        <h3 class="ff-as-title">ACCOUNTING SUMMARY REPORT</h3>
        @if ($summary)
            <div class="ff-as-id">ACCOUNTING SUMMARY ID - {{ $summary->reference_code }}</div>
            <div class="ff-as-sub">The following accounting information has been summarized</div>
        @else
            <div class="ff-as-id">PREVIEW (NOT YET EXPORTED)</div>
            <div class="ff-as-sub">Preview of invoices in the selected date range</div>
        @endif
        <div class="ff-as-range">From: {{ $rangeFrom ?? '—' }} &nbsp;&rsaquo;&nbsp; To: {{ $rangeTo ?? '—' }}</div>
    </div>

    @forelse ($groups as $group)
        <div class="ff-as-group-head">
            <span class="ff-as-group-name">{{ $group['label'] }} - Customers</span>
            <span class="ff-as-export-date">Export Date: {{ $exportDate }}</span>
        </div>

        <table class="ff-as-table">
            <thead>
                <tr>
                    <th style="width:70px;">Invoice #</th>
                    <th style="width:70px;">Load #</th>
                    <th style="width:100px;">Invoice Date</th>
                    <th>Customer</th>
                    <th class="text-end" style="width:110px;">Total Rate</th>
                    <th class="text-end" style="width:90px;">HST</th>
                    <th class="text-end" style="width:90px;">Advance</th>
                    <th class="text-end" style="width:110px;">Balance</th>
                    <th style="width:50px;">$</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($group['rows'] as $row)
                    <tr>
                        <td>{{ $row['invoice'] }}</td>
                        <td>{{ $row['load'] }}</td>
                        <td>{{ $row['invoice_date'] }}</td>
                        <td>{{ $row['customer'] }}</td>
                        <td class="text-end">${{ number_format($row['total_rate'], 2) }}</td>
                        <td class="text-end">${{ number_format($row['hst'], 2) }}</td>
                        <td class="text-end">${{ number_format($row['advance'], 2) }}</td>
                        <td class="text-end">${{ number_format($row['balance'], 2) }}</td>
                        <td>{{ $row['currency'] }}</td>
                    </tr>
                @endforeach
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="7" class="text-end fw-bold">TOTAL</td>
                    <td class="text-end fw-bold">${{ number_format($group['total'], 2) }}</td>
                    <td class="fw-bold">{{ $group['currency'] }}</td>
                </tr>
            </tfoot>
        </table>
    @empty
        <p class="text-muted text-center py-4">No invoices in this summary.</p>
    @endforelse
</div>

<style>
    .ff-as-report { background: #fff; color: #1f2937; border-radius: 12px; padding: 28px 32px; border: 1px solid var(--border-color); }
    .ff-as-report-head { text-align: center; margin-bottom: 18px; }
    .ff-as-title { font-weight: 800; letter-spacing: 0.5px; margin: 0; color: #111827; }
    .ff-as-id { font-weight: 700; color: #111827; margin-top: 2px; }
    .ff-as-sub { color: #dc2626; font-size: 0.85rem; margin-top: 6px; }
    .ff-as-range { color: #6b7280; font-size: 0.8rem; margin-top: 4px; }
    .ff-as-group-head { display: flex; justify-content: space-between; align-items: baseline; margin: 26px 0 8px; border-bottom: 2px solid #f3b221; padding-bottom: 4px; }
    .ff-as-group-name { font-size: 1.05rem; font-weight: 800; color: #111827; }
    .ff-as-export-date { font-size: 0.78rem; color: #6b7280; }
    .ff-as-table { width: 100%; border-collapse: collapse; font-size: 0.8rem; }
    .ff-as-table th { background: #1a1a1a; color: #fff; text-align: left; padding: 7px 9px; font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.4px; }
    .ff-as-table td { padding: 6px 9px; border-bottom: 1px solid #eef0f3; color: #1f2937; }
    .ff-as-table tfoot td { border-top: 2px solid #1a1a1a; border-bottom: none; background: #fff7e6; }
    @media print {
        .ff-no-print, .sidebar, .app-sidebar, nav, header, .ff-toolbar { display: none !important; }
        .ff-as-report { border: none; padding: 0; }
        body { background: #fff !important; }
    }
</style>
@endsection