@extends('layout.app')
@section('title')
    {{ __('متدربين الدورة ') }}{{ $course->title }}
@stop
@section('css')
    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/vendors-rtl.min.css') }}">

    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/vendors/css/forms/select/select2.min.css') }}">
    <!-- END: Vendor CSS-->
    <!-- BEGIN: Theme CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/bootstrap.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/bootstrap-extended.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/colors.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/components.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/dark-layout.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/bordered-layout.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/themes/semi-dark-layout.css') }}">

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/core/menu/menu-types/vertical-menu.css') }}">
    <!-- END: Page CSS-->

    <!-- BEGIN: Custom CSS-->
    <link rel="stylesheet" type="text/css" href="{{ asset('app-assets/css-rtl/custom-rtl.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style-rtl.css') }}">


@stop

@section('content')

    <div class="content-wrapper">
        <div class="content-body">
            <!-- meals list start -->
            <section class="app-meals-list">

                <!-- list section start -->
                <div class="card">
                    <div class="card-header mb-2">
                        <h4 class="card-title">{{ __('متدربين الدورة ') }}{{ $course->title }}</h4>
                        <a href="#" class="btn btn-success float-left" data-toggle="modal"
                            data-target="#modals-create">اضافة متدربين</a>
                    </div>


                    <div class="table-responsive mb-2">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th class="py-1">الاسم</th>
                                    <th class="py-1">حالة الحضور</th>
                                    <th class="py-1">العمليات</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($course->users as $user)
                                    {{-- user name --}}
                                    <tr>
                                        <td>{{ $user->name }}</td>
                                        <td>
                                            <div class="custom-control custom-checkbox" style="text-align: center">
                                                <input type="checkbox" class="custom-control-input" id="staff-write"
                                                    disabled @if (App\Models\CourseUser::where('course_id', $course->id)->where('user_id', $user->id)->first()->status == '1') checked @endif />
                                                <label class="custom-control-label" for="staff-write"></label>
                                            </div>
                                        </td>
                                        <td>
                                            <a href="#" class="btn btn-danger btn-sm" data-toggle="modal"
                                                data-target="#modals-delete-{{ $user->id }}">
                                                حذف
                                            </a>
                                            <a href="#" class="btn btn-primary btn-sm" data-toggle="modal"
                                                data-target="#modals-update-status-{{ $user->id }}">
                                                تعديل الحالة
                                            </a>
                                            @if ($course->end_date <= Carbon\Carbon::now()->format('Y-m-d'))
                                                @if ($course->course_association_id != 1)
                                                    @php
                                                        $course_user = App\Models\CourseUser::where([
                                                            ['user_id', $user->id],
                                                            ['course_id', $course->id],
                                                        ])->first();
                                                    @endphp
                                                    @if ($course_user->presence_from_user && $course_user->status == '1')
                                                        <a href="{{ asset('storage/' . App\Models\CourseUser::where([['user_id', $user->id], ['course_id', $course->id]])->first()->presence_from_user) }}"
                                                            target="_blank" class="btn btn-success btn-sm">
                                                            مشهد الحضور
                                                        </a>
                                                    @endif
                                                @endif
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr style="text-align: center;">
                                        <td colspan="3"> لا يوجد متدربين </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                </div>
                <!-- list section end -->
            </section>


            <div class="modal fade" id="modals-create">
                <div class="modal-dialog">
                    <form class="create-new-nature modal-content pt-0"
                        action="{{ route('courses.users.store', $course->id) }}" method="POST"
                        enctype="multipart/form-data">
                        @csrf
                        <div class="modal-header mb-1">
                            <h5 class="modal-title" id="exampleModalLabel">اضافة جديد</h5>
                        </div>
                        <div class="modal-body flex-grow-1">
                            {{-- user name --}}
                            <div class="form-group">
                                <label for="question">{{ __('جميع المستخدمين') }}</label>
                                <select class="select2 form-control" multiple name="users[]">
                                    @foreach (App\Models\User::get() as $item)
                                        @if ($item->id != $course->trainer_id && $item->id != $course->trainer2_id)
                                            @if (old('users'))
                                                <option value="{{ $item->id }}"
                                                    @if (in_array($item->id, old('users'))) selected @endif>{{ $item->name }}
                                                </option>
                                            @else
                                                <option value="{{ $item->id }}">{{ $item->name }}</option>
                                            @endif
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary mr-1 data-submit">حفظ</button>
                            <button type="reset" class="btn btn-outline-secondary" data-dismiss="modal">الغاء
                            </button>
                        </div>
                    </form>
                </div>
            </div>

            @foreach ($course->users as $item)
                <!-- Modal to add new user starts-->
                <div class="modal fade" id="modals-delete-{{ $item->id }}">
                    <div class="modal-dialog">
                        <form class="add-new-user modal-content pt-0"
                            action=" {{ route('courses.users.destroy', $item->id) }}" method="POST">
                            @csrf
                            @method('DELETE')
                            <div class="modal-header mb-1">
                                <h5 class="modal-title" id="exampleModalLabel">حذف</h5>
                            </div>
                            <div class="modal-body flex-grow-1">
                                <input type="hidden" name="course_id" value="{{ $course->id }}">
                                <h4>هل تريد الحذف؟</h4>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-danger mr-1 data-submit">حذف</button>
                                <button type="reset" class="btn btn-outline-secondary" data-dismiss="modal">الغاء
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- Modal to add new user Ends-->
                <!-- Modal to add new user starts-->
                <div class="modal fade" id="modals-update-status-{{ $item->id }}">
                    <div class="modal-dialog">
                        <form class="add-new-user modal-content pt-0"
                            action=" {{ route('courses.users.update-status', $item->id) }}" method="POST">
                            @csrf
                            <div class="modal-header mb-1">
                                <h5 class="modal-title" id="exampleModalLabel">تعديل الحالة</h5>
                            </div>
                            <div class="modal-body flex-grow-1">
                                <input type="hidden" name="course_id" value="{{ $course->id }}">
                                <div class="form-group">
                                    <label for="question">{{ __('الحالة') }}</label>
                                    <select class="form-control" name="status">
                                        <option>تعديل الحالة</option>
                                        <option @if (App\Models\CourseUser::where('course_id', $course->id)->where('user_id', $item->id)->first()->status == '0') selected @endif value="0">لم يتم
                                            الحضور</option>
                                        <option @if (App\Models\CourseUser::where('course_id', $course->id)->where('user_id', $item->id)->first()->status == '1') selected @endif value="1">تم الحضور
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="submit" class="btn btn-success mr-1 data-submit">حفظ</button>
                                <button type="reset" class="btn btn-outline-secondary" data-dismiss="modal">الغاء
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- Modal to add new user Ends-->
            @endforeach
        </div>
    </div>
@endsection