@extends("AdminSide.Layout")
@section('content')
    <div class="col-xg-12" style="background-color: white">
        <div class="box-content">
            <div class="col-sm-12 form-group">
                <a onclick="elToggle('form-box','class',1000)" class="form-control" style="text-align: center;cursor: pointer;margin-top: 0px">اضافه کردن تصویر جدید</a>
            </div>
            <div class="col-sm-12 form-box" style="display: none">
                <div class="row">
                    <div class="col-sm-12 form-group" style="margin-bottom: 0!important;">
                        <div style="margin: 0!important;" id="options_form_two">
                            <div class="options_form_two options_form margin-top-30">
                                <form class="store_form" action="{{route('webInfosStore','latestSuccessfulCases')}}" method="post" enctype="multipart/form-data">
                                    @csrf
                                    <label>تصویر مرتبط:</label>
                                    <input type="file" data-default-file="" name="_image" class="dropify"/>
                                    <div class="progress content_progress">
                                        <div class="progress-bar content_progress_bar" role="progressbar" aria-valuenow="" aria-valuemin="0" aria-valuemax="100" style="width: 0%">0%</div>
                                    </div>
                                    <button type="button" class="btn next_key  btn-sm" style="margin:10px 0px;background-color: #28988f;color: white" onclick="non_immigrant_form('store_form')">ذخیره</button>
                                </form>
                            </div>
                        </div>
                        @error('_image')
                        <span class="invalid-feedback" role="alert">
                                  <strong style="color: red">{{ $message}}</strong>
                                </span>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="col-sm-12">
                <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('deleteLatestSuccessfulCasesForm','class','warning','آیا مایل به حذف پیام های انتخاب شده هستید؟', '')">
                                <i class="fa fa-trash"></i></button>
                        </div>
                    </div>
                    <form class="deleteLatestSuccessfulCasesForm" action="{{route('webInfosEdit','latestSuccessfulCases')}}" 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;letter-spacing: -0.5px">تصویر مرتبط</th>
                                    <th style="text-align: right">تاریخ ارسال</th>
                                </tr>
                                </thead>
                                <tbody>
                                @if(isset($infos))
                                    @if($infos->toArray()['total']>0)
                                        @foreach($infos as $i)
                                            <tr>
                                                <td style="padding-right: 25px;width: 50px">
                                                    <input type="checkbox" value="{{\Illuminate\Support\Facades\Crypt::encrypt($i['id'])}}" style="" class="checkbox" name="cases_ids[]">
                                                </td>
                                                <td style="width: 10%"><img @if($i['image']) src="{{$base_urls['webUploads']}}{{$i['image']}}" @endif alt=""></td>
                                                <td>
                                                    {{$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('deleteLatestSuccessfulCasesForm','class','warning','آیا مایل به حذف نظر های انتخاب شده هستید؟', '')">
                                <i class="fa fa-trash"></i></button>
                            <!-- /.pull-left -->
                        </div>
                    </div>
                </div>
            </div>
            @if(isset($infos))
                @if ($infos->lastPage() > 1)
                    <div class="post-pagination" style="margin-top: 50px">
                        <a href="{{ $infos->url(1) }}"><i class="fa fa-angle-right"></i></a>
                        @for ($i = 1; $i <= $infos->lastPage(); $i++)
                            <a class="{{ ($infos->currentPage() == $i) ? ' active' : '' }}"
                               href="{{ $infos->url($i) }}">{{ $i }}</a>
                        @endfor
                        <a href="{{ $infos->url($infos->currentPage()+1) }}"><i
                                    class="fa fa-angle-left"></i></a>
                    </div>
                @endif
            @endif
        </div>
    </div>


@endsection