@extends('layouts.admin-master')

@section('title')
    دروس مادة {{$course->name}}

@endsection

@section('button')
<button type="button" class="btn btn-success" data-toggle="modal" data-target="#exampleModal">
   إضافة درس
</button>
@endsection


@section('content')
@if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
<div class="table-responsive">
    <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
      <thead>
        <tr>
            <th>الدرس </th>
            <th>الحالة</th>
            <th>تاريخ الاضافة</th>

            <th>_</th>
          </tr>
      </thead>

      <tbody>
        @foreach ($offlinelectures as $offlinelecture)
        <tr>
            <td>{{$offlinelecture->name}}</td>
            <td>{{$offlinelecture->lecturestate->name}}</td>
            <td>{{$offlinelecture->created_at->toFormattedDate()}}<br>
                <span style="direction: ltr;unicode-bidi: bidi-override;">
                    {{$offlinelecture->created_at->toFormattedTime()}}</td>
            <td>
                <button type="button" class="btn btn-info btn-sm"
                    data-toggle="modal"  data-target="#edit{{ $offlinelecture->id }}"  title="تعديل  "><i
                    class="fa fa-edit"></i></button>
                    <button type="button" class="btn btn-danger btn-sm" data-toggle="modal"
                    data-target="#delete{{ $offlinelecture->id }}"
                    title="حذف "><i
                    class="fa fa-trash"></i></button>

            </td>

        </tr>
        <!-- edit_modal_course -->
        <div class="modal fade" id="edit{{ $offlinelecture->id }}" tabindex="-1" role="dialog"
            aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 style="font-family: 'Cairo', sans-serif;" class="modal-title"
                            id="exampleModalLabel">
                            تعديل بيانات درس مسجل
                        </h5>
                        <button type="button" class="close" data-dismiss="modal"
                                aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <!-- add_form -->
                        <form action="{{route('admin.offlinelecture.update')}}" method="post">
                            @csrf
                            @method('POST')
                            <div class="row">
                                <div class="col">
                                    <label for="offlinelecture_name"
                                        class="mr-sm-2">عنوان الدرس:</label>
                                    <input id="offlinelecture_name" type="text" name="offlinelecture_name"
                                        class="form-control"
                                        value="{{ $offlinelecture->name }}"
                                        >
                                    <input id="id" type="hidden" name="id" class="form-control"
                                        value="{{ $offlinelecture->id }}">
                                </div>

                                {{-- <div class="col"> --}}
                                    {{-- <label for="offlinelecture_name_en"
                                        class="mr-sm-2">{{ trans('offlinelecture_trans.name_en') }}
                                        :</label>
                                    <input type="text" class="form-control"
                                        value="{{ $offlinelecture->getTranslation('name', 'en') }}"
                                        name="offlinelecture_name_en" required> --}}
                                {{-- </div> --}}
                            </div>
                            <div class="row ">
                                <div class="col">
                                    <label for="offlinelecture_link" class="mr-sm-2">رابط الدرس - فيديو :</label>
                                    <input id="offlinelecture_link" type="text" name="offlinelecture_link" class="form-control" value="{{ $offlinelecture->link }}" >
                                </div>

                                <div class="col-6">
                                    <label for="files_link"
                                        class="mr-sm-2">رابط ملف الدرس:</label>
                                    <input id="files_link" type="text" name="files_link" class="form-control" value="{{ $offlinelecture->files_link }}">
                                </div>

                            </div>
                            <br>

                            <div class="row mt-20">
                                <div class="col-6">
                                    <label for="sound_link"
                                        class="mr-sm-2">رابط الملف الصوتي للدرس:</label>
                                    <input id="sound_link" type="text" name="sound_link" class="form-control" value="{{ $offlinelecture->sound_link }}">
                                </div>
                                <div class="col">
                                    <label for="year_id"
                                        class="mr-sm-2">العام الدراسي :</label>
                                    <select class="form-control" name="year_id">
                                        @foreach ($years as $year)
                                            <option value="{{ $year->id }}" {{($year->id == $offlinelecture->year_id)?'selected':''}}>
                                                {{ $year->name }}
                                            </option>
                                        @endforeach

                                    </select>
                                </div>

                            </div>
                            <div class="row mt-20">
                                <div class="col">
                                    <label for="sclass_id"
                                            class="mr-sm-2">الصف :</label>
                                    <select class="form-control" name="sclass_id">
                                        @foreach ($sclasses as $sclass)
                                            <option value="{{ $sclass->id }}" {{($sclass->id == $offlinelecture->sclass->id)?'selected':''}}>{{ $sclass->name }}</option>
                                        @endforeach
                                    </select>
                                </div>

                                <div class="col">
                                    <label for="semester_id"
                                            class="mr-sm-2">الفصل الدراسي :</label>
                                    <select class="form-control" name="semester_id">
                                        @foreach ($semesters as $semester)
                                            <option value="{{ $semester->id }}"  {{($semester->id == $offlinelecture->semester->id)?'selected':''}}>{{ $semester->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="row mt-20">
                                <div class="col">
                                    <label for="course_id"
                                            class="mr-sm-2">المادة1:</label>
                                    <select class="form-control" name="course_id">

                                            <option value="{{ $course->id }}"  {{($course->id == $offlinelecture->course->id)?'selected':''}}>{{ $course->name }}</option>

                                    </select>
                                </div>



                                <div class="col">
                                    <label for="lecturestate_id"
                                            class="mr-sm-2">الحالة :</label>
                                    <select class="form-control" name="lecturestate_id">
                                        @foreach ($lecturestates as $lecturestate)
                                            <option value="{{ $lecturestate->id }}" {{($lecturestate->id == $offlinelecture->lecturestate->id)?'selected':''}}>{{ $lecturestate->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <br><br>


                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary"
                                        data-dismiss="modal">إلغاء</button>
                                <button type="submit"
                                        class="btn btn-success">حفظ التعديلات</button>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
        <!-- edit_modal_course -->
        <!-- delete_modal_course -->
        <div class="modal fade" id="delete{{ $offlinelecture->id }}" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 style="font-family: 'Cairo', sans-serif;" class="modal-title"
                            id="exampleModalLabel">
                           حذف درس مسجل
                        </h5>
                        <button type="button" class="close" data-dismiss="modal"
                                aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form action="{{route('admin.offlinelecture.delete',$offlinelecture->id)}}" method="post">
                            {{method_field('Delete')}}
                            @csrf
                            هل تريد بالتأكيد حذف الدرس المسجل ({{$offlinelecture->name}}) ?

                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary"
                                        data-dismiss="modal">الغاء</button>
                                <button type="submit"
                                        class="btn btn-danger">حذف </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- //delete_modal_course -->


        @endforeach


        </tbody>
    </table>
</div>

<!-- add_modal_course -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
     aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 style="font-family: 'Cairo', sans-serif;" class="modal-title"
                    id="exampleModalLabel">
                    أضافة درس مسجل
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <!-- add_form -->
                <form action="{{ route('admin.offlinelecture.insert') }}" method="POST">
                    @csrf
                    <div class="row">
                        <div class="col">
                            <label for="offlinelecture_name"
                                   class="mr-sm-2">عنوان الدرس
                                :</label>
                            <input id="offlinelecture_name" type="text" name="offlinelecture_name" class="form-control" required>
                        </div>

                        {{-- <div class="col">
                            <label for="offlinelecture_name_en"
                                   class="mr-sm-2">{{ trans('offlinelecture_trans.name_en') }}
                                :</label>
                            <input type="text" class="form-control" name="offlinelecture_name_en" required>
                        </div> --}}
                    </div>
                    <div class="row mt-20">
                        <div class="col-6">
                            <label for="offlinelecture_link"
                                   class="mr-sm-2">رابط الدرس - فيديو
                                :</label>
                            <input id="offlinelecture_link" type="text" name="offlinelecture_link" class="form-control" >
                        </div>
                        <div class="col-6">
                            <label for="files_link"
                                   class="mr-sm-2">رابط ملف الدرس
                                :</label>
                            <input id="files_link" type="text" name="files_link" class="form-control" >
                        </div>

                    </div>

                    <div class="row mt-20">
                        <div class="col-6">
                            <label for="sound_link"
                                   class="mr-sm-2">رابط الملف الصوتي للدرس :</label>
                            <input id="sound_link" type="text" name="sound_link" class="form-control" >
                        </div>
                        <div class="col">
                            <label for="year_id"
                                    class="mr-sm-2">العام الدراسي
                                :</label>
                            <select class="form-control" name="year_id">
                                @foreach ($years as $year)
                                    <option value="{{ $year->id }}"
                                        {{-- @if($year->id == $current_year->value) --}}
                                            selected
                                        {{-- @endif --}}
                                        >{{ $year->name }}</option>
                                @endforeach
                            </select>
                        </div>

                    </div>
                    <div class="row mt-20">
                        <div class="col">
                            <label for="sclass_id"
                                   class="mr-sm-2">الصف
                                :</label>
                            <select class="form-control" name="sclass_id" >
                                {{-- @foreach ($sclasses as $sclass) --}}
                                    <option value="{{ $course->sclass->id }}">{{  $course->sclass->name }}</option>
                                {{-- @endforeach --}}
                            </select>
                        </div>
                        <div class="col">
                            <label for="semester_id"
                                    class="mr-sm-2">الفصل الدراسي
                                :</label>
                            <select class="form-control" name="semester_id">
                                @foreach ($semesters as $semester)
                                    <option value="{{ $semester->id }}">{{ $semester->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="row mt-20">
                        <div class="col">
                            <label for="course_id"
                                    class="mr-sm-2">المادة
                                :</label>
                            <select class="form-control" name="course_id" >
                                    <option value="{{ $course->id }}">{{ $course->name }}</option>
                            </select>
                        </div>
                        <div class="col">
                            <label for="lecturestate_id"
                                    class="mr-sm-2">الحالة
                                :</label>
                            <select class="form-control" name="lecturestate_id">
                                @foreach ($lecturestates as $lecturestate)
                                    <option value="{{ $lecturestate->id }}">{{ $lecturestate->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <br><br>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary"
                        data-dismiss="modal">إلغاء</button>
                <button type="submit"
                        class="btn btn-success">إضافة</button>
            </div>
            </form>

        </div>
    </div>
</div>
@endsection