@extends('layouts.master')
@section('css')
    <link href="{{ URL::asset('assets/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" type="text/css" />
    <style>
        .error {
            color: red;
        }

        .custom-none {
            display: none !important;
        }

        .select2-selection.select2-selection--single {
            padding-right: 25px !important;
        }

        .form-label.detail {
            font-weight: bold;
        }
    </style>
@endsection
@section('title')
    E-way Bill
@endsection
@section('content')
    <main>
        @if ($ewayBill && $ewayBill->ewayBillNo != null)
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header d-flex align-items-center">
                            <h5 class="card-title mb-0 flex-grow-1">
                                E-way bill of {{ $accountingVoucher->voucher_number }}
                            </h5>
                            <div>
                                <a href="/admin/eway-bill/print/{{ $ewayBill->id }}"
                                    class="btn btn-soft-secondary waves-effect waves-light"><i class="ri-printer-line"></i>
                                    Print</a>
                                <a type="button" class="btn btn-soft-primary waves-effect waves-light"
                                    href="javascript: history.go(-1)"><i class="las la-angle-double-left"></i> Go Back</a>
                            </div>
                        </div>
                        <div class="card-body">
                            @include('admin.eway-bill.details')
                            {{-- button for update e-way bill details, cancel, print, download, etc. --}}
                            @if ($ewayBill->status != 0)
                                <div class="row mb-3">
                                    <div class="col-md-3">
                                        <button type="button" class="btn btn-primary" data-bs-toggle="modal"
                                            data-bs-target="#updateVehNum">Update
                                            Vehicle Number</button>
                                    </div>
                                    <div class="col-md-3">
                                        <button type="button" class="btn btn-primary" data-bs-toggle="modal"
                                            data-bs-target="#updateTransporter">
                                            Update Transporter</button>
                                    </div>
                                    <div class="col-md-3">
                                        <button type="button" class="btn btn-warning" data-bs-toggle="modal"
                                            data-bs-target="#extendEwaybill">
                                            Extend E-way Bill</button>
                                    </div>
                                    <div class="col-md-3">
                                        <button type="button" class="btn btn-danger" data-bs-toggle="modal"
                                            data-bs-target="#cancelEwayBill">Cancel Eway Bill</button>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <h4>Notes</h4>
                                    <p>1. You Cannot Extend as EWB can be Extended only 8 hour before or after w.r.t
                                        Validity of EWB..!!.</p>
                                </div>
                            @elseif ($ewayBill->status == 0 && $ewayBill->cancelledEwayBill->ewayBillNo == $ewayBill->ewayBillNo)
                                <div class="row mb-3">
                                    <div class="col-md-3">
                                        <p class="text-danger">E-way Bill is Cancelled</p>
                                        <p>Cancel Date: {{ $ewayBill->cancelledEwayBill->cancelDate }}</p>
                                        <p>Cancel Reason Code: {{ $ewayBill->cancelledEwayBill->cancelRsnCode }}</p>
                                        <p>Cancel Reason: {{ $ewayBill->cancelledEwayBill->cancelRmrk }}</p>
                                    </div>
                                </div>
                            @endif
                            @foreach ($ewayBill->items as $item)
                                <div class="row mb-3">
                                    <div class="col-lg-12">
                                        <h5>Item Details</h5>
                                    </div>
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>SN</th>
                                                <th>Product Name</th>
                                                <th>HSN Code</th>
                                                <th>Quantity</th>
                                                <th>Unit</th>
                                                <th>Taxable Amount</th>
                                                <th>CGST</th>
                                                <th>SGST</th>
                                                <th>IGST</th>
                                                <th>CESS</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>{{ $loop->iteration }}</td>
                                                <td>{{ $item->productName }}</td>
                                                <td>{{ $item->hsnCode }}</td>
                                                <td>{{ $item->quantity }}</td>
                                                <td>{{ $item->qtyUnit }}</td>
                                                <td>{{ $item->taxableAmount }}</td>
                                                <td>{{ $item->cgstRate }}</td>
                                                <td>{{ $item->sgstRate }}</td>
                                                <td>{{ $item->igstRate }}</td>
                                                <td>{{ $item->cessRate }}</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            @endforeach
                            @if (count($ewayBillVehicleUpdates) > 0)
                                <div class="row mb-3">
                                    <div class="col-lg-12">
                                        <h5>Vehicle Updates</h5>
                                    </div>
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>SN</th>
                                                <th>Vehicle Number</th>
                                                <th>From Place</th>
                                                <th>From State</th>
                                                <th>Reason Code</th>
                                                <th>Reason</th>
                                                <th>Trans DocNo</th>
                                                <th>Trans Doc Date</th>
                                                <th>Trans Mode</th>
                                                <th>veh Upd Date</th>
                                                <th>valid Upto</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($ewayBillVehicleUpdates as $ewayBillVehicleUpdate)
                                                <tr>
                                                    <td>{{ $loop->iteration }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->vehicleNo }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->fromPlace }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->fromStateCode }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->reasonCode }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->reasonRem }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->transDocNo }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->transDocDate }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->transMode }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->vehUpdDate }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->validUpto }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @endif
                            @if (count($ewayBillExtends) > 0)
                                <div class="row mb-3">
                                    <div class="col-lg-12">
                                        <h5>Ewaybill extend Updates</h5>
                                    </div>
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>SN</th>
                                                <th>Vehicle Number</th>
                                                <th>From Place</th>
                                                <th>From State</th>
                                                <th>Reason Code</th>
                                                <th>Reason</th>
                                                <th>Trans DocNo</th>
                                                <th>Trans Doc Date</th>
                                                <th>Trans Mode</th>
                                                <th>veh Upd Date</th>
                                                <th>valid Upto</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($ewayBillExtends as $ewayBillExtend)
                                                <tr>
                                                    <td>{{ $loop->iteration }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->vehicleNo }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->fromPlace }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->fromStateCode }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->reasonCode }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->reasonRem }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->transDocNo }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->transDocDate }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->transMode }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->vehUpdDate }}</td>
                                                    <td>{{ $ewayBillVehicleUpdate->validUpto }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @endif
                            @if (count($ewayBillCancel) > 0)
                                <div class="row mb-3">
                                    <div class="col-lg-12">
                                        <h5>Ewaybill Cancel Updates</h5>
                                    </div>
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>SN</th>
                                                <th>eway Bill No</th>
                                                <th>cancel Date</th>
                                                <th>Reason Code</th>
                                                <th>Reason</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($ewayBillCancel as $ewayBillCancels)
                                                <tr>
                                                    <td>{{ $loop->iteration }}</td>
                                                    <td>{{ $ewayBillCancels->ewayBillNo }}</td>
                                                    <td>{{ $ewayBillCancels->cancelDate }}</td>
                                                    <td>{{ $ewayBillCancels->cancelRsnCode }}</td>
                                                    <td>{{ $ewayBillCancels->cancelRmrk }}</td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        @endif
        @if (($ewayBill && $ewayBill->ewayBillNo == null) || $ewayBill == null || $ewayBill->status == 0)
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-header d-flex align-items-center">
                            <h5 class="card-title mb-0 flex-grow-1">
                                E-way bill of {{ $accountingVoucher->voucher_number }}
                            </h5>
                            <div>
                                <a type="button" class="btn btn-soft-primary waves-effect waves-light"
                                    href="javascript: history.go(-1)"><i class="las la-angle-double-left"></i> Go Back</a>
                            </div>
                        </div>
                        <div class="card-body">
                            <form action="/admin/eway-bill/sale/{{ $accountingVoucher->id }}" method="POST"
                                id="ledger-form" autocomplete="off" class="needs-validation" novalidate>
                                @csrf
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="Supply Type" class="form-label">Supply Type<sup class="text-danger">
                                                *</sup></label>
                                    </div>
                                    <div class="col-lg-9">
                                        <select class="form-select" name="supplyType" id="supplyType"
                                            data-placeholder="Choose Supply Type" required>
                                            <option value=""></option>
                                            <option value="O" selected>Outwards</option>
                                            <option value="I">Inwards</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="Supply Type" class="form-label">Sub Supply Type<sup class="text-danger">
                                                *</sup></label>
                                    </div>
                                    <div class="col-lg-9">
                                        <select class="form-select" name="subSupplyType" id="subSupplyType"
                                            data-placeholder="Choose Sub Supply Type" required>
                                            <option value=""></option>
                                            <option value="1" selected>Supply</option>
                                            <option value="2">Import</option>
                                            <option value="3">Export</option>
                                            <option value="4">Job Work</option>
                                            <option value="5">For Own Use</option>
                                            <option value="6">Job Work Returns</option>
                                            <option value="7">Sales Return</option>
                                            <option value="8">Others</option>
                                            <option value="9">SKD/CKD/Lots</option>
                                            <option value="10">Line Sales</option>
                                            <option value="11">Recipient Not Known</option>
                                            <option value="12">Exhibition or Fairs</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="Supply Type" class="form-label">Sub Supply Desc</label>
                                    </div>
                                    <div class="col-lg-9">
                                        <textarea class="form-control" maxlength="20" name="subSupplyDesc" id="subSupplyDesc"
                                            placeholder="Enter Sub Supply Desc"></textarea>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="Supply Type" class="form-label">Document Type<sup
                                                class="text-danger">
                                                *</sup></label>
                                    </div>
                                    <div class="col-lg-9">
                                        <select class="form-select" name="docType" id="docType"
                                            data-placeholder="Choose Document Type" required>
                                            <option value=""></option>
                                            <option value="INV" selected>Tax Invoice</option>
                                            <option value="BIL">Bill of Supply</option>
                                            <option value="BOE">Bill of Entry</option>
                                            <option value="CHL">Delivery Challan</option>
                                            <option value="OTH">Others</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="Supply Type" class="form-label">Document No <sup class="text-danger">
                                                *</sup></label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="text" class="form-control" name="docNo" id="docNo"
                                            value="{{ $accountingVoucher->voucher_number }}" readonly
                                            placeholder="Enter Document No" required>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-lg-3">
                                        <label for="Supply Type" class="form-label">Document Date <sup
                                                class="text-danger">
                                                *</sup></label>
                                    </div>
                                    <div class="col-lg-9">
                                        <input type="date" class="form-control" name="docDate" id="docDate"
                                            value="{{ $accountingVoucher->voucher_date }}" readonly
                                            placeholder="Enter Document Date" required>
                                    </div>
                                </div>
                                <div class="form-section border p-3 rounded">
                                    <h4 class="mb-3">Seller Details</h4>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">From GSTIN <sup
                                                    class="text-danger">
                                                    *</sup></label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="fromGstin" id="fromGstin"
                                                placeholder="Enter From GSTIN" required value="{{ $company->gst }}"
                                                readonly>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">From Trader Name</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="fromTrdName"
                                                id="fromTrdName" value="{{ $company->name }}" readonly
                                                placeholder="Enter From Trader Name" required>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">From Address 1</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <textarea class="form-control" name="fromAddr1" id="fromAddr1" placeholder="Enter From Address 1">{{ $company->address }}</textarea>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">From Address 2</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <textarea class="form-control" name="fromAddr2" id="fromAddr2" placeholder="Enter From Address 2">{{ $company->address_2 }}</textarea>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">From Place</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="fromPlace" id="fromPlace"
                                                value="{{ $company->location }}" placeholder="Enter From Place">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">From Pincode <sup
                                                    class="text-danger">
                                                    *</sup></label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="fromPincode"
                                                id="fromPincode" value="{{ $company->pin_code }}"
                                                placeholder="Enter From Pincode" required>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">From State Code <sup
                                                    class="text-danger">
                                                    *</sup></label>
                                        </div>
                                        <div class="col-lg-9">
                                            <select class="form-select" name="fromStateCode" id="fromStateCode"
                                                data-placeholder="Choose From State Code" required>
                                                <option value=""></option>
                                                @foreach ($gstStates as $state)
                                                    <option value="{{ $state->code }}"
                                                        {{ $company->state_code == $state->code ? 'selected' : '' }}>
                                                        {{ $state->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-section border p-3 rounded">
                                    <h4 class="mb-3">Buyer Details</h4>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">To GSTIN <sup
                                                    class="text-danger">
                                                    *</sup></label>
                                            <small class="text-muted">URP if Unregistered Person</small>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="toGstin" id="toGstin"
                                                value="{{ $partyLedger->gst ?? 'URP' }}" placeholder="Enter To GSTIN"
                                                minlength="3" maxlength="15" required>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">To Trader Name</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="toTrdName" id="toTrdName"
                                                value="{{ $partyLedger->name }}" placeholder="Enter To Trader Name"
                                                required>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">To Address 1</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <textarea class="form-control" name="toAddr1" id="toAddr1" placeholder="Enter To Address 1">{{ $partyLedger->address }}</textarea>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">To Address 2</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <textarea class="form-control" name="toAddr2" id="toAddr2" placeholder="Enter To Address 2">{{ $partyLedger->address_2 }}</textarea>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">To Place</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="toPlace" id="toPlace"
                                                value="{{ $partyLedger->location }}" placeholder="Enter To Place">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">To Pincode <sup
                                                    class="text-danger">
                                                    *</sup></label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="toPincode" id="toPincode"
                                                value="{{ $partyLedger->pin_code }}" placeholder="Enter To Pincode"
                                                required>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">To State Code <sup
                                                    class="text-danger">
                                                    *</sup></label>
                                        </div>
                                        <div class="col-lg-9">
                                            <select class="form-select" name="toStateCode" id="toStateCode"
                                                data-placeholder="Choose To State Code" required>
                                                <option value=""></option>
                                                @foreach ($gstStates as $state)
                                                    <option value="{{ $state->code }}"
                                                        {{ $partyLedger->state_code == $state->code ? 'selected' : '' }}>
                                                        {{ $state->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-section border p-3 rounded">
                                    <h4 class="mb-3">Transaction Details</h4>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">Transaction Type <sup
                                                    class="text-danger">
                                                    *</sup></label>
                                        </div>
                                        <div class="col-lg-9">
                                            <select class="form-select" name="transactionType" id="transactionType"
                                                data-placeholder="Choose Transaction Type" required>
                                                <option value=""></option>
                                                <option value="1" selected>Regular</option>
                                                <option value="2">Bill To Ship To</option>
                                                <option value="3">Bill From Dispatch From</option>
                                                <option value="4">Combination of 2 & 3</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">Dispatch From GSTIN</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="dispatchFromGSTIN"
                                                id="dispatchFromGSTIN" placeholder="Enter Dispatch From GSTIN"
                                                value="{{ $company->gst }}">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">Dispatch From Trade Name</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="dispatchFromTradeName"
                                                value="{{ $company->name }}" id="dispatchFromTradeName"
                                                placeholder="Enter Dispatch Trade Name">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">Ship To GSTIN</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="shipToGSTIN"
                                                id="shipToGSTIN" required value="{{ $partyLedger->gst ?? 'URP' }}"
                                                minlength="3" maxlength="15" placeholder="Enter Ship To GSTIN">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">Ship To Trade Name</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="shipToTradeName"
                                                value="{{ $partyLedger->name }}" id="shipToTradeName"
                                                placeholder="Enter Ship To Trade Name">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">Trans Mode <sup
                                                    class="text-danger">
                                                    *</sup></label>
                                        </div>
                                        <div class="col-lg-9">
                                            <select class="form-select" name="transMode" id="transMode"
                                                data-placeholder="Choose Trans Mode" required>
                                                <option value=""></option>
                                                <option value="1" selected>Road</option>
                                                <option value="2">Rail</option>
                                                <option value="3">Air</option>
                                                <option value="4">Ship</option>
                                                <option value="5">inTransit</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">Trans Distance (KM) <sup
                                                    class="text-danger">
                                                    *</sup></label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="number" class="form-control" name="transDistance"
                                                id="transDistance" placeholder="Enter Trans Distance" required>
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">Transporter Name</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="transporterName"
                                                id="transporterName" placeholder="Enter Transporter Name">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">Transporter ID</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="transporterId"
                                                id="transporterId" value="{{ $company->gst }}" required
                                                placeholder="Enter Transporter ID">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">Transporter Doc No</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="transDocNo" id="transDocNo"
                                                placeholder="Enter Transporter Doc No">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">Transporter Doc Date</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="date" class="form-control" name="transDocDate"
                                                id="transDocDate" placeholder="Enter Transporter Doc Date">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">Vehicle No</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <input type="text" class="form-control" name="vehicleNo" id="vehicleNo"
                                                placeholder="Enter Vehicle No">
                                        </div>
                                    </div>
                                    <div class="row mb-3">
                                        <div class="col-lg-3">
                                            <label for="Supply Type" class="form-label">Vehicle Type</label>
                                        </div>
                                        <div class="col-lg-9">
                                            <select class="form-select" name="vehicleType" id="vehicleType"
                                                data-placeholder="Choose Vehicle Type">
                                                <option value=""></option>
                                                <option value="R">Regular</option>
                                                <option value="O">ODC</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                @if (($ewayBill && $ewayBill->ewayBillNo == null) || $ewayBill == null || $ewayBill->status == 0)
                                    <div class="text-end">
                                        <button type="submit" class="btn btn-primary">
                                            Generate / Regenerate E-way Bill
                                        </button>
                                    </div>
                                @endif
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </main>

    <div class="modal fade" id="updateVehNum" data-bs-backdrop="static" tabindex="-1"
        aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Update Eway Bill Vehicle Number</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <form action="{{ route('update-vehicle-number') }}" method="POST" id="updateVehicleNumber"
                    class="tablelist-form" autocomplete="off">
                    @csrf
                    <div class="modal-body">
                        <input type="hidden" name="ewayBillId" value="{{ $ewayBill?->id }}">
                        <div class="mb-3">
                            <label for="vehicleNo" class="form-label
                                required">Vehicle
                                Number</label>
                            <input type="text" class="form-control" name="vehicleNo"
                                placeholder="Enter Vehicle Number">
                        </div>
                        <div class="mb-3">
                            <label for="vehicleNo" class="form-label">From Place</label>
                            <input type="text" class="form-control" name="fromPlace" placeholder="Enter From Place"
                                required>
                        </div>
                        <div class="mb-3">
                            <label for="vehicleNo" class="form-label">From State</label>
                            <select class="form-select" name="fromStateCode" id="fromStateCodeUpdateVehicle"
                                data-placeholder="Choose From State Code" required>
                                <option value=""></option>
                                @foreach ($gstStates as $state)
                                    <option value="{{ $state->code }}">{{ $state->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-3">
                            <label for="vehicleNo" class="form-label">Reason Code</label>
                            <select class="form-select" name="reasonCode" id="reasonCode"
                                data-placeholder="Choose From Reason Code" required>
                                <option value=""></option>
                                <option value="1">Due to Break Down</option>
                                <option value="2">Due to Transshipment</option>
                                <option value="3">Others</option>
                                <option value="4">First Time</option>
                            </select>
                        </div>
                        <div class="mb-3">
                            <label for="vehicleNo" class="form-label">Reason</label>
                            <textarea class="form-control" name="reason" placeholder="Enter Reason" required></textarea>
                        </div>
                        <div class="mb-3">
                            <label for="vehicleNo" class="form-label">Trans Doc No</label>
                            <input type="text" class="form-control" name="transDocNo" id="transDocNoUpdateVehicle"
                                placeholder="Enter trans Doc No">
                        </div>
                        <div class="mb-3">
                            <label for="vehicleNo" class="form-label">Trans Doc Date</label>
                            <input type="date" class="form-control" name="transDocDate">
                        </div>
                        <div class="row mb-3">
                            <label for="Supply Type" class="form-label">Trans Mode <sup class="text-danger">
                                    *</sup></label>
                            <select class="form-select" name="transMode" id="transModeUpdateVehicle"
                                data-placeholder="Choose Trans Mode" required>
                                <option value=""></option>
                                <option value="1" selected>Road</option>
                                <option value="2">Rail</option>
                                <option value="3">Air</option>
                                <option value="4">Ship</option>
                                <option value="5">inTransit</option>
                            </select>
                        </div>

                    </div>
                    <div class="modal-footer">
                        <div class="hstack gap-2 justify-content-end">
                            <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary">Update</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="cancelEwayBill" data-bs-backdrop="static" tabindex="-1"
        aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Cancel Eway Bill</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <form action="{{ route('cancel-ewaybill') }}" method="POST" id="cancel-ewaybill"
                    class="tablelist-form" autocomplete="off">
                    @csrf
                    <div class="modal-body">
                        <input type="hidden" name="ewayBillId" value="{{ $ewayBill?->id }}">
                        <div class="mb-3">
                            <label for="vehicleNo" class="form-label">Cancel Reason Code</label>
                            <select class="form-select" name="cancelRsnCode" id="cancelRsnCode"
                                data-placeholder="Choose From Reason Code" required>
                                <option value=""></option>
                                <option value="1">Duplicate</option>
                                <option value="2">Order Cancelled</option>
                                <option value="3">Data Entry mistake</option>
                                <option value="4">Others</option>
                            </select>
                        </div>
                        <div class="mb-3">
                            <label for="vehicleNo" class="form-label">Reason</label>
                            <textarea class="form-control" name="cancelRmrk" placeholder="Enter Reason"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="hstack gap-2 justify-content-end">
                            <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-danger">Cancel</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="updateTransporter" data-bs-backdrop="static" tabindex="-1"
        aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Update Transporter</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <form action="{{ route('update-transporter') }}" method="POST" id="update-transporter"
                    class="tablelist-form" autocomplete="off">
                    @csrf
                    <div class="modal-body">
                        <input type="hidden" name="ewayBillId" value="{{ $ewayBill?->id }}">
                        <div class="mb-3">
                            <label for="vehicleNo" class="form-label">Transporter Id</label>
                            <input type="text" class="form-control" name="transporterId" id="transporterIdUpdate"
                                placeholder="Enter Transporter Id">
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="hstack gap-2 justify-content-end">
                            <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                            <button type="submit" class="btn btn-primary">update</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="modal fade" id="extendEwaybill" data-bs-backdrop="static" tabindex="-1"
        aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content">
                <div class="modal-header bg-light p-3">
                    <h5 class="modal-title" id="exampleModalLabel">Extend Validity of Eway Bill</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        id="close-modal"></button>
                </div>
                <form action="{{ route('eway-extend-validity') }}" method="POST" id="extendValidityForm"
                    class="tablelist-form" autocomplete="off">
                    @csrf
                    <div class="modal-body">
                        <input type="hidden" name="ewayBillId" value="{{ $ewayBill?->id }}">
                        <div class="row mb-3">
                            <div class="col-lg-6">
                                <label for="vehicleNo" class="form-label
                                required">Vehicle
                                    Number</label>
                                <input type="text" class="form-control" name="vehicleNo"
                                    placeholder="Enter Vehicle Number">
                            </div>
                            <div class="col-lg-6">
                                <label for="vehicleNo" class="form-label">From Place</label>
                                <input type="text" class="form-control" name="fromPlace"
                                    placeholder="Enter From Place" required>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-6">
                                <label for="vehicleNo" class="form-label">From State</label>
                                <select class="form-select" name="fromStateCode" id="fromStateCodeExtendValidity"
                                    data-placeholder="Choose From State Code" required>
                                    <option value=""></option>
                                    @foreach ($gstStates as $state)
                                        <option value="{{ $state->code }}">{{ $state->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-lg-6">
                                <label for="vehicleNo" class="form-label">Remaining Distance</label>
                                <input type="number" step="any" class="form-control" name="remainingDistance"
                                    placeholder="Enter Remaining Distance" required>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-6">
                                <label for="vehicleNo" class="form-label">Trans Doc No</label>
                                <input type="text" class="form-control" name="transDocNo"
                                    id="transDocNoExtendValidity" placeholder="Enter trans Doc No">
                            </div>
                            <div class="col-lg-6">
                                <label for="vehicleNo" class="form-label">Trans Doc Date</label>
                                <input type="date" class="form-control" name="transDocDate">
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-6">
                                <label for="Supply Type" class="form-label">Trans Mode <sup class="text-danger">
                                        *</sup></label>
                                <select class="form-select" name="transMode" id="transModeExtendValidity"
                                    data-placeholder="Choose Trans Mode" required>
                                    <option value=""></option>
                                    <option value="1" selected>Road</option>
                                    <option value="2">Rail</option>
                                    <option value="3">Air</option>
                                    <option value="4">Ship</option>
                                    <option value="5">inTransit</option>
                                </select>
                            </div>
                            <div class="col-lg-6">
                                <label for="vehicleNo" class="form-label">Reason Code</label>
                                <select class="form-select" name="extnRsnCode" id="extnRsnCode"
                                    data-placeholder="Choose From Reason Code" required>
                                    <option value=""></option>
                                    <option value="1">Natural Calamity</option>
                                    <option value="2">Law and Order Situation</option>
                                    <option value="3">Transshipment</option>
                                    <option value="4">Accident</option>
                                    <option value="99">Others</option>
                                </select>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-6">
                                <label for="vehicleNo" class="form-label">Remarks</label>
                                <textarea class="form-control" name="extnRemarks" placeholder="Enter Reason" required></textarea>
                            </div>
                            <div class="col-lg-6">
                                <label for="vehicleNo" class="form-label">From Pincode</label>
                                <input type="number" class="form-control" name="fromPincode"
                                    id="fromPincodeExtendValidity" placeholder="Enter From Pincode" required>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-6">
                                <label for="vehicleNo" class="form-label">Consignment Status</label>
                                <select class="form-select" name="consignmentStatus" id="consignmentStatus"
                                    data-placeholder="Choose Consignment Status">
                                    <option value=""></option>
                                    <option value="M">inMovement</option>
                                    <option value="T">inTransit</option>
                                </select>
                            </div>
                            <div class="col-lg-6">
                                <label for="vehicleNo" class="form-label">Transit Type</label>
                                <select class="form-select" name="transitType" id="transitType"
                                    data-placeholder="Choose Transit Type">
                                    <option value=""></option>
                                    <option value="R">Road</option>
                                    <option value="W">Warehouse</option>
                                    <option value="O">Others</option>
                                </select>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-6">
                                <label for="vehicleNo" class="form-label">Address Line 1</label>
                                <textarea class="form-control" name="addressLine1" placeholder="Enter Address Line 1"></textarea>
                            </div>
                            <div class="col-lg-6">
                                <label for="vehicleNo" class="form-label">Address Line 2</label>
                                <textarea class="form-control" name="addressLine2" placeholder="Enter Address Line 2"></textarea>
                            </div>
                        </div>
                        <div class="row mb-3">
                            <div class="col-lg-6">
                                <label for="vehicleNo" class="form-label">Address Line 3</label>
                                <textarea class="form-control" name="addressLine3" placeholder="Enter Address Line 3"></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <div class="hstack gap-2 justify-content-end">
                                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                                <button type="submit" class="btn btn-primary">Update</button>
                            </div>
                        </div>
                </form>
            </div>
        </div>
    </div>

@endsection
@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.5/jquery.validate.min.js"
        integrity="sha512-rstIgDs0xPgmG6RX1Aba4KV5cWJbAMcvRCVmglpam9SoHZiUCyQVDdH2LPlxoHtrv17XWblE/V/PP+Tr04hbtA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script src="{{ URL::asset('/assets/libs/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
    <script>
        $(document).ready(function() {
            @if ($ewayBill)
                $('#supplyType').val('{{ $ewayBill->supplyType }}').trigger('change');
                $('#subSupplyType').val('{{ $ewayBill->subSupplyType }}').trigger('change');
                $('#subSupplyDesc').val('{{ $ewayBill->subSupplyDesc }}');
                $('#docType').val('{{ $ewayBill->docType }}').trigger('change');
                $('#docNo').val('{{ $ewayBill->docNo }}');
                $('#docDate').val('{{ $ewayBill->docDate }}');
                $('#fromGstin').val('{{ $ewayBill->fromGstin }}');
                $('#fromTrdName').val('{{ $ewayBill->fromTrdName }}');
                $('#fromAddr1').val('{{ $ewayBill->fromAddr1 }}');
                $('#fromAddr2').val('{{ $ewayBill->fromAddr2 }}');
                $('#fromPlace').val('{{ $ewayBill->fromPlace }}');
                $('#fromPincode').val('{{ $ewayBill->fromPincode }}');
                $('#fromStateCode').val('{{ $ewayBill->fromStateCode }}').trigger('change');
                $('#toGstin').val('{{ $ewayBill->toGstin }}');
                $('#toTrdName').val('{{ $ewayBill->toTrdName }}');
                $('#toAddr1').val('{{ $ewayBill->toAddr1 }}');
                $('#toAddr2').val('{{ $ewayBill->toAddr2 }}');
                $('#toPlace').val('{{ $ewayBill->toPlace }}');
                $('#toPincode').val('{{ $ewayBill->toPincode }}');
                $('#toStateCode').val('{{ $ewayBill->toStateCode }}').trigger('change');
                $('#transactionType').val('{{ $ewayBill->transactionType }}').trigger('change');
                $('#dispatchFromGSTIN').val('{{ $ewayBill->dispatchFromGSTIN }}');
                $('#dispatchFromTradeName').val('{{ $ewayBill->dispatchFromTradeName }}');
                $('#shipToGSTIN').val('{{ $ewayBill->shipToGSTIN }}');
                $('#shipToTradeName').val('{{ $ewayBill->shipToTradeName }}');
                $('#transMode').val('{{ $ewayBill->transMode }}').trigger('change');
                $('#transDistance').val('{{ $ewayBill->transDistance }}');
                $('#transporterName').val('{{ $ewayBill->transporterName }}');
                $('#transporterId').val('{{ $ewayBill->transporterId }}');
                $('#transDocNo').val('{{ $ewayBill->transDocNo }}');
                $('#transDocDate').val('{{ $ewayBill->transDocDate }}');
                $('#vehicleNo').val('{{ $ewayBill->vehicleNo }}');
                $('#vehicleType').val('{{ $ewayBill->vehicleType }}').trigger('change');
            @endisset
        });

        $('select').select2({
            allowClear: true,
            placeholder: function() {
                $(this).data('placeholder');
            }
        });

        $('#updateVehNum').on('shown.bs.modal', function(e) {
            setTimeout(() => {
                $('#transModeUpdateVehicle').select2({
                    allowClear: true,
                    placeholder: 'Choose Trans Mode',
                    dropdownParent: $('#updateVehNum'),
                });
                $('#fromStateCodeUpdateVehicle').select2({
                    allowClear: true,
                    placeholder: 'Choose From State Code',
                    dropdownParent: $('#updateVehNum'),
                });
                $('#reasonCode').select2({
                    allowClear: true,
                    placeholder: 'Choose Reason Code',
                    dropdownParent: $('#updateVehNum'),
                });
            }, 500);
        });

        $('#extendEwaybill').on('shown.bs.modal', function(e) {
            setTimeout(() => {
                $('#transModeExtendValidity').select2({
                    allowClear: true,
                    placeholder: 'Choose Trans Mode',
                    dropdownParent: $('#extendEwaybill'),
                });
                $('#fromStateCodeExtendValidity').select2({
                    allowClear: true,
                    placeholder: 'Choose From State Code',
                    dropdownParent: $('#extendEwaybill'),
                });
                $('#extnRsnCode').select2({
                    allowClear: true,
                    placeholder: 'Choose Reason Code',
                    dropdownParent: $('#extendEwaybill'),
                });
                $('#consignmentStatus').select2({
                    allowClear: true,
                    placeholder: 'Choose Consignment Status',
                    dropdownParent: $('#extendEwaybill'),
                });
                $('#transitType').select2({
                    allowClear: true,
                    placeholder: 'Choose Transit Type',
                    dropdownParent: $('#extendEwaybill'),
                });
            }, 500);
        });

        $('#ledger-form').validate({
            rules: {
                transDocNo: {
                    required: function(element) {
                        return $('#transMode').val() != '1';
                    }
                },
                transDocDate: {
                    required: function(element) {
                        return $('#transMode').val() != '1';
                    }
                },
                vehicleNo: {
                    required: function(element) {
                        return $('#transMode').val() == '1' && $('#transDocNo').val() == '';
                    }
                },
                vehicleType: {
                    required: function(element) {
                        return $('#transMode').val() == '1';
                    }
                }
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == true) {
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.reload();
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                    },
                    error: function(data) {
                        Swal.fire({
                            title: 'Error!',
                            text: data.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        })
                    }
                });
            }
        });

        $('#updateVehicleNumber').validate({
            rules: {
                transDocNo: {
                    required: function(element) {
                        return $('#transModeUpdateVehicle').val() != '1';
                    }
                },
                transDocDate: {
                    required: function(element) {
                        return $('#transModeUpdateVehicle').val() != '1';
                    }
                },
                vehicleNo: {
                    required: function(element) {
                        return $('#transModeUpdateVehicle').val() == '1' && $('#transDocNoUpdateVehicle')
                            .val() == '';
                    }
                },
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == true) {
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.reload();
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                    },
                    error: function(data) {
                        Swal.fire({
                            title: 'Error!',
                            text: data.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        })
                    }
                });
            }
        });

        $('#cancel-ewaybill').validate({
            rules: {
                cancelRsnCode: {
                    required: true
                },
                cancelRmrk: {
                    required: function(element) {
                        return $('#cancelRsnCode').val() == '4';
                    }
                }
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == true) {
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.reload();
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                    },
                    error: function(data) {
                        Swal.fire({
                            title: 'Error!',
                            text: data.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        })
                    }
                });
            }
        });

        $('#update-transporter').validate({
            rules: {
                transporterId: {
                    required: true
                }
            },
            submitHandler: function(form, e) {
                e.preventDefault();
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == true) {
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.reload();
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                    },
                    error: function(data) {
                        Swal.fire({
                            title: 'Error!',
                            text: data.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        })
                    }
                });
            }
        });

        $.validator.addMethod("transmodeCheck", function(value, element, params) {
            console.log(value, params);
            var transmode = parseInt($("#transModeExtendValidity").val(), 10);
            var consignmentStatus = $("#consignmentStatus").val();
            var transitType = $("#transitType").val();

            if (transmode >= 1 && transmode <= 4) {
                return consignmentStatus === "M" && transitType === "";
            } else if (transmode === 5) {
                return consignmentStatus === "T" && (transitType === "R" || transitType === "W" || transitType ===
                    "O");
            }

            return true; // When transmode is not within the specified ranges, we don't validate consignmentStatus and transitType
        }, "Invalid consignmentStatus or transitType for the given transmode.");

        $('#extendValidityForm').validate({
            rules: {
                transmode: {
                    required: true,
                    number: true,
                },
                consignmentStatus: {
                    required: true,
                    transmodeCheck: true,
                },
                transitType: {
                    required: function(element) {
                        return $("#consignmentStatus").val() === "T";
                    },
                },
                vehicleNo: {
                    required: function(element) {
                        return $('#transModeExtendValidity').val() == '1' && $('#transDocNoExtendValidity')
                            .val() == '';
                    }
                },
                transDocNo: {
                    required: function(element) {
                        return $('#transModeExtendValidity').val() != '1';
                    }
                },

            },
            submitHandler: function(form, e) {
                e.preventDefault();
                var url = $(form).attr('action');
                var formData = new FormData(form);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data: formData,
                    processData: false,
                    contentType: false,
                    success: function(data) {
                        if (data.status == true) {
                            form.reset();
                            Swal.fire({
                                title: 'Success!',
                                text: data.message,
                                icon: 'success',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    window.location.reload();
                                }
                            })
                        } else {
                            Swal.fire({
                                title: 'Error!',
                                text: data.message,
                                icon: 'error',
                                confirmButtonText: 'Ok'
                            })
                        }
                    },
                    error: function(data) {
                        Swal.fire({
                            title: 'Error!',
                            text: data.message,
                            icon: 'error',
                            confirmButtonText: 'Ok'
                        })
                    }
                });
            }
        });
    </script>
@endsection