@extends('layouts.main')

@section('container')
<div class="card">
    <div class="card-header">
    <table width="100%">
        <tr>
        <td><h3 class="card-title">List</h3></td>
        @can('add banners')
        <td align="right" style="margin-right: 5px"><a href="{{ route('admin.banner.create', $type) }}" class="btn btn-success btn-sm"><i class="fa fa-plus" style="margin-right:5px"></i>Add New</a></td>
        @endcan
        </tr>
    </table>
    </div>
    <!-- /.card-header -->
    <div class="card-body">
        <div class="scroll-x-table">
            <table class="table table-bordered table-striped table-condensed datatable-ajax" data-ajax-url="{{route('admin.banner.ajax.list', $type)}}" data-ajax-context="banners" width="100%">
            <thead>
                <tr>
                    <th width="10" class="no-sort">No</th>
                    <th class="no-sort">Image</th>
                    <th>CreatedAt</th>
                    <th width="80" class="no-sort"></th>
                </tr>
            </thead>
            <tbody>
            </tbody>
            </table>

            <br>
        </div>
    </div>
    <!-- /.card-body -->
</div>
<!-- /.card -->


<!-- /.modal -->
@endsection