@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center flex-wrap mb-3">
    <div>
        <h4 class="mb-0">Holiday Calendars</h4>
        <p class="text-secondary small mb-0 mt-1">Reusable holiday lists used by Time Conditions for closed-day routing.</p>
    </div>
    <div class="d-flex gap-2">
        <form method="POST" action="{{ route('applications.holiday_calendars.populate_za') }}" class="d-inline"
              onsubmit="return confirm('Load (or refresh) the standard South African public holidays for this year and the next two?')">
            @csrf
            <button type="submit" class="btn btn-outline-secondary btn-sm" title="Load or update the official SA public holidays">
                <i data-lucide="flag" style="width:14px;height:14px;"></i> Load SA Public Holidays
            </button>
        </form>
        <a href="{{ route('applications.holiday_calendars.create') }}" class="btn btn-primary btn-sm">+ New Calendar</a>
    </div>
</div>

@foreach (['success', 'info', 'error'] as $k)
    @if (session($k))
        <div class="alert {{ $k === 'error' ? 'alert-danger' : ($k === 'info' ? 'alert-info' : 'alert-success') }} alert-dismissible fade show">
            {{ session($k) }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif
@endforeach

<div class="card">
    <div class="card-body p-0">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Description</th>
                        <th>Country</th>
                        <th class="text-center">Holiday Dates</th>
                        <th class="text-center">Status</th>
                        <th class="text-end">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($calendars as $calendar)
                        <tr>
                            <td>
                                <div class="fw-semibold">{{ $calendar->name }}</div>
                            </td>
                            <td>
                                @if ($calendar->description)
                                    <small class="text-secondary">{{ \Illuminate\Support\Str::limit($calendar->description, 80) }}</small>
                                @else
                                    <small class="text-secondary fst-italic">—</small>
                                @endif
                            </td>
                            <td>
                                @if ($calendar->country_code)
                                    <span class="badge bg-secondary">{{ $calendar->country_code }}</span>
                                @else
                                    <small class="text-secondary">—</small>
                                @endif
                            </td>
                            <td class="text-center">
                                <span class="badge bg-info">{{ $calendar->dates_count }}</span>
                            </td>
                            <td class="text-center">
                                @if ($calendar->is_active)
                                    <span class="badge bg-success">Active</span>
                                @else
                                    <span class="badge bg-secondary">Disabled</span>
                                @endif
                            </td>
                            <td class="text-end">
                                <a href="{{ route('applications.holiday_calendars.edit', $calendar) }}" class="btn btn-outline-primary btn-sm">Edit</a>
                                <form method="POST" action="{{ route('applications.holiday_calendars.destroy', $calendar) }}" class="d-inline"
                                      onsubmit="return confirm('Delete calendar {{ $calendar->name }}? All holiday dates will be removed.')">
                                    @csrf @method('DELETE')
                                    <button type="submit" class="btn btn-outline-danger btn-sm">Delete</button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center py-5">
                                <p class="text-secondary mb-2">No holiday calendars yet.</p>
                                <a href="{{ route('applications.holiday_calendars.create') }}" class="btn btn-primary btn-sm">Create your first calendar</a>
                                <div class="mt-3">
                                    <form method="POST" action="{{ route('applications.holiday_calendars.populate_za') }}" class="d-inline">
                                        @csrf
                                        <button type="submit" class="btn btn-outline-secondary btn-sm">
                                            <i data-lucide="flag" style="width:14px;height:14px;"></i> Load South African Public Holidays
                                        </button>
                                    </form>
                                    <div class="small text-secondary mt-2">Loads the official SA public holidays (this year + next two) in one click.</div>
                                </div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="mt-3">{{ $calendars->links() }}</div>
@endsection