@include('Admin.layouts.app')
@include('Admin.layouts.sidebar')
@section('title', 'Banners')
<!-- Begin Page Content -->
<div class="container-fluid">

    <!-- Page Heading -->
    <h1 class="h3 mb-2 text-gray-800">Banners</h1>
    <!-- DataTales Example -->
    <div class="innerpagedetails card shadow mb-4">
        <div class="card-header py-3">
            <div class="col-md-12 bg-light d-flex align-items-center justify-content-between card-title">
                <h6 class="m-0 font-weight-bold text-primary">Banners</h6>

                <a href="{{route('admin.banner.form')}}" class="btn-gazna"
                   style="text-decoration:none;height:50px;font-size:14px;">Add Banner</a>
            </div>
        </div>
        <div class="card-body">
            @if(Session::has('msg'))
                <div class="alert alert-success">
                    {{Session::get('msg')}}
                </div>
            @endif

            <div class="table-responsive">
                <table class="table table-bordered" id="laravel_datatable" width="100%" cellspacing="0">
                    <thead>
                    <tr>
                        <th>S.No</th>
                        <th>Area</th>
                        <th>Image</th>
                        <th width="105px">Action</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>

</div>
<!-- /.container-fluid -->
</div>
<!-- End of Main Content -->

<script src="//code.jquery.com/jquery-3.5.1.js"></script>
<script src="//cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>

<script>
    $(document).ready(function () {
        $('#laravel_datatable').DataTable({
            processing: true,
            serverSide: true,
            searching: false,
            ajax: "{{ route('admin.banners') }}",
            columns: [
                {data: 'DT_RowIndex', name: 'DT_RowIndex', orderable: false, searchable: false},
                {data: 'area', name: 'area', orderable: false, searchable: false},
                {data: 'image', name: 'image'},
                {data: 'action', name: 'action', orderable: false, searchable: false}
            ]
        });
    });
</script>
@if(Session::has('success'))
    <script>
        Swal.fire({
            title: "Success!",
            text: "{{ Session::get('success') }}",
            icon: "success",
            timer: 2000,
            showConfirmButton: false,
        });
    </script>
@elseif(Session::has('error'))
    <script>

    </script>
@endif
@include('Admin.layouts.footer')
@include('Admin.layouts.modal')