@extends("AdminSide.Layout")
@section("content")
    <div class="box-content">
        <div class="col-sm-12">
            @if(isset($permission_level_tree))
                <div class="row">
                    <form action="{{route('counselingSessionStore')}}" method="POST" enctype="multipart/form-data">
                        @csrf

                        <div class="box-content">

                            <div class="row">
                                <div class="col-sm-6">
                                    <label>ساعت شروع جلسات:</label>
                                    <div class="input-group margin-bottom-20"
                                         style="direction: ltr!important;width: 100%">
                                        <select class="select2_1 times form-control" name="times[]" style="width: 100%"
                                                multiple="multiple"></select>
                                    </div>
                                    @error('times')
                                    <span class="invalid-feedback" role="alert">
                 <strong style="color: red">{{ $message}}</strong>
             </span>
                                    @enderror
                                    <!-- /.box-content -->
                                </div>
                                <div class="col-sm-6">
                                    <label>تاریخ ایجاد جلسات:</label>
                                    <div class="input-group margin-bottom-20"
                                         style="direction: ltr!important;width: 100%">
                                        <select class="select2_1 dates form-control" name="dates[]" style="width: 100%"
                                                multiple="multiple"></select>
                                    </div>
                                    @error('dates')
                                    <span class="invalid-feedback" role="alert">
                 <strong style="color: red">{{ $message}}</strong>
             </span>
                                    @enderror
                                    <!-- /.box-content -->
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-sm-6">
                                    <label>افزودن ساعت جلسه:</label>
                                    <div class="input-group margin-bottom-20" style="direction: ltr!important;">
                                        <div class="bootstrap-timepicker">
                                            <input value="12:00" type="text"
                                                   class="form-control counseling-time-picker">
                                        </div>
                                        <span style="cursor: pointer"
                                              class="input-group-addon bg-primary b-0 text-white"
                                              id="counseling-time-picker"><i
                                                    class="glyphicon glyphicon-time"></i></span>
                                    </div>
                                    <!-- /.box-content -->
                                </div>
                                <div class="col-sm-6">
                                    <label>افزودن تاریخ جلسه:</label>
                                    <div class="input-group margin-bottom-20" style="direction: ltr!important;">
                                        <div class="bootstrap-timepicker">
                                            <input type="text" class="form-control counseling-date-picker"/>
                                        </div>
                                        <span style="cursor: pointer"
                                              class="input-group-addon bg-primary b-0 text-white"
                                              id="counseling-date-picker"><i
                                                    class="glyphicon glyphicon-time"></i></span>
                                    </div>
                                    <!-- /.box-content -->
                                </div>
                            </div>
                        </div>

                        <div class="box-content">
                            <div class="row">
                                <div class="col-md-6 col-xs-12">
                                    <label for="showing" style="position: inherit;z-index: 1000" class="control-label">
                                        توضیحات:</label>
                                    <input name="explain" class="form-control"
                                           placeholder="لطفا توضیحات مرتبط را وارد کنید.."/>
                                    @error('explain')
                                    <span class="invalid-feedback" role="alert">
                                    <strong style="color: red">{{ $message}}</strong>
                                </span>
                                    @enderror
                                </div>
                                <div class="col-md-6 col-xs-12">
                                    <label for="showing" class="control-label">
                                        طول دقیقه ای جلسه:</label>
                                    <input id="minutes" type="text" value="0"
                                           placeholder="لطفا طول جلسه به دقیقه را وارد کنید.." name="minutes"
                                           class="form-control"/>
                                    @error('minutes')
                                    <span class="invalid-feedback" role="alert">
                                    <strong style="color: red">{{ $message}}</strong>
                                </span>
                                    @enderror
                                </div>
                            </div>
                        </div>


                        <div class="box-content">
                            <div class="row">
                                <div class="col-sm-12">
                                    <button type="submit" class="btn btn-sm"
                                            style="background-color:#28988f;color: white">ذخیره
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            @endif
        <!------------------------------------------------------------------------------------------>
            <div class="row">
                <div class="management_box messages_show_box box" style=";padding: 20px;display: block">
                    <div class="row" style="margin-bottom: 15px">
                        @if(isset($search_type))
                            <div class="col-xs-12" style="margin-bottom: 15px">
                                <a class="form-control btn btn-sm" href="{{route('counselingSessionsManagement')}}">برگشت به حالت اول</a>
                            </div>
                        @endif
                        <div class="col-md-4 col-xs-12">
                            <a class="form-control  btn btn-sm" onclick="external_submit(this)">انتخاب نشده های کلی
                                <form action="{{route('counselingSessionsManagement')}}" method="GET">
                                    <input type="hidden" name="search" value="not-selected">
                                </form>
                            </a>
                        </div>
                        <div class="col-md-4 col-xs-12">
                            <a class="form-control  btn btn-sm" onclick="external_submit(this)">انتخاب شده های کلی
                                <form action="{{route('counselingSessionsManagement')}}" method="GET">
                                    <input type="hidden" name="search" value="general-selected">
                                </form>
                            </a>
                        </div>
                        <div class="col-md-4 col-xs-12">
                            <a class="form-control  btn btn-sm" onclick="external_submit(this)">انتخاب شده های من
                                <form action="{{route('counselingSessionsManagement')}}" method="GET">
                                    <input type="hidden" name="search" value="my-selected">
                                </form>
                            </a>
                        </div>
                    </div>
                    <div class="box-body no-padding">
                        @if(isset($permission_level_tree))
                            <div class="mailbox-controls" style="padding: 8px 15px 15px 15px;!important;">
                                <div class="row">
                                    <button style="margin: 0" type="button" class="btn btn-default btn-sm"
                                            onclick="dedicated_checkbox('checkbox',this)"><i class="fa fa-square-o"></i>
                                    </button>
                                    <button type="button" style="float: left;margin: 0"
                                            class="btn btn-default btn-sm clearfix"
                                            onclick="submit_form_with_message('deletePublicMessagesForm','class','warning','آیا مایل به حذف جلسات انتخاب شده هستید؟', '')">
                                        <i class="fa fa-trash"></i></button>
                                </div>
                            </div>
                        @endif
                        @if(isset($permission_level_tree))
                            <form class="deletePublicMessagesForm" action="{{route('counselingSessionDelete')}}"
                                  method="POST">
                                @endif
                                <div>
                                    @csrf
                                    <table class="table table-striped table-bordered display"
                                           style="width:100%!important;text-align: right!important;">
                                        <thead>
                                        <tr>
                                            @if(isset($permission_level_tree))
                                                <th style="text-align: right">عملیات</th>
                                            @endif
                                            <th style="text-align: right">کارشناس انتخاب کننده</th>
                                            <th style="text-align: right">زمان مشاوره</th>
                                            <th style="text-align: right">طول دقیقه ای جلسه</th>
                                            <th style="text-align: right">کاربر مرتبط</th>
                                            <th style="text-align: right">توضیحات</th>
                                            <th style="text-align: right">ویرایش توضیحات</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @if($sessions->toArray()['total']>0)
                                            @foreach($sessions as $key => $i)
                                                <tr>
                                                    @if(isset($permission_level_tree))
                                                        <td>
                                                            <input type="checkbox" value="{{$i['id']}}" style=""
                                                                   class="checkbox" name="sessions_ids[]">
                                                        </td>
                                                    @endif
                                                    <td style="width:max-content;position: relative">
                                                        @if($i['related_admin'])
                                                            <a href="{{route('adminProfileView',$i['related_admin']['id'])}}">
                                                                رزرو شده توسط:
                                                                {{$i['related_admin']['name']}}
                                                                ( {{$i['related_admin']['username']}} )
                                                            </a>
                                                            @if(!isset($permission_level_one))
                                                                @if($i['related_admin']['current_reserved'])
                                                                    /
                                                                    <a class="a-type" onclick="external_submit(this)">
                                                                        خارج کردن از رزرو شما
                                                                        <form method="post"
                                                                              action="{{route('counselingSessionSelect',$i['id'])}}">
                                                                            @csrf
                                                                        </form>
                                                                    </a>
                                                                @endif
                                                            @endif
                                                        @else
                                                            @if(isset($permission_level_one))
                                                                تا به حال کسی انتخاب نکرده!
                                                            @else
                                                                <a class="a-type" onclick="external_submit(this)">
                                                                    رزرو کردن!
                                                                    <form method="post"
                                                                          action="{{route('counselingSessionSelect',$i['id'])}}">
                                                                        @csrf
                                                                    </form>
                                                                </a>
                                                            @endif
                                                        @endif
                                                    </td>
                                                    <td>
                                                        {{$i['counseling_time']}}
                                                    </td>
                                                    <td style="width: 135px">
                                                        {{$i['duration']}}

                                                        دقیقه
                                                    </td>
                                                    <td style="width: 20%">
                                                        <div class="col-sm-12">
                                                            <input type="hidden" class="session-id"
                                                                   value="{{\Illuminate\Support\Facades\Crypt::encrypt($i['id'])}}">
                                                            <select name="user_id" class="js-data-ajax form-control">
                                                                @if($i['related_user'])
                                                                    <option value="{{$i['related_user']['id']}}"
                                                                            selected>
                                                                        ({{$i['related_user']['unique_id']}}
                                                                        ){{$i['related_user']['name']}}</option>
                                                                @endif
                                                            </select>
                                                            @error('user_id')
                                                            <span class="invalid-feedback" role="alert">
                                                                        <strong style="color: red">{{ $message}}</strong>
                                                                </span>
                                                            @enderror
                                                        </div>
                                                    </td>
                                                    <td style="width:max-content;position: relative">
                                                        <textarea name="Text1" cols="40" rows="5"
                                                                  id="explainInput{{$key}}"
                                                                  class="form-control"
                                                                  style="height: 50px;width: 100%;min-width: 100px">{{$i['explain']}}</textarea>
                                                    </td>
                                                    <td style="width:max-content;position: relative">
                                                        <a class="a-type"
                                                           onclick="editExplainRequest(event,'explainInput{{$key}}','{{\Illuminate\Support\Facades\Crypt::encrypt($i['id'])}}')">
                                                            اعمال تغییرات
                                                        </a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @else
                                        @endif
                                        </tbody>
                                    </table>
                                </div>
                                @if(isset($permission_level_tree))
                            </form>
                        @endif
                    </div>
                @if(isset($permission_level_tree))
                    <!-- /.box-body -->
                        <div class="box-footer no-padding">
                            <div class="mailbox-controls" style="padding:15px;!important;">
                                <div class="row">
                                    <!-- Check all button -->
                                    <button style="margin: 0" onclick="dedicated_checkbox('checkbox',this)"
                                            type="button"
                                            class="btn btn-default btn-sm"><i class="fa fa-square-o"></i></button>
                                    <button type="button" style="float: left;margin: 0"
                                            class="btn btn-default btn-sm clearfix"
                                            onclick="submit_form_with_message('deletePublicMessagesForm','class','warning','آیا مایل به حذف جلسات انتخاب شده هستید؟', '')">
                                        <i class="fa fa-trash"></i></button>
                                    <!-- /.pull-left -->
                                </div>
                            </div>
                        </div>
                </div>
                @endif
            </div>
            @include('AdminSide.Components.Pagination', ['paginator' => $sessions])
        </div>
    </div>
    @if($errors->isEmpty()==false)
        <script>
            swal({
                title: "کاربر گرامی متاسفانه اطلاعات جلسه شما ثبت نشد، لطفا به ارور ها توجه کرده و فرم را دوباره پر کنید!",
                type: 'warning',
                showCancelButton: false,
                confirmButtonColor: '#28988f',
                confirmButtonText: "بله",
                closeOnConfirm: true,
            }, function (isConfirm) {
                if (isConfirm) {
                }
            })
        </script>
    @endif
    <script>
        function editExplainRequest(event, _inputId, _documentId) {
            var explain = $('#' + _inputId).val();
            var document_id = _documentId;
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            $.ajax({
                type: 'POST',
                url: '{{route('counselingSessionExplainEdit')}}',
                data: {document_id: document_id, explain: explain},
                success: function (data) {
                    if (data.errors) {
                        swal({
                            title: data.errors,
                            type: 'warning',
                            confirmButtonColor: '#28988f',
                            confirmButtonText: "بله",
                            cancelButtonColor: '#d33',
                            closeOnConfirm: true,
                        }, function (isConfirm) {
                            //
                        });
                    } else {
                        success_message(data.message, "");
                    }
                },
                error: function (xhr, status, error) {
                    var err = eval("(" + xhr.responseText + ")");
                    if (err.errors.step_name != undefined) {
                        error_message(err.errors.step_name);
                    }
                    if (err.errors.percent != undefined) {
                    }
                }
            })
        }
    </script>
@endsection