@extends('layouts.app')
@section('title','News & Events')
@section('content')
    <div class="container-fluid">
                <div class="d-flex justify-content-between py-4">
                    <p class="page-title">News & Event</p>
                    <a class="btn btn-sm btn-success" href="{{ route('news-events.create')}}">Add New</a>
                </div>
        <div class="table-responsive">
            <table class="table table-striped table-sm dataTable">
                <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Title</th>
                    <th scope="col">Slug</th>
                    <th scope="col">Date</th>
                    <th scope="col">Action</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
@endsection
@push('js')
<script>
    $(function (){
        var t = $('.dataTable').DataTable({
            processing: true,
            serverSide: true,
            order:[[0,'desc']],
            ajax: "{{route('getNewsEvents')}}",
            columns: [
                { data: 'id' },
                { data: 'title' },
                { data: 'slug' },
                { data: 'date' },
                { data: null}
            ],
            columnDefs: [
                {
                    render: function ( data, type, row,meta ) {
                        return meta.row + meta.settings._iDisplayStart + 1;
                    },
                    searchable:false,
                    orderable:true,
                    targets: 0
                },
                {
                    render: function (data,type,row,meta) {

                           // Restore route
                         var restore ='{{ route("news-events.restore", ":id") }}';
                         restore = restore.replace(':id', data.id);
                           // Delete route
                         var del ='{{ route("news-events.delete", ":id") }}';
                         del = del.replace(':id', data.id);
                            // Edit route
                         var edit ='{{ route("news-events.edit", ":id") }}';
                         edit = edit.replace(':id', data.id);
                            // Destroy route
                         var sdel ='{{ route("news-events.destroy", ":id") }}';
                         sdel = sdel.replace(':id', data.id);
                        var seo = '{{ route("news-events.seo.create", ":id") }}';
                        seo = seo.replace(':id', data.id);


                        if(data.deleted_at =='1'){
                         return '<div class="d-flex">'+
                             // Restore Button
                         @can('news-events-restore')
                         '<a href="'+restore+'" class="btn btn-sm btn-warning mx-2"><i class="fa fa-undo"></i></a>'+
                         @endcan
                            // Delete Button
                         @can('news-events-delete')
                         '<form action="'+del+'" method="POST">'+
                         '<input type="hidden" name="_token" value="{{ csrf_token() }}">'+
                         '<input type="hidden" name="_method" value="delete" />'+
                         '<button type="submit" class="btn btn-sm btn-danger mx-2" onclick="return confirm(`Are you sure?`)"><i class="fa fa-trash"></i></i></button>'+
                         '</form>'+
                         @endcan

                         '</div>';
                        }
                         if(data.deleted_at=='0'){
                         return  '<div class="d-flex">'+
                         @can('news-events-seo')
                                 '<a href="'+seo+'" class="btn btn-sm btn-info mx-2"><i class="fa fa-search"></i> SEO</a>' +
                         @endcan
                          // Edit Button
                         @can('news-events-edit')
                          '<a href="'+edit+'" class="btn btn-sm btn-warning mx-2"><i class="fa fa-edit"></i></a>'+
                         @endcan
                          // Destroy Button
                         @can('news-events-softdelete')
                         '<form action="'+sdel+'" method="POST">'+
                         '<input type="hidden" name="_token" value="{{ csrf_token() }}">'+
                         '<input type="hidden" name="_method" value="delete" />'+
                         '<button type="submit" class="btn btn-sm btn-danger mx-2" onclick="return confirm(`Are you sure?`)"><i class="fa fa-trash"></i></button>'+
                         '</form>'+
                         @endcan


                         '</div>';
                        }
                    },
                    searchable:false,
                    orderable:false,
                    targets: -1
                }
            ]
        });
    });
</script>
@endpush