<?php $__env->startSection('title', 'ORBI Dashboard'); ?>

<?php $__env->startSection('content_header'); ?>
    <h1>Vehicles</h1>
    
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
    <div class="card card-dark">
        <div class="card-header">
            <h3 class="card-title"></h3>
            <div class="card-tools">
                <a href="<?php echo e(route('vehicle.create')); ?>" class="btn btn-dark"><i class="fas fa-plus"></i> Add Vehicles
                </a>
            </div>
        </div>

        <div class="card-body">
            
            <form method="POST" id="search-form" role="form">

                

                <?php
                    $config = [
                        'showDropdowns' => true,
                        'cancelButtonClasses' => 'btn-danger',
                        'locale' => ['format' => 'YYYY/MM/DD'],
                    ];
                ?>

            </form>
            <table class="table table-bordered vehicle-datatable">
                <thead>
                    <tr>
                        <th>Transporter Name</th>
                        <th>Brand Name</th>
                        <th>Model Name</th>
                        <th>Vehicle Type</th>
                        <th>Transmission Type</th>
                        <th>Seating Capacity</th>
                        <th>Service Type</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js'); ?>

    <script type="text/javascript">
        $(function() {

            var dataTable = $('.vehicle-datatable').DataTable({
                processing: true,
                serverSide: true,
                pageLength: 10,
                // searching: true,
                'ajax': {
                    'url': "<?php echo e(route('vehicle.index')); ?>",
                    'data': function(data) {
                    }
                },
                columns: [
                    {
                        data: 'transporter_name',
                        name: 'transporter_name'
                    },

                    {
                        data: 'make_id',
                        name: 'make_id'
                    },
                    {
                        data: 'model_id',
                        name: 'model_id',
                    },
                    {
                        data: 'vehicle_type_id',
                        name: 'vehicle_type_id',
                    },
                    {
                        data: 'transmission_type',
                        name: 'transmission_type',
                    },
                    {
                        data: 'seating_capacity',
                        name: 'seating_capacity',
                    },
                    {
                        data: 'service_type',
                        name: 'service_type',
                    },
                    {
                        data: 'status',
                        name: 'status',
                    },
                    {
                        data: 'action',
                        name: 'action',
                        orderable: false,
                        searchable: false
                    },
                ]
            });

            // $('#search_keyword').keyup(function() {
            //     dataTable.draw();
            // });

        });
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('adminlte::page', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/orbidirectory.com/resources/views/admin/vehicles/index.blade.php ENDPATH**/ ?>