<!-- Page Content -->
<div id="page-wrapper">
            <div class="container-fluid">
                <div class="row bg-title">
                    <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
                        <h4 class="page-title">Booking Request</h4>
                    </div>
                    
                    <div class="col-lg-9 col-md-4 col-sm-4 col-xs-12" style="text-align:right;">
                        <a href="<?=base_url('customer/booking/add')?>" class="btn btn-primary">Add Booking Request</a>
                    </div>
                                   
                </div>
                <!-- /row -->
                <div class="row">
                    <div class="col-sm-12">
                        <div class="white-box">
                        <?php if($this->session->flashdata('cus_success_msg')){?>
                                    <div class="alert alert-success alert-dismissable">
                                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                                        <?=$this->session->flashdata('cus_success_msg')?>
                                    </div>
                                <?php } ?>
                                <?php if($this->session->flashdata('cus_error_msg')){?>
                                    <div class="alert alert-danger alert-dismissable">
                                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
                                        <?=$this->session->flashdata('cus_error_msg')?>
                                    </div>
                                <?php } ?>
                            <h3 class="box-title m-b-0">Booking Request List</h3>
                            
                            <div class="table-responsive">
                                <table id="service_table" class="booking-history table table-striped">
                                    <thead>
                                        <tr>
                                            <th>Sl. NO.</th>
                                            <th>Car No</th>				 
                                            <th>Service Date</th>	
                                            <th>Service Name</th>	
                                            <th>Requested Date & Time</th>
                                            <th>Notes</th>
                                            <th class="no-sort">Status</th>
                                            
                                        </tr>
                                    </thead>
                                    <tbody></tbody>
                                    <tfoot></tfoot>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /.row -->
               
            </div>
            
    <script src="<?=base_url('public/customer_assets/plugins/bower_components/datatables/jquery.dataTables.min.js')?>"></script>
    <!-- start - This is for export functionality only -->
    <script src="https://cdn.datatables.net/buttons/1.2.2/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.flash.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
    <script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"></script>
    <script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.print.min.js"></script>
    <!-- end - This is for export functionality only -->

    
<script>
    $(document).ready(function() {
        
        table = $('#service_table').DataTable({ 
            "pageLength": 10,
            "processing": true, //Feature control the processing indicator.
            "serverSide": true, //Feature control DataTables' server-side processing mode.
            "order": [],
            // Load data for the table's content from an Ajax source
            "ajax": {
                "url": "<?php echo site_url('customer/booking/all_content_list')?>",
                "type": "POST"
            },
            //Set column definition initialisation properties.
            "columnDefs": [
                { 
                    "targets": 'no-sort', //1st and last column
                    "orderable": false, //set not orderable
                },
            ],
        });

        $('.dataTables_filter input').off().on('keyup', function() {
            $('#service_table').DataTable().search(this.value.trim(), true, false).draw();
        }); 
    
    
    });
</script>