@extends('layouts.app')

@section('title', 'Dues Settings')
@section('page-title', 'Dues Rate Settings')

@section('content')

<div class="page-header">
    <div>
        <h1>Dues Settings</h1>
        <p class="text-muted mb-0" style="font-size:14px">Configure LCI, District, MD and Club dues rates per fiscal year.</p>
    </div>
</div>

<div class="row g-4">

    {{-- ── New Settings Form ─────────────────────────────────────────────── --}}
    <div class="col-lg-7">
        <div class="card">
            <div class="card-header">
                <h5><i class="bi bi-sliders me-2" style="color:var(--lions-gold)"></i>Add New Fiscal Year Settings</h5>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('dues.settings.store') }}">
                    @csrf

                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Fiscal Year <span class="text-danger">*</span></label>
                            <input type="text" name="fiscal_year" class="form-control"
                                   placeholder="e.g. 2025-2026" pattern="\d{4}-\d{4}"
                                   value="{{ old('fiscal_year') }}" required>
                            <div class="form-text">Format: YYYY-YYYY (e.g. 2025-2026)</div>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label">Billing Cycle</label>
                            <select name="billing_cycle" class="form-select">
                                <option value="semi_annual" {{ old('billing_cycle') !== 'annual' ? 'selected' : '' }}>
                                    Semi-Annual (July & January)
                                </option>
                                <option value="annual" {{ old('billing_cycle') === 'annual' ? 'selected' : '' }}>
                                    Annual
                                </option>
                            </select>
                        </div>

                        {{-- LCI Dues --}}
                        <div class="col-12">
                            <div class="p-3 rounded mb-0" style="background:#eff6ff;border:1px solid #bfdbfe">
                                <div class="fw-semibold mb-2" style="font-size:13px;color:var(--lions-blue)">
                                    <i class="bi bi-globe me-1"></i> LCI (International) Dues
                                </div>
                                <div class="row g-2">
                                    <div class="col-md-6">
                                        <label class="form-label">Annual LCI Base Dues (per member)</label>
                                        <div class="input-group">
                                            <span class="input-group-text">$</span>
                                            <input type="number" name="lci_base_dues_annual" class="form-control"
                                                   step="0.01" value="{{ old('lci_base_dues_annual', 46.00) }}" required>
                                        </div>
                                        <div class="form-text">LCI baseline = $46.00/year</div>
                                    </div>
                                    <div class="col-md-6">
                                        <label class="form-label">Currency Symbol</label>
                                        <input type="text" name="currency_symbol" class="form-control"
                                               value="{{ old('currency_symbol', '$') }}" maxlength="5">
                                    </div>
                                </div>
                                <div class="row g-2 mt-1">
                                    <div class="col-md-4">
                                        <label class="form-label">Family Member LCI Discount (%)</label>
                                        <div class="input-group">
                                            <input type="number" name="family_lci_discount_pct" class="form-control"
                                                   step="0.01" value="{{ old('family_lci_discount_pct', 50) }}">
                                            <span class="input-group-text">%</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Student LCI Discount (%)</label>
                                        <div class="input-group">
                                            <input type="number" name="student_lci_discount_pct" class="form-control"
                                                   step="0.01" value="{{ old('student_lci_discount_pct', 50) }}">
                                            <span class="input-group-text">%</span>
                                        </div>
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label">Leo-to-Lion LCI Discount (%)</label>
                                        <div class="input-group">
                                            <input type="number" name="leo_lci_discount_pct" class="form-control"
                                                   step="0.01" value="{{ old('leo_lci_discount_pct', 50) }}">
                                            <span class="input-group-text">%</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- District & MD --}}
                        <div class="col-md-4">
                            <label class="form-label">District Dues (Annual)</label>
                            <div class="input-group">
                                <span class="input-group-text">$</span>
                                <input type="number" name="district_dues_annual" class="form-control"
                                       step="0.01" value="{{ old('district_dues_annual', 15.00) }}" required>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label">Multiple District Dues (Annual)</label>
                            <div class="input-group">
                                <span class="input-group-text">$</span>
                                <input type="number" name="multiple_district_dues_annual" class="form-control"
                                       step="0.01" value="{{ old('multiple_district_dues_annual', 8.00) }}" required>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <label class="form-label">Club Dues (Annual)</label>
                            <div class="input-group">
                                <span class="input-group-text">$</span>
                                <input type="number" name="club_dues_annual" class="form-control"
                                       step="0.01" value="{{ old('club_dues_annual', 24.00) }}" required>
                            </div>
                        </div>

                        <div class="col-12">
                            <button type="submit" class="btn btn-lions">
                                <i class="bi bi-save me-1"></i> Save & Activate Settings
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    {{-- ── Active Settings Summary ────────────────────────────────────────── --}}
    <div class="col-lg-5">
        @if($active)
        <div class="card mb-3">
            <div class="card-header">
                <h5>
                    <i class="bi bi-check-circle-fill me-2" style="color:#059669"></i>
                    Active: {{ $active->fiscal_year }}
                </h5>
            </div>
            <div class="card-body">
                <table class="table table-sm mb-0">
                    <tbody>
                        <tr>
                            <td class="text-muted" style="font-size:13px">LCI Base Dues</td>
                            <td class="fw-semibold">${{ number_format($active->lci_base_dues_annual, 2) }}/yr</td>
                        </tr>
                        <tr>
                            <td class="text-muted" style="font-size:13px">District Dues</td>
                            <td class="fw-semibold">${{ number_format($active->district_dues_annual, 2) }}/yr</td>
                        </tr>
                        <tr>
                            <td class="text-muted" style="font-size:13px">MD Dues</td>
                            <td class="fw-semibold">${{ number_format($active->multiple_district_dues_annual, 2) }}/yr</td>
                        </tr>
                        <tr>
                            <td class="text-muted" style="font-size:13px">Club Dues</td>
                            <td class="fw-semibold">${{ number_format($active->club_dues_annual, 2) }}/yr</td>
                        </tr>
                        <tr class="table-active">
                            <td style="font-size:13px;font-weight:700">Total (Regular)</td>
                            <td class="fw-bold text-primary">
                                ${{ number_format(
                                    $active->lci_base_dues_annual +
                                    $active->district_dues_annual +
                                    $active->multiple_district_dues_annual +
                                    $active->club_dues_annual, 2) }}/yr
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" class="text-muted" style="font-size:12px;border:none">
                                Family/Student/Leo-to-Lion get {{ $active->family_lci_discount_pct }}% off LCI portion.
                                Billing: {{ $active->billing_cycle === 'semi_annual' ? 'Semi-Annual' : 'Annual' }}.
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        @endif

        {{-- Historical settings --}}
        @if($settings->count() > 0)
        <div class="card">
            <div class="card-header"><h5>Fiscal Year History</h5></div>
            <div class="list-group list-group-flush">
                @foreach($settings as $s)
                <div class="list-group-item d-flex justify-content-between align-items-center">
                    <div>
                        <span class="fw-semibold" style="font-size:14px">{{ $s->fiscal_year }}</span>
                        <span class="ms-2 badge {{ $s->is_active ? 'bg-success' : 'bg-secondary' }}" style="font-size:10px">
                            {{ $s->is_active ? 'Active' : 'Inactive' }}
                        </span>
                    </div>
                    <div class="d-flex gap-1">
                        <span style="font-size:12px;color:#6b7280">${{ number_format($s->lci_base_dues_annual, 2) }} LCI</span>
                        @if(!$s->is_active)
                            <form method="POST" action="{{ route('dues.settings.activate', $s) }}">
                                @csrf @method('PATCH')
                                <button type="submit" class="btn btn-sm btn-outline-primary py-0 ms-1" style="font-size:11px">
                                    Activate
                                </button>
                            </form>
                        @endif
                    </div>
                </div>
                @endforeach
            </div>
        </div>
        @endif
    </div>

</div>

@endsection