<div class="modal fade" id="assignModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">

            <!-- Step 1: Select Driver -->
            <div class="modal-body step step-driver">
                <h5 class="mb-3">Select Driver</h5>
                <input type="text" id="driverSearch" class="form-control mb-3" placeholder="Search driver...">
                <div class="row" id="driverCards" style="max-height: 470px; overflow-y: auto;"></div>

                <div class="mt-3 text-right">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
                    <button type="button" class="btn btn-primary" id="nextToVehicle">Next</button>
                </div>
            </div>

            <!-- Step 2: Select Vehicle -->
            <div class="modal-body step step-vehicle d-none">
                <h5 class="mb-3">Select Vehicle</h5>
                <input type="text" id="vehicleSearch" class="form-control mb-3" placeholder="Search vehicle...">
                <div class="row" id="vehicleCards" style="max-height: 470px; overflow-y: auto;"></div>

                <div class="mt-3 text-right">
                    <button type="button" class="btn btn-secondary backToDriver">Back</button>
                    <button type="button" class="btn btn-success" id="saveAssignment">Save</button>
                </div>
            </div>
        </div>
    </div>
</div>
<?php /**PATH /var/www/html/dashboard.orbiwheels.com/resources/views/components/transporter/assign-modal.blade.php ENDPATH**/ ?>