000

<form action="<?php echo e(url('/user/add-loading-slip')); ?>" method="post" role="form" id="generateLoadingSlip">

<div class="container" style="width:100% !important;">
		<div class="row">
			<div class="col-md-12">
				<div class="form-group">
					
					 
						<?php $__currentLoopData = $orders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $order): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
							
							<input type="hidden" name="order_id" value="<?php echo e($order->id); ?>">
						<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
					
					<span class="label label-danger" id="add_order_id_error" style="display: none;"></span>
				</div>
			</div>

<div class="col-md-12">
				<div class="form-group" style="overflow-x:auto;">
					<label >Order information</label>
					<table class="table table-striped table-bordered table-hover" id="orderDetails">
						
						<tr>
							<td>Order Id : </td>
							<td><?php echo e($order->id); ?></td>
							<td>Order From : </td>
							<td><?php if($order->order_from == '1'): ?>
								Rake <?php echo e($order->rake_point_name); ?>

<?php else: ?>
							Warehouse <?php echo e($order->from_warehouse_name); ?>

<?php endif; ?>
						</td>
						</tr>
						<tr>
							<td>Dealer Name : </td>
							<td><?php echo e($order->dealer_name); ?> (<?php echo e($order->dealer_id); ?>)</td>
							<td>Retailer Name : </td>
							<td><?php echo e($order->retailer_name); ?></td>
						</tr>
						<tr>
							<td>Retailer No: </td>
							<td><?php echo e($order->phone_number); ?></td>
							<td>Retailer Address : </td>
							<td><?php echo e($order->retailer_address); ?></td>
						</tr>
						<tr>
							<td>Product Company: </td>
							<td><?php echo e($order->product_company_name); ?></td>
							<td>Product Name : </td>
							<td><?php echo e($order->product_name); ?></td>
						</tr>
						<tr>
							<td>Transporter Name: </td>
							<td><?php echo e($order->transporter_name ?? 'N/A'); ?></td>
							<td>Vehicle No. : </td>
							<td><?php echo e($order->vehicle_no ?? 'N/A'); ?></td>
						</tr>
						<tr>
							<td>Order Quantity: </td>
							<td><?php echo e($order->quantity); ?></td>
							<td>Remaining Quantity : </td>
							<td><?php echo e($order->remaining_qty); ?></td>
						</tr>
						
					</table>
				</div>
			</div>

<div class="col-md-2">
				<div class="form-group">
					<label for="quantity">loading Quantity (in bags)</label>
					<input type="text" class="form-control" name="quantity" id="quantity" placeholder="Quantity" >
					<span class="label label-danger" id="add_quantity_error" style="display: none;"></span>
				</div>
			</div>
			<div class="col-md-3">
				<div class="form-group">
					<label for="order_from">Transporter</label>
					<select class="form-control select2" name="transporter_id" id="transporter_id">
						<option value="">Select Transporter</option>
						<?php $__currentLoopData = $transporters; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $transporter): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
							<option value="<?php echo e($transporter->id); ?>" <?php echo e($order->transporter == $transporter->id ? 'selected' : ''); ?>>
								<?php echo e($transporter->name); ?>

</option>
						<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
					</select>
					<span class="label label-danger" id="add_transporter_id_error" style="display: none;"></span>
				</div>
			</div>
			<div class="col-md-2">
				<div class="form-group">
					<label for="order_from">Transport Mode</label>
					<select class="form-control select2" name="transport_mode">
						<option value="">Select Transport Mode</option>
						<?php $__currentLoopData = $transport_modes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $transport_mode): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
						<option value="<?php echo e($transport_mode->id); ?>"> <?php echo e($transport_mode->name); ?> </option>
						<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
					</select>
					<span class="label label-danger" id="add_transport_mode_error" style="display: none;"></span>
				</div>
			</div>
			
			<div class="col-md-2">
				<div class="form-group">
					<label for="vehicle_no">Vehicle No</label>
					<div id="vehicle_no_container">
						<?php
							$vehicleOptions = [];
							$selectedVehicle = $order->vehicle_no;
							$orderTransporter = $transporters->where('id', $order->transporter)->first();
							if($orderTransporter && $orderTransporter->vehicle_no) {
								$vehicleOptions = json_decode($orderTransporter->vehicle_no, true);
							}
						?>
						<?php if(!empty($vehicleOptions)): ?>
							<select class="form-control" name="vehicle_no" id="vehicle_no">
								<option value="">Select Vehicle No.</option>
								<?php $__currentLoopData = $vehicleOptions; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $vehicle): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
									<option value="<?php echo e($vehicle); ?>" <?php echo e($selectedVehicle == $vehicle ? 'selected' : ''); ?>><?php echo e($vehicle); ?></option>
								<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
							</select>
						<?php else: ?>
							<input type="text" class="form-control" name="vehicle_no" id="vehicle_no" value="<?php echo e($selectedVehicle); ?>" placeholder="Vehicle No" required="">
						<?php endif; ?>
					</div>
					<span class="label label-danger" id="add_vehicle_no_error" style="display: none;"></span>
				</div>
			</div>
			<div class="col-md-3">
				<div class="form-group">
					<label for="driver_no">Driver No</label>
					<input type="text" class="form-control" name="driver_no" id="driver_no" placeholder="Driver No" required="" value="">
					<span class="label label-danger" id="add_driver_no_error" style="display: none;"></span>
				</div>
			</div>
			
		</div>
	</div>

<button type="button" id="generateTokenBtn"  class="btn btn-primary generateTokenBtn01">Submit</button>
	<span class="label label-danger" id="qty_error" style="display: none;"></span>
</form>

function orderDetails(t){
		var order_id = $(t).val();
		var data = {};
		data.order_id = order_id;
		data._token = '<?php echo e(csrf_token()); ?>';
		var url = window.location.origin+'/user/get-order-details';
		$.ajax({
			url: url,
			type:'post',
			data: data,
			dataType:'json',
			success:function(responce){
				console.log(responce);
				if(responce.success == true){
					var html =`<tr>
							<td>Order Id : </td>
							<td>`+responce.order.id+`</td>
							<td>Order From : </td>`;

if(responce.order.order_from == 1){ html +=`<td> Rake (`+responce.order.rake_point_name+`)</td>`; }else { html +=`<td> Warehouse (`+responce.order.from_warehouse_name+`)</td>`;  }
						html +=`</tr>
						<tr>
							<td>Dealer Name : </td>
							<td>`+responce.order.dealer_name+`</td>
							<td>Retailer Name : </td>
							<td>`+responce.order.retailer_name+`</td>
						</tr>
						<tr>
							<td>Retailer No: </td>
							<td>`+responce.order.phone_number+`</td>
							<td>Retailer Address : </td>
							<td>`+responce.order.retailer_address+`</td>
						</tr>
						<tr>
							<td>Product Company: </td>
							<td>`+responce.order.product_company_name+`</td>
							<td>Product Name : </td>
							<td>`+responce.order.product_name+`</td>
						</tr>
						<tr>
							<td>Order Quantity: </td>
							<td>`+responce.order.quantity+`</td>
							<td>Remaining Quantity : </td>
							<td>`+responce.order.remaining_qty+`</td>
						</tr>`;
					$('#orderDetails').html(html);
				}
			},
			error:function(error){
				console.log(error);
			}
		});
	}

function get_retailer(t){
		var dealer_id = $(t).val();
		var data = {};
		data.dealer_id = dealer_id;
		data._token = '<?php echo e(csrf_token()); ?>';
		var url = window.location.origin+'/user/get-retailer';
		$.ajax({
			url: url,
			type:'post',
			data: data,
			dataType:'json',
			success:function(responce){
				console.log(responce);
				if(responce.success == true){
					var html = '<option value="">Select Retailer</option>';
					$.each(responce.retailers, function(k,val){
						html +='<option value="'+val.id+'">'+val.name+'</option>';
					});

$('#retailer_id').html(html);
					$("#retailer_id").select2();
					
				}
			},
			error:function(error){
				console.log(error);
			}
		});
	}

// Add a JS object for transporter vehicles and phones
	var transporterVehiclePhones = {};
	<?php $__currentLoopData = $transporters; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $transporter): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
	    <?php
	        $vehicles = [];
	        if($transporter->vehicle_no) {
	            $vehicles = json_decode($transporter->vehicle_no, true);
	        }
	    ?>
	    <?php if(!empty($vehicles)): ?>
	        <?php $__currentLoopData = $vehicles; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $vehicle): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
	            transporterVehiclePhones['<?php echo e(addslashes($vehicle)); ?>'] = '<?php echo e(addslashes($transporter->phone)); ?>';
	        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
	    <?php endif; ?>
	<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

function setDriverNoByVehicle(vehicleNo) {
	    var phone = transporterVehiclePhones[vehicleNo] || '';
	    $('#driver_no').val(phone);
	}

$(document).ready(function() {
    $(".select2").select2();

$('#transporter_id').on('change', function () {
        let transporterId = $(this).val();
        let container = $('#vehicle_no_container');
        if (transporterId) {
            $.ajax({
                url: "<?php echo e(url('/user/get-transporter-vehicle')); ?>",
                type: "GET",
                data: { transporter_id: transporterId },
                success: function(response) {
                    if (response.vehicle_no) {
                        let vehicles = [];
                        try {
                            vehicles = JSON.parse(response.vehicle_no);
                        } catch(e) {
                            vehicles = [];
                        }
                        if (vehicles.length > 0) {
                            let html = '<select class="form-control" name="vehicle_no" id="vehicle_no">';
                            html += '<option value="">Select Vehicle No.</option>';
                            vehicles.forEach(function(vehicle) {
                                html += '<option value="' + vehicle + '">' + vehicle + '</option>';
                            });
                            html += '</select>';
                            container.html(html);
                        } else {
                            container.html('<input type="text" class="form-control" name="vehicle_no" id="vehicle_no" placeholder="Vehicle No" required="">');
                        }
                    } else {
                        container.html('<input type="text" class="form-control" name="vehicle_no" id="vehicle_no" placeholder="Vehicle No" required="">');
                    }
                },
                error: function() {
                    container.html('<input type="text" class="form-control" name="vehicle_no" id="vehicle_no" placeholder="Vehicle No" required="">');
                }
            });
        } else {
            container.html('<input type="text" class="form-control" name="vehicle_no" id="vehicle_no" placeholder="Vehicle No" required="">');
        }
    });

// On page load, set driver_no if vehicle_no matches
    var initialVehicle = $('#vehicle_no').val();
    setDriverNoByVehicle(initialVehicle);

// When vehicle_no changes (dropdown or input)
    $(document).on('change', '#vehicle_no', function() {
        var vehicleNo = $(this).val();
        setDriverNoByVehicle(vehicleNo);
    });

$('.generateTokenBtn01').click(function(e) {
        console.log('Testing');
        $('.loading-bg').show();
        e.preventDefault();
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
            }
        });
        $.ajax({
            url: $('#generateLoadingSlip').attr('action'),
            method: 'POST',
            data: $('#generateLoadingSlip').serialize(),
            success: function(data) {
                $('.loading-bg').hide();
                if (!data.flag) {
                    if (data.message) {
                        // Display the error message returned from the backend
                        swal({
                            title: "Error!",
                            text: data.message,
                            type: "error",
                            confirmButtonText: "OK"
                        });
                    } else {
                        // Show specific field errors if present
                        showError('add_quantity_error', data.errors.quantity);
                        showError('add_transporter_id_error', data.errors.transporter_id);
                        showError('add_transport_mode_error', data.errors.transport_mode);
                        showError('add_vehicle_no_error', data.errors.vehicle_no);
                        showError('qty_error', data.errors.qty);
                    }
                } else {
                    $('#dynamic-table').DataTable().draw();
                    swal({
                        title: "Success!",
                        text: data.message,
                        type: "success",
                        confirmButtonText: 'Print Slip',
                        showCancelButton: true,
                    }, function(isConfirm) {
                        if (isConfirm) {
                            $('#dynamic-table').DataTable().draw();
                            window.open("<?php echo e(url('/user/print-loading-slip')); ?>/" + data.loading_slip_id);
                        } else {
                            $('#modalPopupLoading').modal('toggle');
                            $('#dynamic-table').DataTable().draw();
                        }
                    });
                }
            },
            error: function(xhr, status, error) {
                $('.loading-bg').hide();
                swal({
                    title: "Error!",
                    text: "An unexpected error occurred. Please try again.",
                    type: "error",
                    confirmButtonText: "OK"
                });
            }
        });
    });
});

function showError(id,error){
		if(typeof(error) === "undefined"){
			$('#'+id).hide();
		}else{
			$('#'+id).show();
			$('#'+id).text(error);
		}
	}

</script>
<?php /**PATH /home/sjslayjy/public_html/devlok/resources/views/dashboard/order/add-loading.blade.php ENDPATH**/ ?>