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

                    <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">
                    <div class="form-group">
                        <label for="showing" class="control-label">عنوان پیام پرتکرار</label>
                        <input class="form-control" name="title" type="text">
                        @error('title')
                        <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 type="text" name="text" id="simple_public_text_editor" class="form-control">{{old('text')}}</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('deleteRepetitiveMessagesForm','class','warning','آیا مایل به حذف پیام های انتخاب شده هستید؟', '')"><i class="fa fa-trash"></i></button>
                                        </div>
                                    </div>
                                    <form class="deleteRepetitiveMessagesForm" action="{{route('repetitiveMessagesDelete')}}" 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>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @if(isset($repetitive_messages))
                                                @if($repetitive_messages->toArray()['total']>0)
                                                    @foreach($repetitive_messages as $i)
                                                        <tr>
                                                            <td style="width: 10%!important;padding-right: 25px;">
                                                                <input type="checkbox" value="{{\Illuminate\Support\Facades\Crypt::encrypt($i['id'])}}" style="" class="checkbox" name="repetitive_messages_ids[]">
                                                            </td>
                                                            <td style="width: 30%!important;position: relative" onclick="alert_content(this)">
                                                                <div class="title-content" style="display: none">
                                                                   عنوان
                                                                </div>
                                                                <p class="modify-text-addition text-content" style="cursor: pointer;display: block;position:absolute;width: 90%!important;">
                                                                    {{$i['title']}}
                                                                </p>
                                                            </td>
                                                            <td style="width: 30%!important;;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: 30%!important;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('deleteRepetitiveMessagesForm','class','warning','آیا مایل به حذف پیام های انتخاب شده هستید؟', '')"><i class="fa fa-trash"></i></button>
                                            <!-- /.pull-left -->
                                        </div>
                                    </div>
                                </div>
                            </div>
            </div>
            @include('AdminSide.Components.Pagination', ['paginator' => $repetitive_messages])
        </div>
    </div>
@endsection