@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <div>
        <h4 class="mb-0">Edit Holiday Calendar</h4>
        <p class="text-secondary small mb-0 mt-1">{{ $holidayCalendar->name }}</p>
    </div>
    <a href="{{ route('applications.holiday_calendars.index') }}" class="btn btn-outline-secondary btn-sm">Back</a>
</div>

@if($errors->any())
    <div class="alert alert-danger">
        <ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul>
    </div>
@endif

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

<form method="POST" action="{{ route('applications.holiday_calendars.update', $holidayCalendar) }}">
    @csrf @method('PUT')
    <div class="card mb-3">
        <div class="card-header"><strong>Calendar Details</strong></div>
        <div class="card-body">
            <div class="row g-3">
                <div class="col-12 col-md-8">
                    <label class="form-label">Name <span class="text-danger">*</span></label>
                    <input name="name" class="form-control" required value="{{ old('name', $holidayCalendar->name) }}">
                </div>
                <div class="col-12 col-md-4">
                    <label class="form-label">Country Code</label>
                    <input name="country_code" maxlength="2" class="form-control" value="{{ old('country_code', $holidayCalendar->country_code) }}">
                </div>
                <div class="col-12">
                    <label class="form-label">Description</label>
                    <textarea name="description" class="form-control" rows="2">{{ old('description', $holidayCalendar->description) }}</textarea>
                </div>
                <div class="col-12">
                    <div class="form-check form-switch">
                        <input class="form-check-input" type="checkbox" name="is_active" id="is_active" value="1" {{ old('is_active', $holidayCalendar->is_active) ? 'checked' : '' }}>
                        <label class="form-check-label" for="is_active">Active</label>
                    </div>
                </div>
            </div>
        </div>
        <div class="card-footer d-flex justify-content-end gap-2">
            <button class="btn btn-primary btn-sm" type="submit">Save Calendar</button>
        </div>
    </div>
</form>

{{-- Holiday dates --}}
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
        <strong>Holiday Dates ({{ $holidayCalendar->dates->count() }})</strong>
        <button class="btn btn-primary btn-sm" type="button" onclick="document.getElementById('add-date-row').classList.toggle('d-none')">+ Add Date</button>
    </div>
    <div class="card-body p-0">

        <div id="add-date-row" class="p-3 border-bottom bg-light d-none">
            <form method="POST" action="{{ route('applications.holiday_calendars.dates.store', $holidayCalendar) }}">
                @csrf
                <div class="row g-2 align-items-end">
                    <div class="col-12 col-md-3">
                        <label class="form-label small">Date</label>
                        <input type="date" name="holiday_date" class="form-control form-control-sm" required>
                    </div>
                    <div class="col-12 col-md-5">
                        <label class="form-label small">Holiday Name</label>
                        <input name="name" class="form-control form-control-sm" required placeholder="e.g. Christmas Day">
                    </div>
                    <div class="col-12 col-md-2">
                        <label class="form-label small">Type</label>
                        <select name="is_full_day" class="form-select form-select-sm">
                            <option value="1" selected>Full Day</option>
                            <option value="0">Partial</option>
                        </select>
                    </div>
                    <div class="col-12 col-md-2">
                        <button class="btn btn-primary btn-sm w-100" type="submit">Add</button>
                    </div>
                </div>
            </form>
        </div>

        <div class="table-responsive">
            <table class="table table-hover mb-0 align-middle">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Day</th>
                        <th>Name</th>
                        <th class="text-center">Type</th>
                        <th class="text-center">Status</th>
                        <th class="text-end">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($holidayCalendar->dates as $date)
                        @php $d = \Carbon\Carbon::parse($date->holiday_date); @endphp
                        <tr>
                            <td><span class="font-monospace">{{ $d->format('Y-m-d') }}</span></td>
                            <td>{{ $d->format('l') }}</td>
                            <td><strong>{{ $date->name }}</strong></td>
                            <td class="text-center">
                                @if($date->is_full_day)
                                    <span class="badge bg-info">All Day</span>
                                @else
                                    <span class="badge bg-warning">{{ $date->getTimeRangeDisplay() }}</span>
                                @endif
                            </td>
                            <td class="text-center">
                                @if($date->is_active)
                                    <span class="badge bg-success">Active</span>
                                @else
                                    <span class="badge bg-secondary">Disabled</span>
                                @endif
                            </td>
                            <td class="text-end">
                                <form method="POST" action="{{ route('applications.holiday_calendars.dates.destroy', [$holidayCalendar, $date]) }}" class="d-inline"
                                      onsubmit="return confirm('Delete {{ $date->name }} ({{ $d->format('Y-m-d') }})?')">
                                    @csrf @method('DELETE')
                                    <button class="btn btn-outline-danger btn-sm">Delete</button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center py-4 text-secondary">No holiday dates added yet.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection