@extends('layouts.app')
@section('content')
    <h3 class=" text-center form-tittle text-p">
        @if (isset($course))
            تعديل درس
        @else
            أضافة درس
        @endif
    </h3>
    <div class="m-sm-5 p-sm-5 p-2 m-2">

        <form class="d-flex flex-column gap-4"
            action="{{ isset($course) ? route('courses.update', $course->id) : route('courses.store') }}" method="post"
            enctype="multipart/form-data">
            @csrf
            @if (isset($course))
                @method('PATCH')
            @endif
            <div class="row">
                <div class="col-6">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="title"> اسم الدرس </label>
                    <input type="text" class="form-control py-3 @error('title')  is-invalid  @enderror" id="title"
                        name="title" placeholder=" اسم الدرس    "
                        value="{{ old('title', isset($course) ? $course->title : null) }}">
                </div>
                <div class="col-6">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="price"> سعر الدرس </label>
                    <input type="number" step="0.2" class="form-control py-3 @error('price')  is-invalid  @enderror"
                        id="price" name="price" placeholder=" سعر الدرس    "
                        value="{{ old('price', isset($course) ? $course->price : null) }}">
                </div>
                @if (auth()->user()->type != 'teacher')

                <div class="col-6">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="priority"> أولوية العرض </label>
                    <input type="number" class="form-control py-3 @error('priority')  is-invalid  @enderror" id="priority"
                        name="priority" placeholder="  أولوية العرض    "
                        value="{{ old('priority', isset($course) ? $course->priority : null) }}">
                </div>
                <div class="col-6">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="count_sales"> عدد المبيعات </label>
                    <input type="number" class="form-control py-3 @error('count_sales')  is-invalid  @enderror"
                        id="count_sales" name="count_sales" placeholder="  عدد المبيعات "
                        value="{{ old('count_sales', isset($course) ? $course->count_sales : null) }}">
                </div>
                @endif
                <div class="col-12">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="details"> تفاصيل </label>
                    <textarea rows="5" class="form-control py-3 @error('details')  is-invalid  @enderror" id="details"
                        name="details" placeholder="   تفاصيل    ">{{ old('details', isset($course) ? $course->details : null) }}</textarea>
                </div>
                <div class="col-12">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="about_course"> عن الدرس </label>
                    <textarea rows="5" class="form-control py-3 @error('about_course')  is-invalid  @enderror" id="about_course"
                        name="about_course" placeholder="   عن الدرس    ">{{ old('about_course', isset($course) ? $course->about_course : null) }}</textarea>
                </div>
                <div class="col-6">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="subject_id"> المادة </label>

                    <select id="subject_id" name="subject_id" class="select-field form-select form-select-lg mb-3"
                        aria-label=".form-select-lg example">
                        @foreach ($subjects as $subject)
                            <option {{ old('subject_id') == $subject->id ? 'selected' : null }}
                                {{ !old('subject_id') ? (isset($course) ? ($course->subject_id == $subject->id ? 'selected' : null) : null) : null }}
                                value="{{ $subject->id }}">{{ $subject->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-6">
                    <label class="py-3 test-p2 fs-6 fw-bolder" for="education_level_id"> المرحلة التعليمية </label>
                    <select id="education_level_id" name="education_level_id"
                        class="select-field form-select form-select-lg mb-3" aria-label=".form-select-lg example">
                        @foreach ($education_levels as $education_level)
                            <option {{ old('education_level_id') == $education_level->id ? 'selected' : null }}
                                {{ !old('education_level_id') ? (isset($course) ? ($course->education_level_id == $education_level->id ? 'selected' : null) : null) : null }}
                                value="{{ $education_level->id }}">{{ $education_level->title }}</option>
                        @endforeach
                    </select>
                </div>

                @isset($course)
                    <div class="text-center col-12">

                        <img class="mt-3" src="{{ $course->image }}" style="width:200px;height:200px" alt=""
                            srcset="">
                    </div>
                @endisset
                <div class="col-12">
                    <div class="custom_image mt-3">
                        <label for="image" class=" @error('image')  is-invalid  @enderror">
                            <img src="" alt="" srcset="">
                            <i class="fas fa-images"></i>
                            <span class="">
                                قم بتحميل الصورة من <span class="text-p">هنا</span>

                            </span>
                        </label>
                        <input type="file" accept="image/*" name="image" id="image"
                            class="@error('image')  is-invalid  @enderror">
                    </div>
                </div>
                @isset($course)
                    <div class="d-flex justify-content-center gap-4">
                        @php
                            $pdf_ids = array();
                        @endphp
                        @foreach ($course->pdf as $pdf)
                            <div class="mt-3 text-center pdf-container">
                                <span style="position: absolute;margin-right: 37px;margin-top: -10px;"
                                    class="reject-custom-1 pdf-delete" data-id="{{$pdf->id}}">
                                    <i class="fas fa-times show-request"></i>
                                </span>
                                <img width="50" src="{{ asset('') }}assets/images/pdf.png" alt=""
                                    srcset="">
                                <div class="">{{ $pdf->orignal_name }}</div>
                            </div>
                            @php
                                array_push($pdf_ids,$pdf->id);
                            @endphp
                        @endforeach
                        <input type="hidden" id="pdf_ids"  name="pdf_ids" value="{{json_encode($pdf_ids)}}">
                    </div>
                @endisset
                <div class="col-6">
                    <div class="mb-3 mt-3">
                        <label for="video" class="form-label"> ملفات pdf </label>
                        <input multiple accept="application/pdf" class="form-control @error('pdf')  is-invalid  @enderror"
                            name="pdf[]" type="file" id="pdf">
                    </div>
                </div>
                @isset($course)
                    <div class="mt-3 text-center col-12">

                        <video width="320" height="240" controls src="{{ $course->video }}"></video>
                    </div>
                @endisset
                <div class="col-6">
                    <div class="mb-3 mt-3">
                        <label for="video" class="form-label"> فيديو تعريفى </label>
                        <input accept="video/*" class="form-control @error('video')  is-invalid  @enderror"
                            name="video" type="file" id="video">
                    </div>
                </div>
                @if (auth()->user()->type != 'teacher')
                    <div class="col-6">

                        <div class="form-check form-switch m-5 ">
                            <input name="active"
                                {{ old('active', isset($course) ? ($course->active ? 'checked' : null) : null) }}
                                value="1" class="form-check-input @error('active')  is-invalid @enderror"
                                type="checkbox" role="switch" id="flexSwitchCheckDefault">
                            <label class="form-check-label" for="flexSwitchCheckDefault"> تفعيل </label>
                        </div>
                    </div>
                @endif
            </div>
            <button type="submit" class="submit py-3 r-10">
                @if (isset($course))
                    تعديل
                @else
                    أضافة
                @endif
            </button>
    </div>
@endsection