<?php $__env->startSection('content'); ?>
    <div class="right_col" role="main">
        <div class="">
            <div class="clearfix"></div>
            <?php echo $__env->make('alerts', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

            <div class="row" style="display: block;">
                <div class="col-md-12 col-sm-12 ">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>My Rides <small>List</small></h2>

                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <div class="row">
                                <div class="col-sm-12">
                                    <div class="row mb-3">
                                        <div class="col-md-2">
                                            <label for="statusFilter" class="form-label">Status</label>
                                            <select id="statusFilter" class="form-control">
                                                <option value="">All</option>
                                                <option value="0">Pending</option>
                                                <option value="1">Assigned</option>
                                                <option value="2">Ongoing</option>
                                                <option value="3">Completed</option>
                                                <option value="4">Cancelled</option>
                                            </select>
                                        </div>

                                        <div class="col-md-2">
                                            <label for="driverFilter" class="form-label">Driver</label>
                                            <select id="driverFilter" class="form-control">
                                                <option value="">All</option>
                                                <option value="assigned">Assigned</option>
                                                <option value="non-assigned">Non Assigned</option>
                                            </select>
                                        </div>

                                        <div class="col-md-2">
                                            <label for="vehicleFilter" class="form-label">Vehicle</label>
                                            <select id="vehicleFilter" class="form-control">
                                                <option value="">All</option>
                                                <option value="assigned">Assigned</option>
                                                <option value="non-assigned">Non Assigned</option>
                                            </select>
                                        </div>

                                        <div class="col-md-2">
                                            <label for="rideDateFilter" class="form-label">Ride Date</label>
                                            <input type="date" id="rideDateFilter" class="form-control">
                                        </div>
                                    </div>
                                    <div class="card-box table-responsive">

                                        <?php echo e($dataTable->table()); ?>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Assign Modal -->
    <?php echo $__env->make('components.transporter.assign-modal', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

    <div class="modal fade" id="reasonModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <form id="reasonForm" method="POST">
                <?php echo csrf_field(); ?>
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Request Driver/Vehicle Change</h5>
                        <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                    </div>
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="reason">Reason for Change</label>
                            <textarea name="reason" class="form-control" required placeholder="Enter reason here"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                        <button type="submit" class="btn btn-primary">Submit Request</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('script'); ?>
    <?php echo e($dataTable->scripts(attributes: ['type' => 'module'])); ?>


    <script>
        const driverSearchUrl = "<?php echo e(route('driver.search')); ?>";
        const vehicleSearchUrl = "<?php echo e(route('vehicle.search')); ?>";
        const assignUrl = "<?php echo e(route('rides.assign', ':id')); ?>"; // placeholder
        const csrfToken = "<?php echo e(csrf_token()); ?>";
    </script>
    <script src="<?php echo e(asset('src/js/transporter/assign-modal.js')); ?>"></script>

    <script type="module">
        document.addEventListener("DOMContentLoaded", function() {
            let table = window.LaravelDataTables['ride-table'];

            // $('#driverFilter').on('change', function() {
            //     table.column(7).search(this.value).draw();
            // });

            // $('#vehicleFilter').on('change', function() {
            //     table.column(6).search(this.value).draw();
            // });

            $('#statusFilter').change(function() {
                table.draw();
            });
        });
        $('#statusFilter, #driverFilter, #vehicleFilter, #rideDateFilter').on('change', function() {
            window.LaravelDataTables['ride-table'].draw();
        });

        $(document).on("click", ".request-admin", function() {
            let rideId = $(this).data("id");
            $("#reasonForm").attr("action", "/rides/request-change/" + rideId);
        });
    </script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('layout.transporter_master', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /var/www/html/dashboard.orbiwheels.com/resources/views/transporter/rides/index.blade.php ENDPATH**/ ?>