@extends('admin.layouts.master')

@section('title') Starter Page @endsection
@section('css')
@endsection
@section('content')

    <div class="container-xxl flex-grow-1 container-p-y">
        <h3>{{__('levels.level')}} : {{$level->name}}</h3>
        <div class="row">
            <!-- User Sidebar -->

            <!--/ User Sidebar -->
            <!-- User Content -->
            <div class="col-xl-12 col-lg-12 col-md-12 order-0 order-md-1">
                <!-- User Pills -->
                <ul class="nav nav-pills flex-column flex-md-row mb-4">
                    <li class="nav-item">
                        <a class="nav-link @if($type=='details') active @endif" href="{{route('admin.levels.show',['level'=>$level->id,'type'=>'details'])}}"
                        ><i class="ti ti-list ti-xs me-1"></i>تفاصيل المستوى</a
                        >
                    </li>

                    <li class="nav-item">
                        <a class="nav-link @if($type=='weekly') active @endif" href="{{route('admin.levels.show',['level'=>$level->id,'type'=>'weekly'])}}"
                        ><i class="ti ti-currency-dollar ti-xs me-1"></i>الحصص الاسبوعية</a
                        >
                    </li>

                </ul>
                <!--/ User Pills -->
                @if($type=='details')
                    @include('admin.components.tabs.levels.details',compact('level'))
                @elseif($type=='weekly')
                    @include('admin.components.tabs.levels.weekly',compact('level'))
                @endif
            </div>
            <!--/ User Content -->



        </div>

        <!-- Modal -->
        <!-- Edit User Modal -->
        <div class="modal fade" id="addSessions" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-lg modal-simple modal-edit-user">
                <div class="modal-content p-3 p-md-5">
                    <div class="modal-body">
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        <div class="text-center mb-4">
                            <h3 class="mb-2">ترسيم تلميذ جديد</h3>
                            <p class="text-muted">Updating user details will receive a privacy audit.</p>
                        </div>
                        <form method="POST" action="{{ route('admin.levels.storeLevelSubject') }}">
                            @csrf

                            <div class="mb-3">
                                <label for="level_id" class="form-label">Level</label>
                                <select name="level_id" id="level_id" class="form-control" required>

                                        <option value="{{ $level->id }}">{{ $level->name }}</option>

                                </select>
                            </div>

                            <div class="mb-3">
                                <label for="subject_id" class="form-label">Subject</label>
                                <select name="subject_id" id="subject_id" class="form-control" required>
                                    @foreach ($subjects as $subject)
                                        <option value="{{ $subject->id }}">{{ $subject->name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="mb-3">
                                <label for="teacher_id" class="form-label">Teacher</label>
                                <select name="teacher_id" id="teacher_id" class="form-control" required>
                                    @foreach ($teachers as $teacher)
                                        <option value="{{ $teacher->id }}">{{ $teacher->name }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="mb-3">
                                <label for="sessions_per_week" class="form-label">Sessions per Week</label>
                                <input type="number" name="sessions_per_week" id="sessions_per_week" class="form-control" min="1" required>
                            </div>

                            <div class="mb-3">
                                <label for="duration_per_session" class="form-label">Duration per Session (hours)</label>
                                <select name="duration_per_session" id="duration_per_session" class="form-control" required>
                                    <option value="1">1 Hour</option>
                                    <option value="2">2 Hours</option>
                                </select>
                            </div>

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

                    </div>
                </div>
            </div>
        </div>
        <!--/ Edit User Modal -->


        <!-- /Modal -->
    </div>

    
@endsection
@section('script')
@endsection