@extends('layouts.app')
@section('content')
    <div class="login-one-container r-24 bg-white p-3 p-lg-5 mx-auto d-flex flex-column gap-5">
        <h3 class=" text-start form-tittle text-p">

            أضافة كود
        </h3>
        <form class="d-flex flex-column gap-4" action="{{ route('code-groups.store') }}" method="post">
            @csrf

            <div class="">
                <label class="py-3 test-p2 fs-6 fw-bolder" for="code_type"> نوع الكود </label>

                <select name="code_type" id="code_type" class="form-select  form-select-lg mb-3"
                    aria-label=".form-select-lg example">
                    <option {{ old('code_type') == 'exam' ? 'selected' : null }} value="exam">كود أمتحان</option>
                    @if(auth()->user()->type != 'teacher')
                        <option {{ old('code_type') == 'buying' ? 'selected' : null }} value="buying">كود شراء</option>
                    @endif
                </select>
            </div>

            <div id="buying" class="row  {{ old('code_type') == 'buying' ? null : 'd-none' }}">

                <div class="col-12" >
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="percentage"> نسبة الخصم </label>
                    <input type="number" class="form-control py-3 @error('percentage')  is-invalid  @enderror" id="percentage"
                    name="percentage" placeholder=" نسبة الخصم  " min="0" max="100" value="{{ old('percentage', null) }}">
                </div>
                <div class="col-6">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="type"> نوع الشراء </label>

                    <select id="type" name="type"
                        class="@error('type')  is-invalid  @enderror type-exam form-select form-select-md mb-3">
                        <option  value=""> -------------</option>
                         {{--<option {{ old('type') == 'course' ? 'selected' : null }} value="course"> على الدرس</option>
                        <option {{ old('type') == 'unit' ? 'selected' : null }} value="unit"> على شهر </option>--}}
                        <option {{ old('type') == 'lesson' ? 'selected' : null }} value="lesson"> على حصة</option>
                    </select>
                </div>

                <div class="col-6" id="course">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="course_id"> اسم الدرس </label>
                    <select id="course_id" name="course_id" data-url="{{ route('ajax-units') }}"
                        class="course_id @error('course_id')  is-invalid  @enderror  form-select select-field form-select-lg mb-3">
                        <option value="">اختر الدرس</option>
                        @foreach ($courses as $course)
                            <option {{ old('course_id') == $course->id ? 'selected' : null }}
                                {{ !old('course_id') ? (isset($exam) ? ($course_id == $course->id ? 'selected' : null) : null) : null }}
                                value="{{ $course->id }}">{{ $course->title }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-6  {{ old('type') == 'course' && old('type') != null ? 'd-none' : null }}
                    {{ old('type') == null ? (isset($exam) ? ($exam->type == 'course' ? 'd-none' : null) : 'd-none') : null }}"
                    id="unit">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="unit_id"> اسم الشهر </label>

                    <select id="unit_id" name="unit_id" class=" @error('unit_id')  is-invalid  @enderror  unit_id form-select select-field form-select-lg mb-3"
                        data-url="{{ route('ajax-lessons') }}">
                        <option value="">أختر الدرس أولا</option>
                        @if (isset($exam))
                            @foreach ($units as $unit)
                                <option {{ old('unit_id') == $unit->id ? 'selected' : null }}
                                    value="{{ $unit->id }}">{{ $unit->title }}</option>
                            @endforeach
                        @endif
                    </select>
                </div>
                <div class="col-6 {{ old('type') !== 'lesson' && old('type') != null ? 'd-none' : null }}
                    {{ old('type') == null ? (isset($exam) ? ($exam->type !== 'lesson' ? 'd-none' : null) : 'd-none') : null }}"  id="lesson">
                            <label class="py-3 test-p2 fs-6 fw-bolder" for="lesson_id"> اسم الحصة </label>

                            <select id="lesson_id" name="lesson_id" class=" lesson_id @error('lesson_id')  is-invalid  @enderror form-select select-field form-select-lg mb-3">
                                <option value="">أختر الشهر أولا</option>
                                 @if (isset($exam))
                    @foreach ($lessons as $lesson)
                        <option {{ old('lesson_id') == $lesson->id ? 'selected' : null }}
                            {{ !old('lesson_id') ? (isset($exam) ? ($exam->lesson_id == $lesson->id ? 'selected' : null) : null) : null }}
                            value="{{ $lesson->id }}">{{ $lesson->title }}</option>
                    @endforeach
                    @endif
                    </select>
                </div>

            </div>


            <div id="exam" class=" {{ old('code_type') == 'buying'  ? 'd-none' : null }}">
                <label class="py-3 test-p2 fs-6 fw-bolder" for="exam_id"> الامتحان </label>

                <select name="exam_id" id="exam_id" class=" @error('exam_id')  is-invalid  @enderror form-select select-field form-select-lg mb-3"
                    aria-label=".form-select-lg example">
                    @foreach ($exams as $exam)
                        <option {{ old('exam_id') == $exam->id ? 'selected' : null }} value="{{ $exam->id }}">
                            {{ $exam->title }}</option>
                    @endforeach
                </select>
            </div>
            <div class="">
                <label class="py-3 test-p2 fs-6 fw-bolder" for="count">عدد الطلاب</label>
                <input type="number" class="form-control py-3 @error('count')  is-invalid  @enderror" id="count"
                    name="count" placeholder="عدد الطلاب " value="{{ old('count', null) }}">
            </div>
            <div class="">
                <label class="py-3 test-p2 fs-6 fw-bolder" for="from">من تاريخ </label>
                <input type="datetime-local" class="form-control py-3 @error('from')  is-invalid  @enderror" id="from"
                    name="from" placeholder=" من تاريخ " value="{{ old('from', null) }}">
            </div>
            <div class="">
                <label class="py-3 test-p2 fs-6 fw-bolder" for="to">إلى تاريخ </label>
                <input type="datetime-local" class="form-control py-3 @error('to')  is-invalid  @enderror" id="to"
                    name="to" placeholder=" إلى تاريخ " value="{{ old('to', null) }}">
            </div>

            <button type="submit" class="submit py-3 r-10">
                أضافة
            </button>
        </form>
    </div>
@endsection