@extends('admins.layouts.index')
@section('content')
<!-- Default card -->
<div class="card card-danger">
    <div class="card-header with-border">
        <h3 class="card-title">
            <i class="fa fa-bars fa-fw"></i> {{__("Listing Information")}}
        </h3>
        <div class="card-tools">
            <ul class="nav nav-pills ml-auto">
                <li class="nav-item">
                    <a class="nav-link" href="{{action('Admin\BannerController@getNew')}}">
                        {{ __('New File') }}
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="datatable table table-bordered table-hover">
                <thead>
                    <tr>
                        <th class="text-center">#</th>
                        <th class="text-center" style="max-width: 200px;">{{__('Image')}}</th>
                        <th class="text-center">{{__('Title')}}</th>
                        <th class="text-center">{{__('Description')}}</th>
                        <th class="text-center">{{__('Status')}}</th>
                        <th class="text-center">{{__('Updated At')}}</th>
                        <th class="text-center">{{__('Action')}}</th>
                    </tr>
                </thead>
            </table>
        </div>
        <div class="row">
            <div class="col-md-12 text-center">
                <i class="fa fa-edit fa-fw"></i> {{__('Edit')}} | <i class="fa fa-search-plus fa-fw"></i> {{__('View')}} | <i class="fa fa-trash-o fa-fw"></i> {{__('Delete')}}
            </div>
        </div>
    </div>
    <!-- /.card-body -->
</div>
<!-- /.card -->
@endsection
@section('script')
  $(function () {
    
    var table = $('.datatable').DataTable({
        processing: true,
        serverSide: true,
        dom: 'Bfrtip',
        ajax: window.location.href,
        buttons: [{
            extend: 'copy',
            exportOptions: {
                columns: 'th:not(:last-child)'
            }
        },{
            extend: 'csv',
            exportOptions: {
                columns: 'th:not(:last-child)'
            }
        },{
            extend: 'excel',
            exportOptions: {
                columns: 'th:not(:last-child)'
            }
        },{
            extend: 'pdf',
            exportOptions: {
                columns: 'th:not(:last-child)'
            }
        },{
            extend: 'print',
            exportOptions: {
                columns: 'th:not(:last-child)'
            }
        }],
        columns: [
            {data: 'DT_RowIndex', name: 'DT_RowIndex'},
            {data: 'image_path', name: 'image_path', orderable: false, searchable: false},
            {data: 'title', name: 'title'},
            {data: 'description', name: 'description'},
            {data: 'status', name: 'status'},
            {data: 'updated_at', name: 'updated_at'},
            {data: 'action', name: 'action', orderable: false, searchable: false},
        ]
    });
    
  });
@endsection