@extends('layouts.app')

@section('title', 'License Fee Schedule')

@section('content')

@verbatim
<style>
.fee-page { max-width: 1100px; margin: 0 auto; padding: 32px 16px; }
.fee-page-header { margin-bottom: 24px; }
.fee-page-header h1 { font-size: 1.6rem; font-weight: 700; color: #1a202c; margin: 0 0 4px; }
.fee-page-header p { font-size: 0.9rem; color: #6b7280; margin: 0; }
.fee-note { background: #fef3c7; border: 1px solid #fcd34d; border-radius: 6px; padding: 12px 16px; font-size: 13px; color: #92400e; margin-bottom: 24px; }
.fee-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 32px; }
@media (max-width: 768px) { .fee-grid { grid-template-columns: 1fr; } }
.fee-card { border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden; }
.fee-card-hdr { padding: 12px 18px; font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.fee-card-hdr.local { background: #163a6e; color: #fff; }
.fee-card-hdr.foreign { background: #065f46; color: #fff; }
.fee-section-hdr { background: #f1f5f9; padding: 7px 18px; font-size: 11px; font-weight: 700; color: #475569; text-transform: uppercase; letter-spacing: 0.8px; border-bottom: 1px solid #e2e8f0; border-top: 1px solid #e2e8f0; }
.fee-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.fee-table th { background: #f8fafc; color: #6b7280; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; padding: 7px 18px; border-bottom: 1px solid #e2e8f0; text-align: right; }
.fee-table th:first-child { text-align: left; }
.fee-table td { padding: 8px 18px; border-bottom: 1px solid #f1f5f9; color: #1a202c; text-align: right; }
.fee-table td:first-child { text-align: left; color: #374151; padding-left: 28px; }
.fee-table tr:last-child td { border-bottom: none; }
.fee-table tr:hover td { background: #f8fafc; }
.fee-amt { font-weight: 600; color: #163a6e; }
.fee-amt.g { color: #065f46; }
.fee-other { font-style: italic; color: #9ca3af; font-size: 11px; }
</style>
@endverbatim

<div class="fee-page">

    <div class="fee-page-header">
        <h1>License Fee Schedule</h1>
        <p>Local Fish Export / Re-export License — Republic of Kiribati, Ministry of Fisheries &amp; Ocean Resources</p>
    </div>

    <div class="fee-note">
        💡 All amounts are in <strong>Australian Dollars (AUD)</strong>.
        "Others" fees are multiplied by the number of methods / species selected.
        Semi-foreign licenses use the same rates as Foreign.
    </div>

    <div class="fee-grid">

        {{-- ── LOCAL ── --}}
        <div class="fee-card">
            <div class="fee-card-hdr local">Local License</div>

            <div class="fee-section-hdr">Fixed Fees</div>
            <table class="fee-table">
                <thead><tr><th>Description</th><th>12 Months</th><th>6 Months</th></tr></thead>
                <tbody>
                    @foreach($localFees as $fee)
                    <tr>
                        <td>{{ $feeLabels[$fee->fee_type] ?? ucfirst(str_replace('_', ' ', $fee->fee_type)) }}</td>
                        <td class="fee-amt">${{ number_format($fee->amount_12m, 0) }}</td>
                        <td class="fee-amt">${{ number_format($fee->amount_6m, 0) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>

            <div class="fee-section-hdr">Vessel Size Fee</div>
            <table class="fee-table">
                <thead><tr><th>Size</th><th>12 Months</th><th>6 Months</th></tr></thead>
                <tbody>
                    @foreach($vesselSizes as $vs)
                    <tr>
                        <td>{{ $vs->label }}</td>
                        <td class="fee-amt">${{ number_format($vs->local_12m, 0) }}</td>
                        <td class="fee-amt">${{ number_format($vs->local_6m, 0) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>

            <div class="fee-section-hdr">Harvesting Method Fee</div>
            <table class="fee-table">
                <thead><tr><th>Method</th><th>12 Months</th><th>6 Months</th></tr></thead>
                <tbody>
                    @foreach($harvestingMethods as $hm)
                    <tr>
                        <td class="{{ $hm->is_other ? 'fee-other' : '' }}">
                            {{ $hm->name }}{{ $hm->is_other ? ' (per method)' : '' }}
                        </td>
                        <td class="fee-amt">${{ number_format($hm->local_12m, 0) }}</td>
                        <td class="fee-amt">${{ number_format($hm->local_6m, 0) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>

            <div class="fee-section-hdr">Target Fish Family Fee</div>
            <table class="fee-table">
                <thead><tr><th>Fish Family</th><th>12 Months</th><th>6 Months</th></tr></thead>
                <tbody>
                    @foreach($fishFamilies as $ff)
                    <tr>
                        <td class="{{ $ff->is_other ? 'fee-other' : '' }}">
                            {{ $ff->name }}{{ $ff->is_other ? ' (per species)' : '' }}
                        </td>
                        <td class="fee-amt">${{ number_format($ff->local_12m, 0) }}</td>
                        <td class="fee-amt">${{ number_format($ff->local_6m, 0) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        {{-- ── SEMI-FOREIGN / FOREIGN ── --}}
        <div class="fee-card">
            <div class="fee-card-hdr foreign">Semi-Foreign / Foreign License</div>

            <div class="fee-section-hdr">Fixed Fees</div>
            <table class="fee-table">
                <thead><tr><th>Description</th><th>12 Months</th><th>6 Months</th></tr></thead>
                <tbody>
                    @foreach($foreignFees as $fee)
                    <tr>
                        <td>{{ $feeLabels[$fee->fee_type] ?? ucfirst(str_replace('_', ' ', $fee->fee_type)) }}</td>
                        <td class="fee-amt g">${{ number_format($fee->amount_12m, 0) }}</td>
                        <td class="fee-amt g">${{ number_format($fee->amount_6m, 0) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>

            <div class="fee-section-hdr">Vessel Size Fee</div>
            <table class="fee-table">
                <thead><tr><th>Size</th><th>12 Months</th><th>6 Months</th></tr></thead>
                <tbody>
                    @foreach($vesselSizes as $vs)
                    <tr>
                        <td>{{ $vs->label }}</td>
                        <td class="fee-amt g">${{ number_format($vs->foreign_12m, 0) }}</td>
                        <td class="fee-amt g">${{ number_format($vs->foreign_6m, 0) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>

            <div class="fee-section-hdr">Harvesting Method Fee</div>
            <table class="fee-table">
                <thead><tr><th>Method</th><th>12 Months</th><th>6 Months</th></tr></thead>
                <tbody>
                    @foreach($harvestingMethods as $hm)
                    <tr>
                        <td class="{{ $hm->is_other ? 'fee-other' : '' }}">
                            {{ $hm->name }}{{ $hm->is_other ? ' (per method)' : '' }}
                        </td>
                        <td class="fee-amt g">${{ number_format($hm->foreign_12m, 0) }}</td>
                        <td class="fee-amt g">${{ number_format($hm->foreign_6m, 0) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>

            <div class="fee-section-hdr">Target Fish Family Fee</div>
            <table class="fee-table">
                <thead><tr><th>Fish Family</th><th>12 Months</th><th>6 Months</th></tr></thead>
                <tbody>
                    @foreach($fishFamilies as $ff)
                    <tr>
                        <td class="{{ $ff->is_other ? 'fee-other' : '' }}">
                            {{ $ff->name }}{{ $ff->is_other ? ' (per species)' : '' }}
                        </td>
                        <td class="fee-amt g">${{ number_format($ff->foreign_12m, 0) }}</td>
                        <td class="fee-amt g">${{ number_format($ff->foreign_6m, 0) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

    </div>
</div>

@endsection