@extends('layouts.app')

@php
    $typeColors = [
        'public' => 'primary', 'national' => 'success', 'religious' => 'info',
        'company' => 'warning', 'optional' => 'secondary',
    ];
@endphp

@section('title', 'Holiday Calendar')
@section('header', 'Holiday Calendar')
@section('subheader', $calendar['month']->format('F Y'))

@section('header-actions')
    <div class="d-flex gap-2">
        <a href="{{ route('holidays.index') }}" class="btn btn-outline-secondary">
            <i class="bi bi-list-ul me-1"></i>List View
        </a>
        @can('create', App\Models\Holiday::class)
            <a href="{{ route('holidays.create') }}" class="btn btn-primary">
                <i class="bi bi-plus-lg me-1"></i>New Holiday
            </a>
        @endcan
    </div>
@endsection

@section('content')
    <div class="card table-wrapper">
        <div class="card-body">
            <div class="d-flex justify-content-between align-items-center mb-3">
                <a href="{{ route('holidays.calendar', ['month' => $previous]) }}" class="btn btn-outline-secondary btn-sm">
                    <i class="bi bi-chevron-left"></i> Prev
                </a>
                <h2 class="h5 mb-0">{{ $calendar['month']->format('F Y') }}</h2>
                <a href="{{ route('holidays.calendar', ['month' => $next]) }}" class="btn btn-outline-secondary btn-sm">
                    Next <i class="bi bi-chevron-right"></i>
                </a>
            </div>

            <div class="table-responsive">
                <table class="table table-bordered mb-0 text-center align-top" style="table-layout:fixed;">
                    <thead class="table-light">
                        <tr>
                            @foreach (['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] as $day)
                                <th class="small text-uppercase text-muted">{{ $day }}</th>
                            @endforeach
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($calendar['weeks'] as $week)
                            <tr>
                                @foreach ($week as $cell)
                                    @php $isToday = $cell['date']->isToday(); @endphp
                                    <td class="p-2 {{ $cell['inMonth'] ? '' : 'bg-light text-muted' }}"
                                        style="height:110px; vertical-align:top;">
                                        <div class="d-flex justify-content-between">
                                            <span class="small fw-semibold {{ $isToday ? 'badge text-bg-primary rounded-circle' : '' }}">
                                                {{ $cell['date']->day }}
                                            </span>
                                        </div>
                                        <div class="mt-1 text-start">
                                            @foreach ($cell['holidays'] as $holiday)
                                                <a href="@can('update', $holiday){{ route('holidays.edit', $holiday) }}@else{{ route('holidays.index') }}@endcan"
                                                    class="d-block text-decoration-none">
                                                    <span class="badge text-bg-{{ $typeColors[$holiday->type] ?? 'secondary' }} text-wrap w-100 text-start mb-1">
                                                        {{ $holiday->title }}
                                                    </span>
                                                </a>
                                            @endforeach
                                        </div>
                                    </td>
                                @endforeach
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="mt-3 d-flex flex-wrap gap-3 small">
                @foreach ($typeColors as $type => $color)
                    <span><span class="badge text-bg-{{ $color }}">&nbsp;</span> {{ ucfirst($type) }}</span>
                @endforeach
            </div>
        </div>
    </div>
@endsection