@extends('admin.layouts.app')
@section('title','Conference Fees — '.$conference->name)
@section('page-title','Structured Fee Configuration')
@section('page-subtitle',$conference->name)
@section('content')

@if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif

<div class="mb-3">
    <a href="{{ route('admin.conferences.edit', $conference) }}" class="btn btn-light btn-sm">← Edit Conference</a>
    <a href="{{ route('admin.conferences.edit', $conference) }}#important-dates" class="btn btn-outline-green btn-sm">Conference Registration Dates</a>
    <a href="{{ route('admin.conferences.virtual-access', $conference) }}" class="btn btn-outline-green btn-sm">Virtual Access</a>
</div>

<div class="alert alert-info border-0 mb-4">
    <div class="d-flex gap-2">
        <i class="fas fa-circle-info mt-1"></i>
        <div>
            <strong>Conference Edit dates control when registration is open.</strong>
            This page sets fee amounts only. Optional <em>override</em> dates below can narrow a period further,
            but they cannot extend registration beyond the conference dates set under
            <a href="{{ route('admin.conferences.edit', $conference) }}#important-dates" class="alert-link">Edit Conference → Important Dates</a>.
            Registration is allowed only when the conference period is open <strong>and</strong> the fee row is active
            (and within any override window, if set).
        </div>
    </div>
</div>

<form method="POST" action="{{ route('admin.conferences.fees.store', $conference) }}">
    @csrf
    @php
        $periods = [
            'early_bird' => ['regular', 'student', 'spouse', 'foreign'],
            'regular' => ['regular', 'student', 'spouse', 'foreign'],
            'virtual' => ['virtual'],
            'late' => ['late_registration'],
            'onsite' => ['onsite_registration'],
        ];
        $idx = 0;
    @endphp

    @foreach($periods as $period => $categories)
        @php
            $periodWindow = $conference->registrationPeriodWindow($period);
            $periodLabel = \App\Models\ConferenceFee::PERIODS[$period] ?? ucfirst($period);
        @endphp
        <div class="cardx p-4 mb-4">
            <div class="d-flex flex-wrap justify-content-between align-items-start gap-2 mb-3">
                <h5 class="mb-0">{{ $periodLabel }} Fees</h5>
                <a href="{{ route('admin.conferences.edit', $conference) }}#important-dates" class="btn btn-sm btn-light">Edit {{ $periodLabel }} dates</a>
            </div>

            @if($periodWindow['is_configured'])
                <div class="alert alert-success py-2 px-3 mb-3 small border-0">
                    <strong>Master period (Conference Edit):</strong> {{ $periodWindow['formatted'] }}
                    <span class="text-muted">— registration must fall within this window first.</span>
                </div>
            @else
                <div class="alert alert-warning py-2 px-3 mb-3 small">
                    <strong>No {{ strtolower($periodLabel) }} dates set on the conference.</strong>
                    Set them under
                    <a href="{{ route('admin.conferences.edit', $conference) }}#important-dates">Edit Conference → Important Dates</a>
                    before fee overrides on this page will matter.
                </div>
            @endif

            <div class="table-responsive">
                <table class="table table-sm align-middle mb-0">
                    <thead>
                        <tr>
                            <th>Category</th>
                            <th>Currency</th>
                            <th>Amount</th>
                            <th>
                                Override opens
                                <span class="d-block fw-normal text-muted" style="font-size:11px">Optional · narrower only</span>
                            </th>
                            <th>
                                Override closes
                                <span class="d-block fw-normal text-muted" style="font-size:11px">Optional · narrower only</span>
                            </th>
                            <th>Active</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($categories as $category)
                            @php
                                $existing = ($fees[$period] ?? collect())->firstWhere('participant_category', $category);
                            @endphp
                            <tr>
                                <td>{{ \App\Models\ConferenceFee::CATEGORIES[$category] ?? $category }}
                                    <input type="hidden" name="fees[{{ $idx }}][fee_period]" value="{{ $period }}">
                                    <input type="hidden" name="fees[{{ $idx }}][participant_category]" value="{{ $category }}">
                                </td>
                                <td>
                                    <select name="fees[{{ $idx }}][currency]" class="form-select form-select-sm">
                                        <option value="NGN" @selected(old("fees.{$idx}.currency", $existing->currency ?? 'NGN') === 'NGN')>NGN</option>
                                        <option value="USD" @selected(old("fees.{$idx}.currency", $existing->currency ?? ($category === 'foreign' ? 'USD' : 'NGN')) === 'USD')>USD</option>
                                    </select>
                                </td>
                                <td><input type="number" step="0.01" min="0" name="fees[{{ $idx }}][amount]" class="form-control form-control-sm" value="{{ old("fees.{$idx}.amount", $existing->amount ?? '') }}" placeholder="0.00"></td>
                                <td>
                                    <input type="datetime-local" name="fees[{{ $idx }}][opens_at]" class="form-control form-control-sm" value="{{ old("fees.{$idx}.opens_at", $existing?->opens_at?->format('Y-m-d\TH:i')) }}" title="Leave blank to use only the conference period dates">
                                </td>
                                <td>
                                    <input type="datetime-local" name="fees[{{ $idx }}][closes_at]" class="form-control form-control-sm" value="{{ old("fees.{$idx}.closes_at", $existing?->closes_at?->format('Y-m-d\TH:i')) }}" title="Leave blank to use only the conference period dates">
                                </td>
                                <td><input type="checkbox" name="fees[{{ $idx }}][is_active]" value="1" class="form-check-input" @checked(old("fees.{$idx}.is_active", $existing->is_active ?? true))></td>
                            </tr>
                            @php $idx++; @endphp
                        @endforeach
                    </tbody>
                </table>
            </div>
            <p class="text-muted small mt-2 mb-0">
                Leave override dates empty to rely entirely on the conference {{ strtolower($periodLabel) }} period above.
            </p>
        </div>
    @endforeach

    <div class="text-end"><button type="submit" class="btn btn-green" id="saveStructuredFeesBtn">Save All Fees</button></div>
</form>

@push('scripts')
<script>
document.querySelector('form[action*="fees"]')?.addEventListener('submit', function (e) {
    if (!confirm('Are you sure you want to change the fee configuration? This may affect registration amounts for this conference.')) {
        e.preventDefault();
    }
});
</script>
@endpush
@endsection