@extends('layouts.app')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <div>
        <h4 class="mb-0">Create Holiday Calendar</h4>
        <p class="text-secondary small mb-0 mt-1">A calendar groups holiday dates that Time Conditions can use for closed-day routing.</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

<form method="POST" action="{{ route('applications.holiday_calendars.store') }}">
    @csrf
    <div class="card">
        <div class="card-body">
            <div class="row g-3">
                <div class="col-12 col-md-8">
                    <label class="form-label">Calendar Name <span class="text-danger">*</span></label>
                    <input name="name" class="form-control" required value="{{ old('name') }}" placeholder="e.g. South African Public Holidays">
                </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', 'ZA') }}" placeholder="ZA">
                    <small class="form-text text-secondary">2-letter ISO country code (optional).</small>
                </div>
                <div class="col-12">
                    <label class="form-label">Description</label>
                    <textarea name="description" class="form-control" rows="2" placeholder="Optional notes about this calendar">{{ old('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', 1) ? '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">
            <a href="{{ route('applications.holiday_calendars.index') }}" class="btn btn-outline-secondary btn-sm">Cancel</a>
            <button class="btn btn-primary btn-sm" type="submit">Create Calendar</button>
        </div>
    </div>
</form>
@endsection