@extends('layouts.appv2')

@section('content')
<div class="container py-4">
    <h2 class="mb-5">Takwim Management</h2>

    {{-- Add Sections --}}
    <section class="mb-5 p-4 rounded border" style="background-color: #e6f4ea; border-color: #a7d7a7;">
        {{-- Add New Holiday --}}
        <div class="mb-4">
            <h4 class="mb-3">Add New Holiday</h4>
            <form action="{{ route('admins.storeHoliday') }}" method="POST">
                @csrf
                <div class="mb-3">
                    <label for="holidayName" class="form-label">Holiday Name:</label>
                    <input type="text" id="holidayName" name="name" class="form-control" required>
                </div>
                <div class="mb-3">
                    <label for="holidayDate" class="form-label">Holiday Date:</label>
                    <input type="date" id="holidayDate" name="date" class="form-control" required>
                </div>
                <button type="submit" class="btn btn-success">Add Holiday</button>
            </form>
        </div>

        {{-- Add New Weekend --}}
        <div>
            <h4 class="mb-3">Add New Weekend (Select Weekdays)</h4>
            <form action="{{ route('admins.storeWeekend') }}" method="POST">
                @csrf
                <div class="mb-3">
                    <label for="weekendName" class="form-label">Weekend Name:</label>
                    <input type="text" id="weekendName" name="name" class="form-control" placeholder="e.g. Custom Weekend" required>
                </div>
                <div class="mb-3">
                    <label class="form-label d-block">Select Weekend Days:</label>
                    @php
                    $weekDays = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday', 'No Weekend'];
                    @endphp

                    @foreach($weekDays as $day)
                        <div class="form-check form-check-inline">
                            <input type="checkbox" class="form-check-input" id="day_{{ $day }}" name="days[]" value="{{ $day }}">
                            <label class="form-check-label" for="day_{{ $day }}">{{ $day }}</label>
                        </div>
                    @endforeach
                </div>
                <button type="submit" class="btn btn-success">Add Weekend</button>
            </form>
        </div>

    
        {{-- Add New State --}}
        <div class="mb-5 mt-4">
            <h4 class="mb-3">Add New State</h4>
            <form action="{{ route('admins.storeState') }}" method="POST">
                @csrf
                <div class="mb-3">
                    <label for="stateName" class="form-label">State Name:</label>
                    <input type="text" id="stateName" name="name" class="form-control" placeholder="e.g. Selangor" required>
                </div>

                <div class="mb-3">
                    <label for="stateWeekend" class="form-label">Default Weekend (optional):</label>
                    <select id="stateWeekend" name="weekend_id" class="form-select">
                        <option value="">-- Select Weekend --</option>
                        @foreach($weekends as $weekend)
                            <option value="{{ $weekend->id }}">{{ $weekend->name }} — {{ $weekend->days }}</option>
                        @endforeach
                    </select>
                </div>

                <button type="submit" class="btn btn-success">Add State</button>
            </form>
        </div>

    

    {{-- Assign Sections --}}
    <section class="mb-5 p-4 rounded border" style="background-color: #e7f1fc; border-color: #92b9dc;">
        {{-- Assign Weekend to State --}}
        <div class="mb-4">
            <h4 class="mb-3">Assign Weekend to State</h4>
            <form action="{{ route('admins.assignWeekend') }}" method="POST">
                @csrf
                <div class="mb-3">
                    <label for="stateWeekend" class="form-label">Select State:</label>
                    <select id="stateWeekend" name="state_id" class="form-select" required>
                        @foreach($states as $state)
                            <option value="{{ $state->id }}">{{ $state->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="mb-3">
                    <label for="weekendSelect" class="form-label">Select Weekend:</label>
                    <select id="weekendSelect" name="weekend_id" class="form-select" required>
                        @foreach($weekends as $weekend)
                            <option value="{{ $weekend->id }}">{{ $weekend->name }} — {{ $weekend->days }}</option>
                        @endforeach
                    </select>
                </div>

                <button type="submit" class="btn btn-primary">Assign Weekend</button>
            </form>
        </div>

        {{-- Assign Holiday to State --}}
        <div>
            <h4 class="mb-3">Assign Holiday to State</h4>
            <form action="{{ route('admins.assignHoliday') }}" method="POST">
                @csrf
                <div class="mb-3">
                    <label for="stateHoliday" class="form-label">Select State:</label>
                    <select id="stateHoliday" name="state_id" class="form-select" required>
                        @foreach($states as $state)
                            <option value="{{ $state->id }}">{{ $state->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="mb-3">
                    <label for="holidaySelect" class="form-label">Select Holiday:</label>
                    <select id="holidaySelect" name="holiday_id" class="form-select" required>
                        @foreach($holidays as $holiday)
                            <option value="{{ $holiday->id }}">{{ $holiday->name }} ({{ $holiday->date }})</option>
                        @endforeach
                    </select>
                </div>

                <div class="mb-3">
                    <label for="durationDays" class="form-label">Duration (days):</label>
                    <input type="number" id="durationDays" name="duration_days" class="form-control" min="1" required>
                </div>

                <button type="submit" class="btn btn-warning">Assign Holiday</button>
            </form>
        </div>
    </section>

    {{-- Summary Display --}}
    <section>
        <h4 class="mb-4">States & Assigned Weekends and Holidays</h4>
        @foreach($states as $state)
            <div class="card mb-4 shadow-sm">
                <div class="card-header bg-light"><strong>{{ $state->name }}</strong></div>
                <div class="card-body">
                    <p><strong>Total Weekends Assigned:</strong> {{ $state->weekend ? 1 : 0 }}</p>
                    <p><strong>Total Holidays Assigned:</strong> {{ $state->holidays->count() }}</p>

                    <p><strong>Weekend List:</strong></p>
                    <ul>
                        @if ($state->weekend)
                            <li>{{ $state->weekend->name }} — {{ $state->weekend->days }}</li>
                        @else
                            <li>No weekends assigned.</li>
                        @endif
                    </ul>

                    <p><strong>Holiday List:</strong></p>
                    <ul>
                        @forelse($state->holidays as $holiday)
                            <li>{{ $holiday->name }} — {{ $holiday->date }} (Duration: {{ $holiday->pivot->duration_days }} days)</li>
                        @empty
                            <li>No holidays assigned.</li>
                        @endforelse
                    </ul>
                </div>
            </div>
        @endforeach
    </section>
</div>

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@if (session('success'))
<script>
    Swal.fire({
        icon: 'success',
        title: 'Success',
        text: '{{ session('success') }}',
        confirmButtonColor: '#3085d6',
    });
</script>
@endif

@if (session('error'))
<script>
    Swal.fire({
        icon: 'error',
        title: 'Duplicate Entry',
        text: '{{ session('error') }}',
        confirmButtonColor: '#d33',
    });
</script>
@endif

@endsection