@extends('base.layouts.master')
@section('style')
    <!-- BEGIN PAGE LEVEL PLUGINS -->
    <link href="/base/assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" />
    <link href="/base/assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap-rtl.css" rel="stylesheet" type="text/css" />
    <!-- END PAGE LEVEL PLUGINS -->
@endsection

@section('content')

    <!-- BEGIN PAGE TITLE-->
    <h3 class="page-title">  اطلاعات محتوای سایت
        <small>لیست محتوای سایت جدول</small>
    </h3>
    <!-- END PAGE TITLE-->

    <div class="row">
        <div class="col-md-12">
            <!-- BEGIN EXAMPLE TABLE PORTLET-->
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption font-dark">
                        <i class="icon-settings font-dark"></i>
                        <span class="caption-subject bold uppercase">لیست محتوا</span>
                    </div>
                    <div class="tools"> </div>
                </div>
                <div class="portlet-body">
                    @if(count($errors))
                        <div class="alert alert-danger">
                            <ul>
                                @foreach($errors->all() as $error)
                                    <li>{{$error}}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    @include('base.layouts.partials.general.message')
                    <table class="table table-striped table-bordered table-hover" id="sample_1">
                        <thead>
                        <tr>
                            <th> ردیف</th>
                            <th> تصویر</th>
                            <th>عنوان </th>
                            <th> بخش</th>
                            <th> عملیات </th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($contents as $content)
                            <tr class="record_id_{{$content->slug}}">
                                <td> {{$loop->iteration}} </td>
                                <td>
                                    @if($content->image_location !== '')
                                        <img src="/images/contents/{{$content->image_location}} " alt="{{$content->title}}" class="table_image" >
                                    @else
                                        تصویر ندارد
                                    @endif
                                </td>
                                <td> {{$content->title}} </td>
                                <td> {{$content->category->category_name}} </td>
                                <td>
                                    @can('delete-listMohtava')
                                        <a class="btn btn-circle btn-icon-only btn-default delete" data-target="#confirm" data-toggle="modal" data-url="{{route('contents.destroy', $content->id)}}">
                                            <i class="icon-trash"></i>
                                        </a>
                                    @endcan
                                    @can('edit-listMohtava')
                                        <a href="{{route('contents.edit' , $content->id)}}" class="btn btn-circle btn-icon-only btn-default">
                                            <i class="fa fa-edit"></i>
                                        </a>
                                    @endcan
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                    {{$contents->links()}}
                </div>
            </div>
            <!-- END EXAMPLE TABLE PORTLET-->
        </div>
    </div>

    @include('base.layouts.partials.general.modal',['method' => 'delete'])
@endsection

@section('script')
    <!-- BEGIN PAGE LEVEL PLUGINS -->
    <script src="/base/assets/js/datatable.js" type="text/javascript"></script>
    <script src="/base/assets/plugins/datatables/datatables.min.js" type="text/javascript"></script>
    <script src="/base/assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js" type="text/javascript"></script>
    <!-- END PAGE LEVEL PLUGINS -->
    <script src="/base/assets/js/table-datatables-rowreorder.min.js" type="text/javascript"></script>

    <script >
        $('#confirm').on('show.bs.modal',function(event){
            let url = $(event.relatedTarget).data('url');
            $('#confirm form').attr('action', url);
        })
    </script>

@endsection