@extends('master')
@section('content')
    <div class="page-wrapper">
        <div class="content">
            <div class="page-header">
                <div class="page-title">
                    <h4>{{ __('sitelabel.UpdateGatePass') }}</h4>
                </div>
            </div>

            <form method="post" action="{{ url('/editgatepassprocess') }}" enctype="multipart/form-data">
                @csrf
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <input type="hidden" value="{{ $gatepass->Id }}" name="hdid">
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.GatePassNo') }}<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" id="txtGatePassNo" name="txtGatePassNo"
                                        value="{{ $gatepass->PassNo }}" readonly>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Date') }}<span class="text-danger">*</span></label>
                                    <input type="date" class="form-control" id="txtDate" name="txtDate"
                                        value="{{ $gatepass->Date }}">
                                    <span class="text-danger">
                                        @error('txtDate')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Type') }}<span class="text-danger">*</span></label>
                                    <select name="cmbGatePassType" id="cmbGatePassType" class="form-control"
                                        onchange="togglePassTypeFields()">
                                        <option value="-1">{{ __('sitelabel.SelectGatePassType') }}</option>
                                        @foreach ($gatepasstype as $item)
                                            <option value="{{ $item->Id }}"
                                                {{ $gatepass->TypeId == $item->Id ? 'selected' : '' }}>
                                                {{ $item->Name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <span class="text-danger">
                                        @error('cmbGatePassType')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>

                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Status') }}<span class="text-danger">*</span></label>
                                    <select name="cmbStatus" id="cmbStatus" class="form-control">
                                        <option value="0" {{ $gatepass->Status == 0 ? 'selected' : '' }}>
                                            {{ __('sitelabel.Pending') }}
                                        </option>
                                        <option value="1" {{ $gatepass->Status == 1 ? 'selected' : '' }}>
                                            {{ __('sitelabel.Approved') }}
                                        </option>
                                        <option value="2" {{ $gatepass->Status == 2 ? 'selected' : '' }}>
                                            {{ __('sitelabel.Rejected') }}
                                        </option>
                                    </select>
                                </div>
                            </div>

                            <div id="type1" class="row" style="display: none">
                                <div class="col-lg-3 col-sm-6 col-12">
                                    <div class="form-group">
                                        <label>{{ __('sitelabel.Warehouse') }}<span class="text-danger">*</span></label>
                                        <select name="cmbWarehouse1" id="cmbWarehouse1" class="form-control">
                                            <option value="">{{ __('sitelabel.SelectWarehouse') }}</option>
                                            @foreach ($warehouse as $item)
                                                <option value="{{ $item->Id }}"
                                                    {{ $gatepass->FromWareHouseId == $item->Id ? 'selected' : '' }}>
                                                    {{ $item->Name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6 col-12">
                                    <div class="form-group">
                                        <label>{{ __('sitelabel.Vendor') }}<span class="text-danger">*</span></label>
                                        <select name="cmbVendor" id="cmbVendor" class="form-control">
                                            <option value="">{{ __('sitelabel.SelectVendor') }}</option>
                                            @foreach ($vendors as $item)
                                                <option value="{{ $item->Id }}"
                                                    {{ $gatepass->VendorId == $item->Id ? 'selected' : '' }}>
                                                    {{ $item->Name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6 col-12">
                                    <div class="form-group">
                                        <label>{{ __('sitelabel.GRN') }}</label>
                                        <select name="cmbGRN" id="cmbGRN" class="form-control">
                                            <option value="">{{ __('sitelabel.SelectGRN') }}</option>
                                            @foreach ($grn as $item)
                                                <option value="{{ $item->Id }}"
                                                    {{ $gatepass->GRNId == $item->Id ? 'selected' : '' }}>
                                                    {{ $item->BillNo }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div id="type2" class="row" style="display: none">
                                <div class="col-lg-3 col-sm-6 col-12">
                                    <div class="form-group">
                                        <label>{{ __('sitelabel.Warehouse') }}<span class="text-danger">*</span></label>
                                        <select name="cmbWarehouse2" id="cmbWarehouse2" class="form-control">
                                            <option value="">{{ __('sitelabel.SelectWarehouse') }}</option>
                                            @foreach ($warehouse as $item)
                                                <option value="{{ $item->Id }}"
                                                    {{ $gatepass->FromWareHouseId == $item->Id ? 'selected' : '' }}>
                                                    {{ $item->Name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6 col-12">
                                    <div class="form-group">
                                        <label>{{ __('sitelabel.Customer') }}<span class="text-danger">*</span></label>
                                        <select name="cmbCustomer" id="cmbCustomer" class="form-control">
                                            <option value="">{{ __('sitelabel.SelectCustomer') }}</option>
                                            @foreach ($customers as $item)
                                                <option value="{{ $item->Id }}"
                                                    {{ $gatepass->CustomerId == $item->Id ? 'selected' : '' }}>
                                                    Cust-{{ $item->Name }}</option>
                                            @endforeach
                                             </select>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6 col-12">
                                    <div class="form-group">
                                        <label>{{ __('sitelabel.Vendor') }}</label>
                                        <select name="cmbVendorInword" id="cmbVendorInword" class="form-control">
                                            <option value="">{{ __('sitelabel.SelectVendor') }}</option>
                                            @foreach ($vendors as $item)
                                                <option value="{{ $item->Id }}"
                                                    {{ $gatepass->VendorId == $item->Id ? 'selected' : '' }}>
                                                    {{ $item->Name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6 col-12">
                                    <div class="form-group">
                                        <label>{{ __('sitelabel.CustomerInvoice') }}</label>
                                        <select name="cmbSaleOrder" id="cmbSaleOrder" class="form-control">
                                            <option value="">{{ __('sitelabel.SelectCustomerInvoice') }}</option>
                                            @foreach ($saleorder as $item)
                                                <option value="{{ $item->Id }}"
                                                    {{ $gatepass->SaleOrderId == $item->Id ? 'selected' : '' }}>
                                                    {{ $item->BillNo }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div id="type3" class="row" style="display: none">
                                <div class="col-lg-3 col-sm-6 col-12">
                                    <div class="form-group">
                                        <label>{{ __('sitelabel.FromWarehouse') }}<span
                                                class="text-danger">*</span></label>
                                        <select name="cmbFromWarehouse" id="cmbFromWarehouse" class="form-control">
                                            <option value="">{{ __('sitelabel.SelectWarehouse') }}</option>
                                            @foreach ($warehouse as $item)
                                                <option value="{{ $item->Id }}"
                                                    {{ $gatepass->FromWareHouseId == $item->Id ? 'selected' : '' }}>
                                                    {{ $item->Name }}</option>
                                            @endforeach
                                                                                    </select>
                                    </div>
                                </div>

                                <div class="col-lg-3 col-sm-6 col-12">
                                    <div class="form-group">
                                        <label>{{ __('sitelabel.ToWarehouse') }}<span class="text-danger">*</span></label>
                                        <select name="cmbToWarehouse" id="cmbToWarehouse" class="form-control">
                                            <option value="">{{ __('sitelabel.SelectWarehouse') }}</option>
                                            @foreach ($warehouse as $item)
                                                <option value="{{ $item->Id }}"
                                                    {{ $gatepass->ToWareHouseId == $item->Id ? 'selected' : '' }}>
                                                    {{ $item->Name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Description') }}</label>
                                    <textarea name="txtPassDescription" id="txtPassDescription">{{ $gatepass->PassDescription }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Table For Products --}}
                <div class="card">
                    <div class="card-body">
                        <input type="hidden" id="rowsData" name="rowsData" value="">
                        <!-- First Table -->
                        <div class="row mt-4">
                            <div class="col-lg-12">
                                <table class="table table-bordered" id="productTable">
                                    <thead style="background-color: #0C133A">
                                        <tr>
                                            <th style="color: #fff">{{ __('sitelabel.Product') }}</th>
                                            <th style="color: #fff">{{ __('sitelabel.Bundle') }}</th>
                                            <th style="color: #fff">{{ __('sitelabel.Quantity') }}</th>
                                            <th style="color: #fff">{{ __('sitelabel.Action') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr style="background-color: rgb(192, 192, 192)">
                                            <td>
                                                <select class="form-control" id="ddlProduct">
                                                    <option value="-1" disabled selected>
                                                        {{ __('sitelabel.SelectProduct') }}</option>
                                                    @foreach ($product as $item)
                                                        <option value="{{ $item->Id }}">{{ $item->Name }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td><input type="number" class="form-control" step="any"
                                                    id="txtBundle"></td>
                                            <td><input type="number" class="form-control" step="any"
                                                    id="txtQuantity"></td>
                                            <td><button type="button" class="btn btn-primary"
                                                    id="btnAddRow">{{ __('sitelabel.Add') }}</button></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <!-- Second Editable Table -->
                        <div class="row mt-4">
                            <div class="col-lg-12">
                                <table class="table table-bordered" id="productTable1">
                                    <thead>
                                        <tr>
                                            <th>{{ __('sitelabel.Product') }}</th>
                                            <th>{{ __('sitelabel.Bundle') }}</th>
                                            <th>{{ __('sitelabel.Quantity') }}</th>
                                            <th>{{ __('sitelabel.Action') }}</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($detail as $item)
                                            <tr>
                                                <td>
                                                    <select class="form-control select2-products" name="products[]">
                                                        @foreach ($product as $prod)
                                                            <option value="{{ $prod->Id }}"
                                                                {{ $prod->Id == $item->ProductId ? 'selected' : '' }}>
                                                                {{ $prod->Name }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </td>
                                                <td>
                                                    <input type="number"  step="any" onkeyup="updateRowsData()" 
                                                        class="form-control bundle-field" name="bundles[]"
                                                        value="{{ $item->Bundle }}">
                                                </td>
                                                <td>
                                                    <input onkeyup="updateRowsData()" type="number" step="any" class="form-control qty-field"
                                                        name="quantities[]"
                                                        value="{{ $item->Quantity }}">
                                                </td>
                                                <td>
                                                    <button type="button" class="btn btn-danger btn-sm remove-row">
                                                        {{ __('sitelabel.Remove') }}
                                                    </button>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Vehicle Section --}}
                <div class="card">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.DriverName') }}<span class="text-danger">*</span></label>
                                    <select name="cmbCOA" id="cmbCOA" class="form-control">
                                        <option value="-1">{{ __('sitelabel.SelectDriverName') }}</option>
                                        <option value="-2" {{ $vehicle->ChartOfAccountId == -2 ? 'selected' : '' }}>
                                            {{ __('sitelabel.OtherDriver') }}</option>
                                        @foreach ($coa as $item)
                                            <option value="{{ $item->Id }}"
                                                {{ $vehicle->ChartOfAccountId == $item->Id ? 'selected' : '' }}>
                                                {{ $item->Name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    <span class="text-danger">
                                        @error('cmbCOA')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.VehicleNo') }}</label>
                                    <input type="text" class="form-control" id="txtVehicleNo" name="txtVehicleNo"
                                        value="{{ $vehicle->VehicleNo }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.DriverName') }}</label>
                                    <input type="text" class="form-control" id="txtDriverName" name="txtDriverName"
                                        value="{{ $vehicle->DriverName }}"
                                        {{ $vehicle->ChartOfAccountId != -2 ? 'readonly' : '' }}>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.PhoneNo') }}</label>
                                    <input type="text" class="form-control" id="txtPhoneNo" name="txtPhoneNo"
                                        value="{{ $vehicle->PhoneNo }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.TransportCompany') }}</label>
                                    <input type="text" class="form-control" id="txtTransportCompany"
                                        name="txtTransportCompany" value="{{ $vehicle->TransportCompany }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.BuiltyNo') }}</label>
                                    <input type="text" class="form-control" id="txtBuiltyNo" name="txtBuiltyNo"
                                        value="{{ $vehicle->BuiltyNo }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Weight') }}<span class="text-danger">*</span></label>
                                    <input type="number" class="form-control" id="txtWeight" name="txtWeight"
                                        step="0.01" value="{{ $vehicle->Weight }}">
                                    <span class="text-danger">
                                        @error('txtWeight')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Rate') }}<span class="text-danger">*</span></label>
                                    <input type="number" class="form-control" id="txtRate" name="txtRate"
                                        step="0.01" value="{{ $vehicle->Rate }}">
                                    <span class="text-danger">
                                        @error('txtRate')
                                            {{ $message }}
                                        @enderror
                                    </span>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Amount') }}</label>
                                    <input type="text" class="form-control" id="txtAmount" name="txtAmount"
                                        step="0.01" value="{{ $vehicle->Amount }}" readonly>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.WeighingCharges') }}</label>
                                    <input type="number" class="form-control" id="txtWeighingCharges"
                                        name="txtWeighingCharges" step="0.01"
                                        value="{{ $vehicle->WeighingCharges }}">
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Total') }}</label>
                                    <input type="text" class="form-control" id="txtTotal" name="txtTotal"
                                        step="0.01" value="{{ $vehicle->TotalAmount }}" readonly>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label>{{ __('sitelabel.Description') }}</label>
                                    <textarea name="txtVehicleDescription" id="txtVehicleDescription">{{ $vehicle->VehicleDescription }}</textarea>
                                </div>
                            </div>

                            <div class="col-lg-12">
                                <button type="submit" class="btn btn-primary">{{ __('sitelabel.Save') }}</button>
                                <button type="button" onclick="javascript:window.location='{{ url('/gatepass') }}';"
                                    class="btn btn-dark">{{ __('sitelabel.Back') }}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection

@section('script')
    <script>
        window.onload = myOnload;

        function myOnload() {
            @if (session()->get('locale') == 'ur')
                MakeTextBoxUrduEnabled(txtName);
            @endif
        }
        function updateRowsData() {
           
           const rows = [];
           $('#productTable1 tbody tr').each(function() {
               rows.push({
                   productId: $(this).find('select[name="products[]"]').val(),
                   bundle: parseFloat($(this).find('input[name="bundles[]"]').val()) ||
                       0,
                   quantity: $(this).find('input[name="quantities[]"]')
                       .val() || 0
               });
           });
           $('#rowsData').val(JSON.stringify(rows));
       }
        $(document).ready(function() {
            $('#cmbGatePassType, #cmbFromWarehouse, #cmbStatus, #cmbWarehouse1, #cmbWarehouse2, #cmbToWarehouse, #cmbGRN, #cmbSaleOrder, #ddlProduct, #cmbCOA, #cmbCustomer, #cmbVendor,#cmbVendorInword')
                .select2({
                    theme: "bootstrap-5",
                    width: '100%'
                });

            // Set initial state
            togglePassTypeFields();

            $("#cmbCOA").change(function() {
                var coAccountId = $("#cmbCOA").val();

                if (coAccountId !== "-1" && coAccountId !== "-2") {
                    $.ajax({
                        type: "GET",
                        url: "{{ url('/') }}/api/GetDriverById/" + coAccountId,
                        success: function(data) {
                            if (data && data.Name) {
                                $("#txtDriverName").val(data.Name).prop('readonly', true);
                            } else {
                                $("#txtDriverName").val('').prop('readonly', true);
                            }
                            $(".other-driver").css("display", "inline");
                        },
                        error: function(xhr, status, error) {
                            alert("Error fetching driver name.");
                        }
                    });
                } else if (coAccountId == "-2") {
                    $("#txtDriverName").val('').prop('readonly', false);
                    $(".other-driver").css("display", "none");
                } else {
                    $("#txtDriverName").val('').prop('readonly', true);
                    $(".other-driver").css("display", "inline");
                }
            });

            // Function to calculate amount (weight * rate)
            function calculateAmount() {
                const weight = parseFloat($('#txtWeight').val()) || 0;
                const rate = parseFloat($('#txtRate').val()) || 0;
                let amount = (weight * rate).toFixed(2);
                amount = parseFloat(amount).toString().replace(/\.?0+$/, '');
                $('#txtAmount').val(amount);
                return parseFloat(amount);
            }

            // Function to calculate total (amount + weighing charges)
            function calculateTotal() {
                const amount = parseFloat($('#txtAmount').val()) || 0;
                const weighingCharges = parseFloat($('#txtWeighingCharges').val()) || 0;
                let total = (amount + weighingCharges).toFixed(2);
                total = parseFloat(total).toString().replace(/\.?0+$/, '');
                $('#txtTotal').val(total);
            }

            // Add event listeners for input changes
            $('#txtWeight, #txtRate').on('input', function() {
                calculateAmount();
                calculateTotal();
            });

            $('#txtWeighingCharges').on('input', function() {
                calculateTotal();
            });

            // Add Row Button Click Handler
            $('#btnAddRow').click(addRow);

            // Form Submit Handler
            $('#productForm').on('submit', handleFormSubmit);

            updateRowsData();

            // Add change event listener
            $('#cmbGatePassType').on('change', togglePassTypeFields);

            $("#btnTranslate").click(function() {
                var Transword = $("#txtName").val();
                $.ajax({
                    type: "GET",
                    url: "{{ url('/') }}/translateword/" + Transword,
                    contentType: "application/json;charset=utf-8",
                    success: function(data) {
                        $("#txtOtherName").val(data);
                    }
                });
            });

            // Enhanced addProductRow function
            function addRow() {
                const productSelect = $('#ddlProduct');
                const bundle = parseFloat($('#txtBundle').val()) || 0;
                const qty = $('#txtQuantity').val() || 0;

                // Validation
                if (!productSelect.val() || productSelect.val() === '-1') {
                    alert("{{ __('sitelabel.PleaseSelectProduct') }}");
                    return;
                }

                const productId = productSelect.val();
                const productName = productSelect.find('option:selected').text();

                const newRow = `
                    <tr>
                        <td>
                            <select class="form-control select2-products" name="products[]" required>
                                <option value="${productId}" selected>${productName}</option>
                            </select>
                        </td>
                        <td>
                            <input type="number" step="any" class="form-control bundle-field" 
                                value="${(bundle).toString()}"
                                name="bundles[]" required>
                        </td>
                        <td>
                            <input type="number" step="any" class="form-control qty-field" 
                                name="quantities[]" required
                                value="${qty}">
                        </td>
                        <td>
                            <button type="button" class="btn btn-danger btn-sm remove-row">
                                {{ __('sitelabel.Remove') }}
                            </button>
                        </td>
                    </tr>
                `;

                $('#productTable1 tbody').append(newRow);

                // Reset input fields
                resetInputFields();

                // Update hidden input
                updateRowsData();
            }

            function resetInputFields() {
                $('#ddlProduct').val('').trigger('change');
                $('#txtBundle, #txtQuantity').val('');
            }

            function updateRowsData() {
           
                const rows = [];
                $('#productTable1 tbody tr').each(function() {
                    rows.push({
                        productId: $(this).find('select[name="products[]"]').val(),
                        bundle: parseFloat($(this).find('input[name="bundles[]"]').val()) ||
                            0,
                        quantity: $(this).find('input[name="quantities[]"]')
                            .val() || 0
                    });
                });
                $('#rowsData').val(JSON.stringify(rows));
            }

            function handleFormSubmit(e) {
                e.preventDefault();

                if ($('#productTable1 tbody tr').length === 0) {
                    alert("{{ __('sitelabel.PleaseAddAtLeastOneProduct') }}");
                    return;
                }

                updateRowsData();
                this.submit();
            }

            // Remove row handler
            $(document).on('click', '.remove-row', function() {
                $(this).closest('tr').remove();
                updateRowsData();
            });
        });

        function togglePassTypeFields() {
            const passType = document.getElementById('cmbGatePassType').value;
            const typeone = document.getElementById('type1');
            const typetwo = document.getElementById('type2');
            const typethree = document.getElementById('type3');

            // Hide all fields first
            typeone.style.display = 'none';
            typetwo.style.display = 'none';
            typethree.style.display = 'none';

            // Show fields based on pass type
            if (passType == 1) {
                typeone.style.display = 'flex';
            } else if (passType == 2) {
                typetwo.style.display = 'flex';
            } else if (passType == 3) {
                typethree.style.display = 'flex';
            }

            // Reset select fields and reinitialize Select2
            if (passType != 1) {
                $("#cmbWarehouse1").val("").trigger("change");
                $("#cmbVendor").val("").trigger("change");
                $("#cmbGRN").val("").trigger("change");
            }
            if (passType != 2) {
                $("#cmbWarehouse2").val("").trigger("change");
                $("#cmbCustomer").val("").trigger("change");
                $("#cmbSaleOrder").val("").trigger("change");
            }
            if (passType != 3) {
                $("#cmbFromWarehouse").val("").trigger("change");
                $("#cmbToWarehouse").val("").trigger("change");
            }
        }

        document.addEventListener('DOMContentLoaded', togglePassTypeFields);

        // Make functions globally available
       /* window.addRowToTable = addRowToTable;
        window.removeRow = removeRow;
        window.calculateTotals = calculateTotals;
        window.collectFormData = collectFormData;
        window.validateForm = validateForm;*/
    </script>
@endsection