@extends('admin.layout.app')
@section('title', 'Timetable Configuration')

@section('body')
<div class="d-flex flex-column flex-lg-row justify-content-between align-items-start gap-3 mb-4">
    <div>
        <h3 class="fw-bold mb-1">Timetable Configuration</h3>
        <p class="text-muted mb-0">Manage classrooms and time slots used by class and examination schedules.</p>
    </div>
    <a href="{{ route('admin.timetable.index') }}" class="btn btn-outline-secondary rounded-pill">Back to Timetable</a>
</div>

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

<div class="row g-4">
    <div class="col-xl-5">
        <div class="card border-0 shadow-sm rounded-4 mb-4">
            <div class="card-header bg-white border-0 fw-bold">Add Classroom</div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.timetable.configuration.classrooms.store') }}" class="row g-3">
                    @csrf
                    <div class="col-md-6"><label class="form-label">Name</label><input name="name" class="form-control" required></div>
                    <div class="col-md-6"><label class="form-label">Code</label><input name="code" class="form-control" required></div>
                    <div class="col-md-6"><label class="form-label">Capacity</label><input type="number" min="1" name="capacity" class="form-control"></div>
                    <div class="col-md-6 d-flex align-items-end"><div class="form-check"><input type="checkbox" name="is_active" value="1" class="form-check-input" id="newClassroomActive" checked><label class="form-check-label" for="newClassroomActive">Active</label></div></div>
                    <div class="col-12"><label class="form-label">Description</label><textarea name="description" rows="2" class="form-control"></textarea></div>
                    <div class="col-12"><button class="btn btn-primary rounded-pill">Save Classroom</button></div>
                </form>
            </div>
        </div>
        <div class="card border-0 shadow-sm rounded-4">
            <div class="card-header bg-white border-0 fw-bold">Add Time Slot</div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.timetable.configuration.time-slots.store') }}" class="row g-3">
                    @csrf
                    <div class="col-12"><label class="form-label">Name</label><input name="name" class="form-control" placeholder="08:00 - 09:30" required></div>
                    <div class="col-md-6"><label class="form-label">Start</label><input type="time" name="start_time" class="form-control" required></div>
                    <div class="col-md-6"><label class="form-label">End</label><input type="time" name="end_time" class="form-control" required></div>
                    <div class="col-12"><div class="form-check"><input type="checkbox" name="is_active" value="1" class="form-check-input" id="newSlotActive" checked><label class="form-check-label" for="newSlotActive">Active</label></div></div>
                    <div class="col-12"><button class="btn btn-primary rounded-pill">Save Time Slot</button></div>
                </form>
            </div>
        </div>
    </div>
    <div class="col-xl-7">
        <div class="card border-0 shadow-sm rounded-4 mb-4">
            <div class="card-header bg-white border-0 fw-bold">Classrooms</div>
            <div class="card-body table-responsive">
                <table class="table table-hover align-middle">
                    <thead class="table-light"><tr><th>Name</th><th>Code</th><th>Capacity</th><th>Status</th><th></th></tr></thead>
                    <tbody>
                    @forelse($classrooms as $classroom)
                        <tr>
                            <form method="POST" action="{{ route('admin.timetable.configuration.classrooms.update', $classroom) }}">
                                @csrf @method('PUT')
                                <td><input name="name" value="{{ $classroom->name }}" class="form-control form-control-sm" required></td>
                                <td><input name="code" value="{{ $classroom->code }}" class="form-control form-control-sm" required></td>
                                <td><input type="number" min="1" name="capacity" value="{{ $classroom->capacity }}" class="form-control form-control-sm"></td>
                                <td><div class="form-check"><input type="checkbox" name="is_active" value="1" class="form-check-input" @checked($classroom->is_active)></div></td>
                                <td class="text-nowrap"><button class="btn btn-sm btn-outline-primary">Save</button>
                            </form>
                            <form method="POST" action="{{ route('admin.timetable.configuration.classrooms.destroy', $classroom) }}" class="d-inline" onsubmit="return confirm('Delete this classroom?')">@csrf @method('DELETE')<button class="btn btn-sm btn-outline-danger">Delete</button></form></td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="text-center text-muted py-4">No classrooms configured.</td></tr>
                    @endforelse
                    </tbody>
                </table>
                {{ $classrooms->links('pagination::bootstrap-4') }}
            </div>
        </div>
        <div class="card border-0 shadow-sm rounded-4">
            <div class="card-header bg-white border-0 fw-bold">Time Slots</div>
            <div class="card-body table-responsive">
                <table class="table table-hover align-middle">
                    <thead class="table-light"><tr><th>Name</th><th>Start</th><th>End</th><th>Status</th><th></th></tr></thead>
                    <tbody>
                    @forelse($timeSlots as $slot)
                        <tr>
                            <form method="POST" action="{{ route('admin.timetable.configuration.time-slots.update', $slot) }}">
                                @csrf @method('PUT')
                                <td><input name="name" value="{{ $slot->name }}" class="form-control form-control-sm" required></td>
                                <td><input type="time" name="start_time" value="{{ $slot->start_time }}" class="form-control form-control-sm" required></td>
                                <td><input type="time" name="end_time" value="{{ $slot->end_time }}" class="form-control form-control-sm" required></td>
                                <td><div class="form-check"><input type="checkbox" name="is_active" value="1" class="form-check-input" @checked($slot->is_active)></div></td>
                                <td class="text-nowrap"><button class="btn btn-sm btn-outline-primary">Save</button>
                            </form>
                            <form method="POST" action="{{ route('admin.timetable.configuration.time-slots.destroy', $slot) }}" class="d-inline" onsubmit="return confirm('Delete this time slot?')">@csrf @method('DELETE')<button class="btn btn-sm btn-outline-danger">Delete</button></form></td>
                        </tr>
                    @empty
                        <tr><td colspan="5" class="text-center text-muted py-4">No time slots configured.</td></tr>
                    @endforelse
                    </tbody>
                </table>
                {{ $timeSlots->links('pagination::bootstrap-4') }}
            </div>
        </div>
    </div>
</div>
@endsection