@extends('admin.layouts.master')

@section('title') Starter Page @endsection
@section('css')
    <link rel="stylesheet" href="{{asset('backend/assets/vendor/libs/select2/select2.css')}}" />
@endsection
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="card">
            <div class="card-header border-bottom">
                <h2 class="card-title mb-3">{{ __('timetable.add_title') }}</h2>
            </div>
            @if(session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <form method="POST" action="{{ route('admin.timetable.store') }}">
                @csrf
            <div class="card-body border-bottom mt-2">
            <div class="mb-3">
                <label>{{ __('timetable.section') }}</label>
                <select name="section_id" class="form-control select2" required>
                    <option value="">{{ __('timetable.choose_section') }}</option>
                    @foreach ($sections as $section)
                        <option value="{{ $section->id }}">{{ $section->name }}</option>
                    @endforeach
                </select>
            </div>

            <div class="mb-3">
                <label>{{ __('timetable.subject') }}</label>
                <select name="subject_id" class="form-control select2" required>
                    <option value="">{{ __('timetable.choose_subject') }}</option>
                    @foreach ($sections as $section)
                        @foreach ($section->level->subjects as $subject)
                            <option value="{{ $subject->id }}">{{ $subject->name }}
                                (Level: {{ $section->level->name }})
                            </option>
                        @endforeach
                    @endforeach
                </select>
            </div>

            <div class="mb-3">
                <label>{{ __('timetable.teacher') }}</label>
                <select name="admin_id" class="form-control select2" required>
                    <option value="">{{ __('timetable.choose_teacher') }}</option>
                    @foreach ($admins as $admin)
                        <option value="{{ $admin->id }}">{{ $admin->name }}</option>
                    @endforeach
                </select>
            </div>

            <div class="mb-3">
                <label>{{ __('timetable.classroom') }}</label>
                <select name="classroom_id" class="form-control select2" required>
                    <option value="">{{ __('timetable.choose_classroom') }}</option>
                    @foreach ($classrooms as $classroom)
                        <option value="{{ $classroom->id }}">{{ $classroom->name }}</option>
                    @endforeach
                </select>
            </div>

            <div class="row">
                <div class="col-md-6 mb-3">
                    <label>{{ __('timetable.day') }}</label>
                    <select name="day_of_week" class="form-control select2" required>
                        <option value="">{{ __('timetable.choose_day') }}</option>
                        @foreach ($days as $day)
                            <option value="{{ $day }}">{{ __('days.' . $day) }}</option>
                        @endforeach
                    </select>

                </div>

                <div class="col-md-6 mb-3">
                    <label>{{ __('timetable.period') }}</label>
                    <select name="period" class="form-control select2" required>
                        <option value="">{{ __('timetable.choose_period') }}</option>
                        @foreach ($periods as $period)
                            <option value="{{ $period }}">{{ $period }} ({{ 7 + $period }}:00)</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <button class="btn btn-primary">{{ __('timetable.add_session') }}</button>

            </div>
            </form>
        </div>
    </div>




@endsection
@section('script')
    <script src="{{asset('backend/assets/vendor/libs/select2/select2.js')}}"></script>
    <script>
        $('.select2').select2();
    </script>
@endsection