@extends('layouts.app')

@section('title', 'Dues Calculator')
@section('page-title', 'Dues Calculator')

@section('content')

<div class="page-header">
    <div>
        <h1>Dues Calculator</h1>
        <p class="text-muted mb-0" style="font-size:14px">
            Calculate dues for any member category.
            @if($settings) Active Fiscal Year: <strong>{{ $settings->fiscal_year }}</strong> @endif
        </p>
    </div>
    <a href="{{ route('dues.invoices.generate') }}" class="btn btn-lions">
        <i class="bi bi-file-earmark-plus me-1"></i> Generate Invoices
    </a>
</div>

@if(!$settings)
<div class="alert alert-warning">
    <i class="bi bi-exclamation-triangle me-2"></i>
    No active dues settings found.
    <a href="{{ route('dues.settings') }}" class="fw-bold">Configure dues rates →</a>
</div>
@endif

<div class="row g-4">
    {{-- ── Calculator Form ───────────────────────────────────────────────── --}}
    <div class="col-lg-5">
        <div class="card">
            <div class="card-header">
                <h5><i class="bi bi-calculator me-2" style="color:var(--lions-gold)"></i>Calculate Dues</h5>
            </div>
            <div class="card-body">
                <form method="GET" action="{{ route('dues.calculator') }}">
                    <div class="mb-3">
                        <label class="form-label">Member</label>
                        <select name="member_id" class="form-select" {{ !$settings ? 'disabled' : '' }}>
                            <option value="">Select a member…</option>
                            @foreach($members as $m)
                                <option value="{{ $m->id }}" {{ request('member_id') == $m->id ? 'selected' : '' }}>
                                    {{ $m->full_name }} ({{ $m->category_display }})
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="mb-4">
                        <label class="form-label">Billing Period</label>
                        <select name="period" class="form-select">
                            <option value="semi_annual_july"    {{ request('period', 'semi_annual_july') === 'semi_annual_july'    ? 'selected' : '' }}>Semi-Annual — July</option>
                            <option value="semi_annual_january" {{ request('period') === 'semi_annual_january' ? 'selected' : '' }}>Semi-Annual — January</option>
                            <option value="annual"              {{ request('period') === 'annual'              ? 'selected' : '' }}>Annual (Full Year)</option>
                        </select>
                    </div>

                    <button type="submit" class="btn btn-lions w-100" {{ !$settings ? 'disabled' : '' }}>
                        <i class="bi bi-calculator me-1"></i> Calculate
                    </button>
                </form>
            </div>
        </div>

        {{-- LCI Good Standing Reference ──────────────────────────────────── --}}
        <div class="card mt-3">
            <div class="card-header">
                <h5 style="font-size:14px"><i class="bi bi-shield-check me-2" style="color:#059669"></i>Good Standing Thresholds</h5>
            </div>
            <div class="card-body" style="font-size:13px">
                <div class="d-flex gap-2 mb-2">
                    <i class="bi bi-check-circle text-success mt-1 flex-shrink-0"></i>
                    <span>District &amp; Multiple District dues paid in full</span>
                </div>
                <div class="d-flex gap-2 mb-2">
                    <i class="bi bi-check-circle text-success mt-1 flex-shrink-0"></i>
                    <span>LCI unpaid balance must <strong>NOT exceed $10.00</strong></span>
                </div>
                <div class="d-flex gap-2">
                    <i class="bi bi-check-circle text-success mt-1 flex-shrink-0"></i>
                    <span>Total LCI balance older than <strong>90 days</strong> must <strong>NOT exceed $50.00</strong></span>
                </div>
            </div>
        </div>
    </div>

    {{-- ── Breakdown Result ──────────────────────────────────────────────── --}}
    <div class="col-lg-7">
        @if($breakdown && $member)
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5>
                    <i class="bi bi-receipt me-2" style="color:var(--lions-gold)"></i>
                    {{ $member->full_name }} — {{ $member->category_display }}
                </h5>
                <a href="{{ route('dues.invoices.generate') }}?member_ids[]={{ $member->id }}"
                   class="btn btn-sm btn-gold">
                    <i class="bi bi-file-earmark-plus"></i> Generate Invoice
                </a>
            </div>
            <div class="card-body">
                <div class="mb-3 p-3 rounded" style="background:#f8f9fc">
                    <span class="badge" style="background:var(--lions-blue);color:#fff;font-size:12px">
                        {{ $settings->fiscal_year }}
                    </span>
                    <span class="ms-2" style="font-size:13px;color:#6b7280">
                        {{ match($breakdown['period']) {
                            'semi_annual_july'    => 'Semi-Annual — July Billing',
                            'semi_annual_january' => 'Semi-Annual — January Billing',
                            default               => 'Annual Billing',
                        } }}
                    </span>
                </div>

                <table class="table mb-0">
                    <tbody>
                        <tr>
                            <td style="font-size:14px">
                                LCI International Dues
                                @if($breakdown['lci_discount_pct'] > 0)
                                    <span class="badge" style="background:#fef3c7;color:#92400e;font-size:10px">
                                        {{ $breakdown['lci_discount_pct'] }}% discount applied
                                    </span>
                                @endif
                            </td>
                            <td class="text-end fw-semibold">${{ number_format($breakdown['lci_amount'], 2) }}</td>
                        </tr>
                        <tr>
                            <td style="font-size:14px">District 306 B2 Dues</td>
                            <td class="text-end fw-semibold">${{ number_format($breakdown['district_amount'], 2) }}</td>
                        </tr>
                        <tr>
                            <td style="font-size:14px">Multiple District (MD) Dues</td>
                            <td class="text-end fw-semibold">${{ number_format($breakdown['md_amount'], 2) }}</td>
                        </tr>
                        <tr>
                            <td style="font-size:14px">Club Dues</td>
                            <td class="text-end fw-semibold">${{ number_format($breakdown['club_amount'], 2) }}</td>
                        </tr>
                        <tr class="table-active">
                            <td style="font-weight:700;font-size:15px">
                                Total Due ({{ $breakdown['currency'] }})
                            </td>
                            <td class="text-end" style="font-size:20px;font-weight:700;color:var(--lions-blue)">
                                ${{ number_format($breakdown['total_amount'], 2) }}
                            </td>
                        </tr>
                    </tbody>
                </table>

                {{-- Visual breakdown bar --}}
                @php
                    $total = $breakdown['total_amount'];
                    $lciPct      = $total > 0 ? ($breakdown['lci_amount'] / $total) * 100 : 0;
                    $districtPct = $total > 0 ? ($breakdown['district_amount'] / $total) * 100 : 0;
                    $mdPct       = $total > 0 ? ($breakdown['md_amount'] / $total) * 100 : 0;
                    $clubPct     = $total > 0 ? ($breakdown['club_amount'] / $total) * 100 : 0;
                @endphp
                <div class="mt-3">
                    <div style="font-size:12px;color:#6b7280;mb-1">Dues Breakdown</div>
                    <div class="d-flex rounded overflow-hidden" style="height:10px">
                        <div style="width:{{ $lciPct }}%;background:#00338D" title="LCI: ${{ number_format($breakdown['lci_amount'],2) }}"></div>
                        <div style="width:{{ $districtPct }}%;background:#FFC72C" title="District: ${{ number_format($breakdown['district_amount'],2) }}"></div>
                        <div style="width:{{ $mdPct }}%;background:#27ae60" title="MD: ${{ number_format($breakdown['md_amount'],2) }}"></div>
                        <div style="width:{{ $clubPct }}%;background:#8e44ad" title="Club: ${{ number_format($breakdown['club_amount'],2) }}"></div>
                    </div>
                    <div class="d-flex gap-3 mt-2" style="font-size:11px">
                        <span><span style="display:inline-block;width:10px;height:10px;background:#00338D;border-radius:2px"></span> LCI</span>
                        <span><span style="display:inline-block;width:10px;height:10px;background:#FFC72C;border-radius:2px"></span> District</span>
                        <span><span style="display:inline-block;width:10px;height:10px;background:#27ae60;border-radius:2px"></span> MD</span>
                        <span><span style="display:inline-block;width:10px;height:10px;background:#8e44ad;border-radius:2px"></span> Club</span>
                    </div>
                </div>
            </div>
        </div>

        @else
        {{-- Category Reference Table --}}
        @if($settings)
        <div class="card">
            <div class="card-header">
                <h5>Member Category Rate Reference — {{ $settings->fiscal_year }}</h5>
            </div>
            <div class="table-responsive">
                <table class="table mb-0">
                    <thead>
                        <tr>
                            <th>Category</th>
                            <th class="text-center">LCI Discount</th>
                            <th class="text-end">Semi-Annual</th>
                            <th class="text-end">Annual Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach(['regular', 'family', 'student', 'leo_to_lion'] as $cat)
                        @php $calc = $settings->calculateDues($cat, 'semi_annual_july'); @endphp
                        <tr>
                            <td class="fw-semibold">{{ ucwords(str_replace('_', ' ', $cat)) }}</td>
                            <td class="text-center">
                                @if($calc['lci_discount_pct'] > 0)
                                    <span class="badge" style="background:#fef3c7;color:#92400e">{{ $calc['lci_discount_pct'] }}% off</span>
                                @else
                                    <span class="text-muted">—</span>
                                @endif
                            </td>
                            <td class="text-end fw-semibold">${{ number_format($calc['total_amount'], 2) }}</td>
                            <td class="text-end text-primary fw-bold">${{ number_format($calc['total_amount'] * 2, 2) }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        @endif
        @endif
    </div>
</div>

@endsection