@extends("AdminSide.Layout")
@section("content")
    <div class="box-content">
        <div class="col-sm-12">
            <div class="row">
                <form action="{{route('publicMessageStore')}}" method="POST" enctype="multipart/form-data">
                    @csrf
                    <div class="box-content">
                        <div class="col-sm-6 form-group">
                            <label for="title" class="control-label">گروه های دریافت کننده</label>
                            <br>
                            <select class="form-control select2_1 users_ids" name="groups_ids[]" multiple="multiple">
                                @foreach($groups as $i)
                                    <option value="{{\Illuminate\Support\Facades\Crypt::encrypt($i['id'])}}">
                                        {{$i['name']}}
                                    </option>
                                @endforeach
                            </select>
                            @error('groups_ids')
                            <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                                </span>
                            @enderror
                        </div>
                        <div class="col-sm-6 form-group">
                            <label for="title" class="control-label">کاربر های دریافت کننده</label>
                            <br>
                            <select class="form-control select2_1 users_ids" name="users_ids[]" multiple="multiple">

                                @foreach($clients as $i)
                                    <option value="{{\Illuminate\Support\Facades\Crypt::encrypt($i['id'])}}">
                                        ({{$i['unique_id']}})
                                        {{$i['name']}}
                                    </option>
                                @endforeach

                            </select>
                            @error('users_ids')
                            <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    <div class="box-content">
                    <div class="col-sm-6">
                        <label>ساعت ارسال پیام</label>
                        <div class="input-group margin-bottom-20" style="direction: ltr!important;">
                            <div class="bootstrap-timepicker">
                                <input name="postageTime" value="12:00" type="text" class="form-control timepicker2">
                            </div>
                            <span class="input-group-addon bg-primary b-0 text-white"><i
                                        class="glyphicon glyphicon-time"></i></span>
                        </div>
                        @error('session_start_time')
                        <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;">
                            <div class="bootstrap-timepicker">
                                <input type="text" name="postageDate" class="form-control jalali-datepicker"/>
                            </div>
                            <span class="input-group-addon bg-primary b-0 text-white"><i
                                        class="glyphicon glyphicon-time"></i></span>
                        </div>
                        @error('session_start_time')
                        <span class="invalid-feedback" role="alert">
                 <strong style="color: red">{{ $message}}</strong>
             </span>
                        @enderror
                        <!-- /.box-content -->
                    </div>
                    </div>

                    <div class="box-content">
                    <div class="form-group">
                        <label for="showing" class="control-label">نوع پیام ارسالی</label>
                        <div class="custom-select course_type" onclick="check_position(this)">
                            <select class="form-control" name="message_type">
                                <option value="0">نوع:</option>
                                <option value="text">متنی</option>
                                <option value="file">فایلی</option>

                            </select>
                        </div>
                        @error('role')
                        <span class="invalid-feedback" role="alert">
                                    <strong style="color: red">{{ $message}}</strong>
                                </span>
                        @enderror
                    </div>
                    </div>

                    <div class="box-content file-input-container" style="display: none">
                    <div class="form-group margin-top-30">
                        <h4 class="box-title">فایل مربوطه</h4>
                        <input type="file" id="file" name="file" class="dropify"/>
                        <div class="help-block with-errors"></div>
                        @error('file')
                        <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                            </span>
                        @enderror
                    </div>
                    </div>

                    <div class="box-content text-input-container" style="display: none">
                        <div class="form-group">
                            <h4 class="box-title">متن مربوطه</h4>
                            <textarea name="text" class="form-control"></textarea>
                            <div class="help-block with-errors"></div>
                            @error('text')
                            <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>

                    @if($errors->isEmpty()==false)
                        <script>
                            swal({
                                title: "کاربر گرامی متاسفانه دوره شما ثبت نشد، لطفا به ارور ها توجه کرده و فرم را دوباره پر کنید!",
                                type: 'warning',
                                showCancelButton: false,
                                confirmButtonColor: '#28988f',
                                confirmButtonText: "بله",
                                closeOnConfirm: true,
                            }, function (isConfirm) {
                                if (isConfirm) {
                                    //$('#dateRangePickerStart').val(picker.startDate.format(dateFormat));
                                    //$('#dateRangePickerStartShow').val(picker.startDate.format(dateFormat));

                                    //$('#dateRangePickerEnd').val(picker.endDate.format(dateFormat));
                                    //$('#dateRangePickerEndShow').val(picker.endDate.format(dateFormat));
                                }
                            })
                        </script>
                    @endif



                    <div class="box-content">
                 <button type="submit" class="btn btn-sm" style="margin-bottom: 20px;background-color:#28988f;color: white">ذخیره</button>
                    </div>
                </form>
            </div>




            <!------------------------------------------------------------------------------------------>



            <div class="row">
            <div class="management_box messages_show_box box"  style=";padding: 20px;display: block">
                                <div class="box-body no-padding">
                                    <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>
                                    <form class="deletePublicMessagesForm" action="{{route('publicMessagesDelete')}}" method="POST">
                                        <div>
                                            @csrf
                                            <table id="categories_table" class="table table-striped table-bordered display" style="width:100%!important;text-align: right!important;">
                                                <thead>
                                                <tr>
                                                    <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(isset($public_messages))
                                                @if($public_messages->toArray()['total']>0)
                                                    @foreach($public_messages as $i)
                                                        <tr>
                                                            <td style="padding-right: 25px;">
                                                                <input type="checkbox" value="{{$i['id']}}" style="" class="checkbox" name="public_messages_ids[]">
                                                            </td>
                                                            <td style="width:max-content;position: relative">
                                                                <div onclick="alert_content(this)" style="cursor: pointer;">
                                                                    مشاهده
                                                                    <div class="title-content" style="display: none">
                                                                        @if($i['text']===null)
                                                                             محتوای فایلی
                                                                        @else
                                                                            محتوای متنی
                                                                        @endif
                                                                    </div>
                                                                    <div class="text-content" style="display: none;text-align: right">
                                                                            @if($i['text']===null)
                                                                            <div class="file-container" style="display: block;text-align: right;padding: 0 20px;">
                                                                                <div>
                                                                                    نوع فایل:

                                                                                    {{$i['file_type']}}
                                                                                </div>
                                                                                <br>
                                                                                <div>
                                                                                    حجم فایل:

                                                                                    {{$i['file_size']}}
                                                                                </div>
                                                                                <br>
                                                                                <div>
                                                                                    <a href="{{$base_urls['messagesUploads']}}{{$i['file_name']}}">
                                                                                        دانلود فایل:

                                                                                        <i class="fa fa-download"></i>
                                                                                    </a>
                                                                                </div>
                                                                        </div>
                                                                            @else
                                                                                <div class="text-container" style="width: 100%;height: 100px;overflow: hidden;overflow-y: scroll">
                                                                                    <div class="text-content" style="width: 100%;height: max-content;text-align: right;padding: 0 20px;">
                                                                                        {{$i['text']}}
                                                                                    </div>
                                                                                </div>
                                                                            @endif

                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td style="width:max-content;position: relative">
                                                                <div onclick="alert_content(this)" style="cursor: pointer;">
                                                                    مشاهده
                                                                    <div class="title-content" style="display: none">
                                                                        گروه های دریافت کننده
                                                                    </div>
                                                                    <div class="text-content" style="display: none;text-align: right">
                                                                            <div class="text-container" style="width: 100%;height: 100px;overflow: hidden;overflow-y: scroll">
                                                                                <div class="text-content" style="width: 100%;height: max-content;text-align: right;padding: 0 20px;">
                                                                                    @if($i['related_groups']!=null)
                                                                                        @foreach($i['related_groups'] as $group)
                                                                                          <a href="{{route('groupManagement',$group['id'])}}">{{$group['name']}}</a>
                                                                                          <br>
                                                                                          <br>
                                                                                        @endforeach
                                                                                    @endif
                                                                                </div>
                                                                            </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td style="width:max-content;position: relative">
                                                                <div onclick="alert_content(this)" style="cursor: pointer;">
                                                                مشاهده
                                                                <div class="title-content" style="display: none">
                                                                    کاربر های دریافت کننده
                                                                </div>
                                                                <div class="text-content" style="display: none;text-align: right">
                                                                    <div class="text-container" style="width: 100%;height: 100px;overflow: hidden;overflow-y: scroll">
                                                                        <div class="text-content" style="width: 100%;height: max-content;text-align: right;padding: 0 20px;">
                                                                            @if($i['related_users']!=null)
                                                                                @foreach($i['related_users'] as $user)
                                                                                    <a href="{{route('clientInfo',$user['id'])}}">
                                                                                        {{$user['name']}}
                                                                                        ({{$user['unique_id']}})
                                                                                    </a>
                                                                                    <br>
                                                                                    <br>
                                                                                @endforeach



                                                                            @endif
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                </div>
                                                            </td>
                                                            <td style="width:max-content;position: relative">
                                                                {{$i['sending_time']}}
                                                            </td>
                                                            <td style="width:max-content;position: relative">
                                                                {{$i['created_at']}}
                                                            </td>
                                                        </tr>
                                                    @endforeach
                                                @else
                                                @endif
                                                @endif

                                                </tbody>
                                            </table>
                                        </div>
                                    </form>
                                </div>
                                <!-- /.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>
            </div>
            @include('AdminSide.Components.Pagination', ['paginator' => $public_messages])
        </div>
    </div>
@endsection