@extends('layouts.admin')
@section('css')
    <link rel="stylesheet" href="/assets/vendors/datepicker-jalali/bootstrap-datepicker.min.css">
    <link rel="stylesheet" href="/assets/vendors/datepicker/daterangepicker.css">
    <!-- end::datepicker -->
    <!-- begin::select2 -->
    <link rel="stylesheet" href="/assets/vendors/select2/css/select2.min.css" type="text/css">
    <!-- end::select2 -->
    <link rel="stylesheet" href="/assets/vendors/clockpicker/bootstrap-clockpicker.min.css" type="text/css">
@endsection('css')

@section('script')
    <script type="text/javascript" src="/assets/js/bootstrap_multiselect.js"></script>

    <script type="text/javascript" src="/assets/js/form_multiselect.js"></script>
    <script src="/assets/vendors/datepicker-jalali/bootstrap-datepicker.min.js"></script>
    <script src="/assets/vendors/datepicker-jalali/bootstrap-datepicker.fa.min.js"></script>
    <script src="/assets/vendors/datepicker/daterangepicker.js"></script>
    <script src="/assets/js/examples/datepicker.js"></script>
    <script src="/assets/vendors/select2/js/select2.min.js"></script>
    <script src="/assets/js/examples/select2.js"></script>
    <!-- begin::sweet alert demo -->
    <script src="/js/sweetalert.min.js"></script>
    @include('sweet::alert')
    <!-- begin::sweet alert demo -->
@endsection('script')
@section('navbar')


@endsection('navbar')
@section('sidebar')
@endsection('sidebar')

@section('header')
    <div class="page-header">
        <div>
            <h3>نمایش</h3>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/admin/home">داشبورد</a></li>
                    <li class="breadcrumb-item"><a href="#"> انتخابات</a></li>
                    <li class="breadcrumb-item active" aria-current="page">نمایش</li>
                </ol>
            </nav>
        </div>

    </div>
@endsection('header')
@section('content')
    <div class="card">
        <div class="card-body">
            <div class="tab-content">
                <!-- Button trigger modal -->
                <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#create">
                    ایجاد
                </button>

                <!-- Modal -->
                <div class="modal fade" id="create" tabindex="-1" role="dialog"
                     aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 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="/admin/selection_store" method="post">
                                    @csrf
                                    <span>عنوان</span>
                                    <input title="عنوان" class="form-control" name="title">
                                    <br>
                                    <span>توضیحات</span>
                                    <input title="توضیحات" class="form-control" name="description">
                                    <br>
                                    <span>تاریخ شروع</span>
                                    <input title="تاریخ شروع" class="form-control" id="date-picker-shamsi-2"
                                           name="start_date">
                                    <br>
                                    <span>تاریخ پایان</span>
                                    <input title="تاریخ پایان" class="form-control" id="date-picker-shamsi-1"
                                           name="end_date">
                                    <br>
                                    <span>کلاس ها </span>
                                    <select name="class_id[]" multiple class="js-example-basic-single form-control">
                                        @foreach($teachers as $teacher)
                                        @if($teacher->class!='[]' and $teacher->darss!='[]')
                                            <option
                                                value="{{$teacher->id}}">{{$teacher->users->f_name}} {{$teacher->users->l_name}}
                                                کلاس
                                                {{$teacher->class[0]->classnamber}}
                                                -
                                                درس
                                                {{$teacher->darss[0]->name}}

                                            </option>
                                            @endif
                                        @endforeach
                                    </select>
                                    <br>
                                    <br>
                                    <span>قالب سوالات </span>
                                    <select name="template_selection_id" class="form-control">
                                        @foreach($templates as $template)
                                            <option value="{{$template->id}}">{{$template->title}}</option>
                                        @endforeach
                                    </select>
                                    <br>
                                    <span>اجباری </span>
                                    <input title="اجباری" class="form-control" name="required" type="checkbox">
                                    <br>
                                    <button class="btn btn-block btn-success">ثبت</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <div class="table-responsive">
                    <br>
                    <table class="table table-bordered table-striped mb-0 table-fixed" id="myTable">
                        <thead>
                        <tr class="danger" style="text-align: center">
                            <th>عنوان</th>
                            <th>توضیحات</th>
                            <th>تاریخ شروع</th>
                            <th>تاریخ پایان</th>
                            <th>اجباری</th>
                            <th>قالب سوالات</th>
                            <th>گزارشات</th>
                            <th>ویرایش</th>
                            <th>حذف</th>

                        </tr>
                        </thead>
                        <tbody>
                        @include('Admin.errors')
                        @foreach($rows as $row )
                            <tr>
                                <td>
                                    {{$row->title}}
                                </td>
                                <td>
                                    {{$row->description}}
                                </td>
                                <td>
                                    {{$row->start_date}}

                                </td>
                                <td>
                                    {{$row->end_date}}

                                </td>
                                <td>
                                    {{$row->required}}

                                </td>
                                <td>
                                    {{$row->template->title}}

                                </td>
                                <td>
                                    <a href="/admin/selection_report_1/{{$row->id}}"><button class="btn btn-success">گزارش 1</button></a>
                                    <a href="/admin/selection_report_2/{{$row->id}}"><button class="btn btn-success">گزارش 2</button></a>
                                    <a href="/admin/selection_report_3/{{$row->id}}"><button class="btn btn-success">گزارش 3</button></a>
                                    <a href="/admin/selection_teacher_list/{{$row->id}}"><button class="btn btn-success">گزارش 4</button></a>
                                </td>
                                <td>
                                    <button type="button" class="btn btn-primary" data-toggle="modal"
                                            data-target="#edite{{$row->id}}">
                                        ویرایش
                                    </button>

                                    <!-- Modal -->
                                    <div class="modal fade" id="edite{{$row->id}}" tabindex="-1" role="dialog"
                                         aria-labelledby="exampleModalLabel" aria-hidden="true">
                                        <div class="modal-dialog modal-lg" role="document">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 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="/admin/selection_update/{{$row->id}}"
                                                          method="post">
                                                        @csrf
                                                        <span>عنوان</span>
                                                        <input title="عنوان" class="form-control" name="title"
                                                               value="{{$row->title}}">
                                                        <br>
                                                        <span>توضیحات</span>
                                                        <input value="{{$row->description}}" title="توضیحات"
                                                               class="form-control" name="description">
                                                        <br>
                                                        <span>تاریخ شروع</span>
                                                        <input value="{{$row->start_date}}" title="تاریخ شروع"
                                                               class="form-control" name="start_date">
                                                        <br>
                                                        <span>تاریخ پایان</span>
                                                        <input value="{{$row->end_date}}" title="تاریخ پایان"
                                                               class="form-control" name="end_date">

                                                        <br>
                                                        <span>کلاس ها </span>
                                                        <select name="class_id[]" multiple
                                                                class="js-example-basic-single form-control">
                                                            @foreach($teachers as $teacher)
                                                               @if($teacher->class!='[]' and $teacher->darss!='[]')
                                                                <option
                                                                    @if(count($row->teacher->pluck('id'))>0)
                                                                    @if(in_array($teacher->id,$row->teacher->pluck('teacher_id')->toArray()))
                                                                    selected
                                                                    @endif
                                                                    @endif
                                                                    value="{{$teacher->id}}">{{$teacher->users->f_name}} {{$teacher->users->l_name}}
                                                                    کلاس
                                                                    {{$teacher->class[0]->classnamber}}
                                                                    -
                                                                    درس
                                                                    {{$teacher->darss[0]->name}}

                                                                </option>
                                                                @endif
                                                            @endforeach
                                                        </select>
                                                        <br>
                                                        <br>
                                                        <br>
                                                        <span>قالب سوالات </span>
                                                        <select name="template_selection_id" class="form-control">
                                                            @foreach($templates as $template)
                                                                <option
                                                                    @if($row->template_selection_id==$template->id) selected
                                                                    @endif value="{{$template->id}}">{{$template->title}}</option>
                                                            @endforeach
                                                        </select>
                                                        <br>
                                                        <span>اجباری </span>
                                                        <input @if($row->required==1) checked @endif title="اجباری"
                                                               class="form-control" name="required" type="checkbox">
                                                        <br>
                                                        <button class="btn btn-block btn-success">ثبت</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                        <button class="btn btn-danger" onclick="deleteData({{$row->id}})">حذف
                                        </button>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>

                </div>
            </div>
        </div>
    </div>

@endsection('content')
<script>
    function deleteData(id) {
        swal({
            title: "آیا از حذف مطمئن هستید؟",
            text: "اگر حذف شود تمام دیتای مرتبط با آن حذف می گردد!",
            icon: "warning",
            buttons: true,
            dangerMode: true,
        })

            .then((willDelete) => {
                if (willDelete) {
                    $.ajax({
                        url: "{{  url('/admin/selection_delete/')  }}" + '/' + id,
                        type: "GET",

                        success: function () {
                            swal({
                                title: "حذف با موفقیت انجام شد!",
                                icon: "success",

                            });
                            window.location.reload(true);
                        },
                        error: function () {
                            swal({
                                title: "خطا...",
                                text: data.message,
                                type: 'error',
                                timer: '1500'
                            })

                        }
                    });
                } else {
                    swal("عملیات حذف لغو گردید");
                }
            });

    }
</script>
<script>
    function active(id) {

        if ($('#customSwitch' + id).is(':checked')) {
            var active = 'active';
        } else {
            var active = 'reserved';
        }

        $.ajax({
            type: "POST",
            data: {
                "active": active,
                "_token": "{{ csrf_token() }}",
            },
            url: '/admin/sans/changeStatus' + '/' + id,
            success: function (xml) {
                swal({
                    title: "successful",
                    icon: "success",
                    timer: '35000'
                });
                window.location.reload(true);
            }
        });
    }
</script>