@include('admin.header')
        <!-- ============================================================== -->
        <!-- End Left Sidebar - style you can find in sidebar.scss  -->
        <!-- ============================================================== -->
        <!-- ============================================================== -->
        <!-- Page wrapper  -->
        <!-- ============================================================== -->
        <div class="page-wrapper">
            <!-- ============================================================== -->
            <!-- Bread crumb and right sidebar toggle -->
            <!-- ============================================================== -->
            <div class="page-breadcrumb">
                <div class="row">
                    <div class="col-7 align-self-center">
                        <h4 class="page-title text-truncate text-dark font-weight-medium mb-1">Customer</h4>
                        <div class="d-flex align-items-center">
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb m-0 p-0">
                                    <li class="breadcrumb-item"><a href="index.html" class="text-muted">Home</a></li>
                                    <li class="breadcrumb-item text-muted active" aria-current="page">Manage customers</li>
                                </ol>
                            </nav>
                        </div>
                    </div>
                    <div class="col-5 align-self-center">
                        <div class="customize-input float-end">
                           
                        </div>
                    </div>
                </div>
            </div>
            <!-- ============================================================== -->
            <!-- End Bread crumb and right sidebar toggle -->
            <!-- ============================================================== -->
            <!-- ============================================================== -->
            <!-- Container fluid  -->
            <!-- ============================================================== -->
            <div class="container-fluid">
                <!-- ============================================================== -->
                <!-- Start Page Content -->
                <!-- ============================================================== -->
                <!-- basic table -->
                <div class="row">
                @if(\Session::has('error'))
                <div class="alert alert-danger alert-dismissible bg-danger text-white border-0 fade show" role="alert">
                                    <button type="button" class="btn-close" data-dismiss="alert" aria-label="Close">
                                        
                                    </button>
                                    <strong>Error - </strong>{{ \Session::get('error') }}
                                </div>
                 @endif

                 @if(\Session::has('success'))
                 <div class="alert alert-success alert-dismissible bg-success text-white border-0 fade show" role="alert">
                                    <button type="button" class="btn-close" data-dismiss="alert" aria-label="Close">
                                        
                                    </button>
                                    <strong>Success - </strong> {{ \Session::get('success') }}
                                </div>
                 @endif
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <h4 class="card-title">Manange Customers<a class="btn btn-success" style="margin-left:120px" href="{{ route('admin.add_customer') }}">Add Customer</a><a class="btn btn-success" style="margin-left:120px" href="{{ route('admin.import_customer') }}">Import Customer</a> <a class="btn btn-success" style="margin-left:120px" href="{{asset('assets/sample/sample_customer.xlsx')}}" download>Download sample</a></h4>
                             
                                <div class="table-responsive">
                                    <table id="zero_config" class="table border table-striped table-bordered text-nowrap customers-table">
                                        <thead>
                                            <tr>
                                                <th>Customer ID</th>
                                                <th>Name</th>
                                                <th>Center</th>
                                                
                                                <th>Phone</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                       

                                       
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        
                <!-- ============================================================== -->
                <!-- End PAge Content -->
                <!-- ============================================================== -->
            </div>
            <!-- ============================================================== -->
            <!-- End Container fluid  -->
            <!-- ============================================================== -->
            <!-- ============================================================== -->
            <!-- footer -->
      @include('admin.footer')
      <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">

<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>


      <script>
        $(document).ready(function () {
    $('.customers-table').DataTable({
        processing: true,
        serverSide: true,
        ajax: '{{ route('admin.customers.data') }}',
        columns: [
            { data: 'id', name: 'id' },
            { data: 'customer_name', name: 'customer_name' },
            { data: 'center', name: 'center.center_name' },
            { data: 'phone_no', name: 'phone_no' },
            { data: 'action', name: 'action', orderable: false, searchable: false }
        ]
    });
});

      </script>