@extends('layout.app')
@section('title', 'Create Freight Entry')

@push('header_script')
<style>
    .form-section-title {
        font-size: 0.95rem;
        font-weight: 600;
        color: #495057;
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #e9ecef;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .form-section-title i {
        color: #0d6efd;
    }

    .bg-light-input {
        background-color: #f8f9fa;
    }

    /* Freight Calculation Card & Responsive Layout (Mobile & Small Laptop) */
    .total-card {
        background: #ffffff !important;
        border: 1.5px solid #cbd5e1 !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
        overflow: hidden !important;
    }

    .total-card .card-body {
        padding: 16px 18px !important;
    }

    /* GST Payable By 4 buttons -> 2 rows (2x2 grid) so they never overflow on small laptop or mobile */
    .total-card .btn-group {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 6px !important;
        width: 100% !important;
    }

    .total-card .btn-group > .btn {
        width: 100% !important;
        border-radius: 6px !important;
        margin: 0 !important;
        padding: 6px 4px !important;
        font-size: 0.78rem !important;
        font-weight: 600 !important;
        text-align: center !important;
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .total-card .btn-group > .btn-check:checked + .btn {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) !important;
        font-weight: 700 !important;
    }

    /* Ensure row items inside calculation card never overflow or wobble */
    .total-card .d-flex.justify-content-between {
        gap: 8px !important;
        align-items: center !important;
        margin-bottom: 8px !important;
        width: 100% !important;
    }

    .total-card .d-flex.justify-content-between > span,
    .total-card .text-muted-large {
        font-size: 0.85rem !important;
        font-weight: 600 !important;
        color: #334155 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        line-height: 1.25 !important;
    }

    .total-card .d-flex.justify-content-between > input.form-control {
        width: 125px !important;
        max-width: 48% !important;
        flex: 0 0 auto !important;
        font-size: 0.85rem !important;
        padding: 4px 8px !important;
        height: 32px !important;
        border-radius: 6px !important;
        text-align: right !important;
    }

    /* Grand Total Row Highlight */
    .total-card .grand-total-row {
        background: #f0f7ff !important;
        border: 1.5px solid #bfdbfe !important;
        border-radius: 8px !important;
        padding: 8px 12px !important;
        margin: 10px 0 !important;
    }

    .total-card .grand-total-row h5 {
        color: #1d4ed8 !important;
        font-weight: 700 !important;
        font-size: 1rem !important;
        margin: 0 !important;
    }

    .total-card #grandTotal {
        font-size: 1.25rem !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        margin: 0 !important;
    }

    .total-card .form-check-input {
        width: 1.2rem !important;
        height: 1.2rem !important;
        margin: 0 !important;
        cursor: pointer !important;
        border: 1.5px solid #94a3b8 !important;
        border-radius: 4px !important;
    }

    .total-card .form-check-label {
        font-size: 0.85rem !important;
        font-weight: 600 !important;
        color: #334155 !important;
        cursor: pointer !important;
    }

    /* Table Styles for Multi-Add */
    .goods-table {
        table-layout: auto;
        width: 100%;
    }
    .goods-table th {
        background-color: #1a233a !important;
        font-size: 0.82rem;
        font-weight: 700;
        text-transform: uppercase;
        color: #ffffff !important;
        vertical-align: middle;
        padding: 10px 6px;
    }

    .goods-table td {
        vertical-align: middle;
        padding: 6px 6px;
    }

    .goods-table input,
    .goods-table select {
        border: 1.5px solid #cbd5e1;
        font-size: 0.875rem;
        border-radius: 6px;
    }

    .goods-table .select2-container {
        width: 100% !important;
        min-width: 105px !important;
        text-align: left;
    }

    .goods-table .select2-container--default .select2-selection--single {
        height: 38px !important;
        border: 1.5px solid #cbd5e1 !important;
        border-radius: 6px !important;
        display: flex !important;
        align-items: center !important;
    }

    .goods-table .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 36px !important;
        padding-left: 8px !important;
        padding-right: 22px !important;
        font-size: 12.5px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: clip !important;
    }

    .goods-table .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 36px !important;
        right: 4px !important;
        width: 18px !important;
    }

    .goods-table tfoot td {
        padding: 10px 6px;
        font-size: 0.95rem;
    }

    .input-currency {
        text-align: right;
        font-weight: 600;
    }

    #consignor_address {
        height: 60px;
        /* approx 2 lines */
    }

    #consignee_address {
        height: 60px;

        /* approx 2 lines */
    }

    .amount-field {
        font-size: 0.9rem !important;
    }
</style>
<link rel="stylesheet" href="{{ asset('theme/assets/vendor/daterange/daterange.css') }}">
@endpush

@section('content')
<div class="app-hero-header d-flex align-items-center">
    <ol class="breadcrumb">
        <li class="breadcrumb-item">
            <a href="javascript:void(0);">Operations</a>
        </li>
        <li class="breadcrumb-item active" aria-current="page">Freight (GR) Entry</li>
    </ol>
    <div class="ms-auto d-lg-flex flex-row">
        <a href="{{ route('freight-entry.index') }}" class="btn btn-sm btn-outline-secondary">
            <i class="ri-arrow-left-circle-line"></i> Back to List
        </a>
    </div>
</div>

<div class="app-body">
    {!! Form::open([
    'route' => ['freight-entry.store'],
    'class' => 'needs-validation',
    'method' => 'post',
    'autocomplete' => 'off',
    'id' => 'freightForm',
    ]) !!}
    <input type="hidden" id="company_state_id" value="{{ data_get($company_details, 'company.state_id') }}">
    <div class="row gx-3">
        <div class="col-12">
            <div class="card mb-3">
                <div class="card-body">
                    <div class="form-section-title"><i class="ri-file-list-3-line"></i> Basic Information</div>
                    <div class="row g-3">
                        <div class="col-md-3 col-12">
                            <label class="form-label" for="lr_no">
                                GR / LR Number <span class="text-danger">*</span>
                            </label>

                            <input type="text" class="form-control " id="lr_no" name="lr_no" required
                                value="{{ old('lr_no', $nextLr) }}">
                            @if(isset($parchi))
                                <input type="hidden" name="loading_parchi_id" value="{{ $parchi->id }}">
                            @endif
                            @if (!empty($lastLr))
                            <small class="text-muted">
                                Last LR No: <strong>{{ $lastLr }}</strong>
                            </small>
                            @endif

                            <div class="text-danger" id="lr_no_validation_error"></div>
                            <div class="text-danger">
                                {{ $errors->first('lr_no') }}
                            </div>
                        </div>

                        <div class="col-md-3 col-12">
                            <label class="form-label" for="date">GR Date<span class="text-danger">*</span></label>
                            <div class="input-group">
                                <span class="input-group-text">
                                    <i class="ri-calendar-todo-line"></i>
                                </span>
                                <input type="text" class="form-control datepicker" id="date" name="date"
                                    required value="{{ old('date', \Carbon\Carbon::now()->format('d-m-Y')) }}">
                            </div>
                            <div class="text-danger">{{ $errors->first('date') }}</div>
                        </div>

                        @php
                        $taxSettings = \App\Http\Helpers\CommonHelper::checkTaxSetting('enable_gst');
                        @endphp

                        <input type="hidden" id="company_gst_mode"
                            value="{{ '' . (optional($taxSettings)->enable_gst_type ?? '') }}">

                        {{-- <div class="col-md-3 col-12">
                                <label class="form-label" for="paid_by">
                                    Freight Paid By <span class="text-danger">*</span>
                                </label>

                                @if (optional($taxSettings)->enable_gst == 'yes' && optional($taxSettings)->enable_gst_type == 'fcm')

                                    {!! Form::select('paid_by', ['Transporter' => 'Transporter'], old('paid_by'), [
                                        'class' => 'form-control select2',
                                        'id' => 'paid_by',
                                        'required',
                                    ]) !!}
                                @else
                                    {!! Form::select(
                                        'paid_by',
                                        [
                                            '' => '--Select--',
                                            'Consignor' => 'Consignor',
                                            'Consignee' => 'Consignee',

                                        ],
                                        old('paid_by'),
                                        ['class' => 'form-control select2', 'id' => 'paid_by', 'required'],
                                    ) !!}
                                @endif

                                <div class="text-danger">{{ $errors->first('paid_by') }}
                    </div>
                </div> --}}

                <div class="col-md-3">
                    <label class="form-label">Freight Paid By <span class="text-danger">*</span></label>

                    <div class="btn-group w-100" role="group">

                        <input type="radio" class="btn-check" name="paid_by" id="fb1" value="Consignor"
                            {{ old('paid_by', 'Consignee') == 'Consignor' ? 'checked' : '' }} required>
                        <label class="btn btn-outline-success btn-sm" for="fb1">
                            Consignor
                        </label>

                        <input type="radio" class="btn-check" name="paid_by" id="fb2" value="Consignee"
                            {{ old('paid_by', 'Consignee') == 'Consignee' ? 'checked' : '' }}>
                        <label class="btn btn-outline-primary btn-sm" for="fb2">
                            Consignee
                        </label>

                    </div>

                    <div class="text-danger">{{ $errors->first('paid_by') }}</div>
                </div>
                <div class="col-md-3">
                    <label class="form-label">Payment Status</label>
                    <div class="btn-group w-100" role="group">
                        <input type="radio" class="btn-check" name="payment_status" id="ps1"
                            value="To Pay" {{ old('payment_status', 'To Pay') == 'To Pay' ? 'checked' : '' }}>
                        <label class="btn btn-outline-primary btn-sm" for="ps1">To Pay</label>

                        <input type="radio" class="btn-check" name="payment_status" id="ps2"
                            value="Paid" {{ old('payment_status') == 'Paid' ? 'checked' : '' }}>
                        <label class="btn btn-outline-success btn-sm" for="ps2">Paid</label>

                        <input type="radio" class="btn-check" name="payment_status" id="ps3"
                            value="TBB" {{ old('payment_status') == 'TBB' ? 'checked' : '' }}>
                        <label class="btn btn-outline-warning btn-sm" for="ps3">To be billed
                        </label>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

<div class="row gx-3">
    {{-- CONSIGNOR --}}
    <div class="col-md-6">
        <div class="card mb-3 h-100">
            <div class="card-header bg-primary text-white py-2">
                <small class="fw-bold">CONSIGNOR / SENDER</small>
            </div>
            <div class="card-body">
                <div class="row g-2">
                    <div class="col-md-12 col-12">
                        <label class="form-label" for="consignor_id">Consignor<span class="text-danger">*</span>
                            <button type="button" style="border-radius: 15px;height: 20px; width: 20px;"
                                data-bs-toggle="modal" data_type="consignor" data-bs-target="#partyModal"
                                class="btn btn-sm btn-primary">
                                <i class="ri-add-line ri-sm"
                                    style="position: relative; bottom: 6px; right: 4px;"></i>
                            </button></label>
                        {!! Form::select('consignor_id', ['' => '--Select--'] + $party, old('consignor_id', isset($parchi) ? $parchi->consignor_id : null), [
                        'class' => 'form-control select2',
                        'id' => 'consignor_id',
                        'required',
                        ]) !!}
                        <div class="text-danger">{{ $errors->first('consignor_id') }}</div>
                    </div>
                    <div class="col-md-6 col-12">
                        <label class="form-label" for="party_gst_no">
                            GST No
                        </label>
                        <input type="text" id="consignor_gst_no" class="form-control readonly" readonly>
                    </div>
                    <div class="col-md-6 col-12">
                        <label class="form-label" for="party_mobile">
                            Mobile
                        </label>
                        <input type="text" id="consignor_mobile" class="form-control readonly" readonly>
                    </div>

                    <div class="col-12">
                        <label class="form-label" for="party_address">
                            Address
                        </label>
                        <textarea id="consignor_address" class="form-control readonly" readonly></textarea>
                    </div>

                    <div class="col-md-4 col-12">
                        <label class="form-label" for="party_city">
                            City
                        </label>
                        <input type="text" id="consignor_city" class="form-control readonly" readonly>
                    </div>

                    <div class="col-md-4 col-12">
                        <label class="form-label" for="party_state">
                            State
                        </label>
                        <input type="text" id="consignor_state" class="form-control readonly" readonly>
                        <input type="hidden" id="consignor_state_id" name="consignor_state_id"
                            value="{{ old('consignor_state_id') }}">
                    </div>

                    <div class="col-md-4 col-12">
                        <label class="form-label" for="party_pan">
                            PAN No
                        </label>
                        <input type="text" id="consignor_pan" class="form-control readonly" readonly>
                    </div>

                    <div class="col-12">
                        <label class="form-label" for="party_email">
                            Email ID
                        </label>
                        <input type="text" id="consignor_email" class="form-control readonly" readonly>
                    </div>

                </div>
            </div>
        </div>
    </div>
    {{-- CONSIGNEE --}}
    <div class="col-md-6">
        <div class="card mb-3 h-100">
            <div class="card-header bg-success text-white py-2">
                <small class="fw-bold">CONSIGNEE / RECEIVER</small>
            </div>
            <div class="card-body">
                <div class="row g-2">
                    <div class="col-md-12 col-12">
                        <label class="form-label" for="consignee_id">Consignee<span class="text-danger">*</span>
                            <button type="button" style="border-radius: 15px;height: 20px; width: 20px; "
                                data-bs-toggle="modal" data_type="consignee" data-bs-target="#partyModal"
                                class="btn btn-sm btn-primary">
                                <i class="ri-add-line ri-sm"
                                    style="position: relative; bottom: 6px; right: 4px;"></i>
                            </button>
                        </label>
                        {!! Form::select('consignee_id', ['' => '--Select--'] + $party, old('consignee_id', isset($parchi) ? $parchi->consignee_id : null), [
                        'class' => 'form-control select2',
                        'id' => 'consignee_id',
                        'required',
                        ]) !!}
                        <div class="text-danger">{{ $errors->first('consignee_id') }}</div>
                    </div>
                    <div class="col-md-6 col-12">
                        <label class="form-label" for="party_gst_no">
                            GST No
                        </label>
                        <input type="text" id="consignee_gst_no" class="form-control readonly" readonly>
                    </div>

                    <div class="col-md-6 col-12">
                        <label class="form-label" for="party_mobile">
                            Mobile
                        </label>
                        <input type="text" id="consignee_mobile" class="form-control readonly" readonly>

                    </div>

                    <div class="col-12">
                        <label class="form-label" for="party_address">
                            Address
                        </label>
                        <textarea id="consignee_address" class="form-control readonly" rows="2" readonly></textarea>
                    </div>

                    <div class="col-md-4 col-12">
                        <label class="form-label" for="party_city">
                            City
                        </label>
                        <input type="text" id="consignee_city" class="form-control readonly" readonly>

                    </div>

                    <div class="col-md-4 col-12">
                        <label class="form-label" for="party_state">
                            State
                        </label>
                        <input type="text" id="consignee_state" class="form-control readonly" readonly>
                        <input type="hidden" id="consignee_state_id" name="consignee_state_id"
                            value="{{ old('consignee_state_id') }}">
                    </div>

                    <div class="col-md-4 col-12">
                        <label class="form-label" for="party_pan">
                            PAN No
                        </label>
                        <input type="text" id="consignee_pan" class="form-control readonly" readonly>
                    </div>

                    <div class="col-12">
                        <label class="form-label" for="party_email">
                            Email ID
                        </label>
                        <input type="text" id="consignee_email" class="form-control readonly" readonly>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<br>
<div class="row gx-3">
    {{-- TRUCK DETAILS --}}
    <div class="col-12">
        <div class="card mb-3">
            <div class="card-body">
                <div class="form-section-title"><i class="ri-truck-line"></i> Truck Details</div>
                <div class="row g-3">
                    <div class="col-md-3">
                        <label class="form-label">From <span class="text-danger">*</span></label>
                        <input type="text" name="from_location" class="form-control"
                            placeholder="From Location" value="{{ old('from_location', isset($parchi) ? $parchi->from_location : '') }}" required>
                        <div class="text-danger">{{ $errors->first('from_location') }}</div>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">To <span class="text-danger">*</span></label>
                        <input type="text" name="to_location" class="form-control" placeholder="To Location"
                            value="{{ old('to_location', isset($parchi) ? $parchi->to_location : '') }}" required>
                        <div class="text-danger">{{ $errors->first('to_location') }}</div>
                    </div>
                    <div class="col-md-4 col-12">
                        <input type="hidden" name="freight_type" value="Party">

                        <label class="form-label" for="vehicle_id">
                            Vehicle No <span class="text-danger">*</span> <button type="button"
                                style="border-radius: 15px;height: 20px; width: 20px;" data-bs-toggle="modal"
                                data-bs-target="#vehicleModel" class="btn btn-sm btn-primary">
                                <i class="ri-add-line ri-sm"
                                    style="position: relative; bottom: 6px; right: 4px;"></i>
                            </button>
                        </label>

                        <select name="vehicle_id" id="vehicle_id" class="form-control select2" required>
                            <option value="">--Select--</option>
                            @foreach ($vehicle as $v)
                            <option value="{{ $v->id }}" data-vehicle-type="{{ $v->vehicle_type }}"
                                {{ old('vehicle_id', isset($parchi) ? $parchi->vehicle_id : null) == $v->id ? 'selected' : '' }}>
                                {{ $v->vehicle_no }}
                            </option>
                            @endforeach
                        </select>


                        <div class="text-danger">{{ $errors->first('vehicle_id') }}</div>
                    </div>

                    <div class="col-md-3 col-12">
                        <label class="form-label" for="vehicle_type">
                            Vehicle Type
                        </label>
                        <input type="text" class="form-control" id="vehicle_type" name="vehicle_type"
                            placeholder="Vehicle Type" value="{{ old('vehicle_type') }}" readonly>
                    </div>

                    <div class="col-md-3 col-12">
                        <label class="form-label">Weight Guarantee</label>
                        <input type="text" name="weight_guarantee" class="form-control"
                            placeholder="Weight Guarantee" value="{{ old('weight_guarantee') }}">
                    </div>
                    <div class="col-md-4 col-12">
                        <label class="form-label">
                            Driver Details
                            <button type="button" style="border-radius: 15px;height: 20px; width: 20px;"
                                data-bs-toggle="modal" data-bs-target="#driverModel"
                                class="btn btn-sm btn-primary">
                                <i class="ri-add-line ri-sm"
                                    style="position: relative; bottom: 6px; right: 4px;"></i>
                            </button>
                        </label>
                        <select name="employee_id" id="company_driver" class="form-control select2">
                            <option value="">Select</option>
                            @foreach ($employee as $id => $name)
                            <option value="{{ $id }}"
                                {{ old('employee_id') == $id ? 'selected' : '' }}>{{ $name }}</option>
                            @endforeach
                        </select>
                        <div class="text-danger">{{ $errors->first('employee_id') }}</div>
                    </div>
                    <div class="col-12 driver-info-box"
                        style="background:#f8f9fa; padding:15px; border-radius:5px;">
                        <div class="row g-3">
                            <div class="col-md-3">
                                <label class="form-label text-muted small">Driver Name</label>
                                <input type="text" id="driver_name" name="driver_name" class="form-control" value="{{ old('driver_name', isset($parchi) ? $parchi->driver_name : '') }}">
                                <div class="text-danger">{{ $errors->first('driver_name') }}</div>
                            </div>
                            <div class="col-md-3">
                                <label class="form-label text-muted small">Driver Mobile Number</label>
                                <input type="text" id="driver_mobile" name="driver_mobile"
                                    class="form-control number" value="{{ old('driver_mobile') }}"
                                    maxlength="10" pattern="[0-9]{10}" inputmode="numeric">
                                <div class="text-danger">{{ $errors->first('driver_mobile') }}</div>
                            </div>

                            <div class="col-md-3">
                                <label class="form-label text-muted small">License Number</label>
                                <input type="text" id="driver_license_no" name="driver_license_no"
                                    class="form-control" value="{{ old('driver_license_no') }}">
                                <div class="text-danger">{{ $errors->first('driver_license_no') }}</div>
                            </div>
                            {{-- <div class="col-md-3">
                                        <label class="form-label text-muted small">License Valid Upto</label>
                                        <input type="text" id="driver_license_valid_upto"
                                            name="driver_license_valid_upto" class="form-control datepicker">
                                        <div class="text-danger">{{ $errors->first('driver_license_valid_upto') }}
                        </div>
                    </div> --}}
                </div>
            </div>
        </div>
    </div>
</div>
</div>
{{-- GOODS DETAILS --}}
<div class="col-12">
    <div class="card mb-3">
        <div class="card-header py-2 d-flex justify-content-between align-items-center bg-light">
            <span class="fw-bold text-dark"><i class="ri-box-3-line text-primary"></i> Material / Goods
                Details</span>
            <button type="button" class="btn btn-sm btn-primary" id="addMoreMaterialBtn">
                <i class="ri-add-line"></i> Add Item
            </button>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-bordered mb-0 goods-table text-center align-middle">
                    <thead>
                        <tr>
                            <th style="width:16%; min-width:130px;">Material Name / Desc</th>
                            <th style="width:7%; min-width:75px;">HSN Code</th>
                            <th style="width:13%; min-width:115px;">Packing Type</th>
                            <th style="width:13%; min-width:110px;">No. of Units / Actual Weight</th>
                            <th style="width:12%; min-width:110px;">Unit</th>
                            <th style="width:11%; min-width:95px;">Charge Weight</th>
                            <th style="width:11%; min-width:90px;">Rate</th>
                            <th style="width:13%; min-width:105px;">Freight Amount</th>
                            <th style="width:6%; min-width:45px;">Act</th>
                        </tr>
                    </thead>
                    <tbody id="goodsTableBody">
                        {{-- Handled by JS logic below to preserve old values --}}
                    </tbody>
                    <tfoot>
                        <tr class="fw-bold bg-light align-middle">
                            <td colspan="3" class="text-center">Total:</td>
                            <td class="text-center"><span id="totalActualWeight">0.00</span></td>
                            <td></td>
                            <td class="text-center"><span id="totalChargeWeight">0.00</span></td>
                            <td></td>
                            <td class="text-center"><span id="totalBasicFreight">0.00</span></td>
                            <td></td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>
    </div>
</div>
</div>
<div class="row gx-3">
    {{-- LEFT COLUMN: Invoice, Risk, Demurrage, Remarks --}}
    <div class="col-md-8">
        <div class="card mb-3">
            <div class="card-body">
                <h6 class="form-section-title">
                    <i class="ri-file-text-line"></i> E-Way Bill & Invoice Details
                </h6>
                <div class="row g-3">
                    {{-- Invoice No --}}
                    <div class="col-md-4 col-12">
                        <label class="form-label" for="invoice_no">
                            Party Invoice No
                        </label>
                        <input type="text" class="form-control" id="invoice_no" name="invoice_no"
                            value="{{ old('invoice_no') }}">
                        <div class="text-danger">{{ $errors->first('invoice_no') }}</div>
                    </div>
                    {{-- Invoice Date --}}
                    <div class="col-md-4 col-12">
                        <label class="form-label" for="invoice_date">
                            Party Invoice Date
                        </label>
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="ri-calendar-todo-line"></i>
                            </span>
                            <input type="text" class="form-control datepicker-empty" id="invoice_date"
                                name="invoice_date" placeholder="dd-mm-yyyy" value="{{ old('invoice_date') }}">
                        </div>
                        <div class="text-danger">{{ $errors->first('invoice_date') }}</div>
                    </div>

                    {{-- Invoice Amount --}}
                    <div class="col-md-4 col-12">
                        <label class="form-label" for="invoice_amount">
                            Invoice Value
                        </label>
                        <input type="text" class="form-control number" id="invoice_amount"
                            name="invoice_amount" value="{{ old('invoice_amount') }}">
                        <div class="text-danger">{{ $errors->first('invoice_amount') }}</div>
                    </div>

                    {{-- E-Way Bill No --}}
                    <div class="col-md-4 col-12">
                        <label class="form-label" for="eway_bil_no">
                            E-Way Bill No
                        </label>
                        <input type="text" class="form-control" id="eway_bil_no" name="eway_bil_no"
                            value="{{ old('eway_bil_no') }}">
                        <div class="text-danger">{{ $errors->first('eway_bil_no') }}</div>
                    </div>

                    {{-- E-Way Bill Validity --}}
                    <div class="col-md-4 col-12">
                        <label class="form-label" for="eway_bil_validity">
                            E-Way Valid Upto
                        </label>
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="ri-calendar-todo-line"></i>
                            </span>
                            <input type="text" class="form-control datepicker-empty" id="eway_bil_validity"
                                name="eway_bil_validity" placeholder="dd-mm-yyyy" value="{{ old('eway_bil_validity') }}">
                        </div>
                        <div class="text-danger">{{ $errors->first('eway_bil_validity') }}</div>
                    </div>
                    {{-- E-Way Bill Generated On --}}
                    <div class="col-md-4 col-12">
                        <label class="form-label" for="eway_bil_generated_on">
                            E-Way Generated On
                        </label>
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="ri-calendar-todo-line"></i>
                            </span>
                            <input type="text" class="form-control datepicker-empty" id="eway_bil_generated_on"
                                name="eway_bil_generated_on" placeholder="dd-mm-yyyy" value="{{ old('eway_bil_generated_on') }}">
                        </div>
                        <div class="text-danger">{{ $errors->first('eway_bil_generated_on') }}</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-body">
                <div class="form-section-title">
                    <i class="ri-time-line"></i> Demurrage Charge
                </div>
                <div class="row g-3">
                    {{-- Demurrage Charge --}}
                    <div class="col-md-4 col-12">
                        <label class="form-label" for="demurrage_charge">
                            Demurrage Charge (₹)
                        </label>
                        <input type="text" class="form-control number amount-field" id="demurrage_charge"
                            name="demurrage_charge" value="{{ old('demurrage_charge', '0.00') }}">
                        <div class="text-danger">{{ $errors->first('demurrage_charge') }}</div>
                    </div>

                    {{-- Demurrage Per --}}
                    <div class="col-md-4 col-12">
                        <label class="form-label" for="demurrage_per">
                            Per
                        </label>
                        {!! Form::select(
                        'demurrage_per',
                        ['' => '--Select--', 'Hour' => 'Per Hour', 'Day' => 'Per Day'],
                        old('demurrage_per'),
                        ['class' => 'form-control select2', 'id' => 'demurrage_per'],
                        ) !!}
                        <div class="text-danger">{{ $errors->first('demurrage_per') }}</div>
                    </div>

                    {{-- Applicable After --}}
                    <div class="col-md-4 col-12">
                        <label class="form-label" for="demurrage_after">
                            Applicable After
                        </label>
                        {!! Form::select(
                        'demurrage_after',
                        [
                        '' => '--Select--',
                        '1 Hour' => '1 Hour',
                        '2 Hour' => '2 Hour',
                        '4 Hour' => '4 Hour',
                        '8 Hour' => '8 Hour',
                        '1 Day' => '1 Day',
                        '2 Days' => '2 Days',
                        ],
                        old('demurrage_after'),
                        ['class' => 'form-control select2', 'id' => 'demurrage_after'],
                        ) !!}
                        <div class="text-danger">{{ $errors->first('demurrage_after') }}</div>
                    </div>

                    {{-- Loading Date --}}
                    <div class="col-md-6 col-12">
                        <label class="form-label" for="loading_date">
                            Loading Date
                        </label>
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="ri-calendar-todo-line"></i>
                            </span>
                            <input type="text" class="form-control datepicker-empty" id="loading_date"
                                name="loading_date" placeholder="dd-mm-yyyy" value="{{ old('loading_date') }}">
                        </div>
                        <div class="text-danger">{{ $errors->first('loading_date') }}</div>
                    </div>

                    {{-- Reporting Date --}}
                    <div class="col-md-6 col-12">
                        <label class="form-label" for="reporting_date">
                            Reporting Date
                        </label>
                        <div class="input-group">
                            <span class="input-group-text">
                                <i class="ri-calendar-todo-line"></i>
                            </span>
                            <input type="text" class="form-control datepicker-empty" id="reporting_date"
                                name="reporting_date" placeholder="dd-mm-yyyy" value="{{ old('reporting_date') }}">
                        </div>
                        <div class="text-danger">{{ $errors->first('reporting_date') }}</div>
                    </div>
                </div>
            </div>
        </div>

        <div class="card mb-3">
            <div class="card-body">

                <h6 class="form-section-title">
                    <i class="ri-shield-check-line"></i> Logistics Mode, Risk
                </h6>
                <div class="row g-4">
                    {{-- MODE OF TRANSPORT --}}
                    <div class="col-md-6 col-12">
                        <label class="form-label" for="transport_mode">
                            Mode of Transport <span class="text-danger">*</span>
                        </label>
                        {!! Form::select(
                        'transport_mode',
                        [
                        'Road' => 'By Road',
                        'Rail' => 'By Rail',
                        'Air' => 'By Air',
                        'Express' => 'Express',
                        ],
                        old('transport_mode', 'Road'),
                        [
                        'class' => 'form-control select2',
                        'id' => 'transport_mode',
                        'required',
                        ],
                        ) !!}

                        <div class="text-danger">{{ $errors->first('transport_mode') }}</div>
                    </div>
                    {{-- RISK TYPE --}}
                    <div class="col-md-4" style="padding-left:40px !important;">
                        <label class="form-label fw-bold d-block">Risk Type</label>

                        <div class="form-check mt-2">
                            <input class="form-check-input" type="radio" name="risk_type" id="rk_owner"
                                value="Owner" {{ old('risk_type', 'Owner') == 'Owner' ? 'checked' : '' }}>
                            <label class="form-check-label fw-bold text-warning" for="rk_owner">
                                Owner's Risk
                            </label>
                        </div>

                        <div class="form-check mt-1">
                            <input class="form-check-input" type="radio" name="risk_type" id="rk_carrier"
                                value="Carrier" {{ old('risk_type') == 'Carrier' ? 'checked' : '' }}>
                            <label class="form-check-label fw-bold text-danger" for="rk_carrier">
                                Carrier's Risk
                            </label>
                        </div>

                        <div class="text-danger">{{ $errors->first('risk_type') }}</div>
                    </div>

                    <div class="col-12">
                        <hr class="my-1">
                    </div>
                    {{-- INSURANCE FIELDS --}}
                    <div class="col-12" id="insuranceBox">
                        <div class="row g-3 mt-1">
                            <h6 class="form-section-title">
                                <i class="ri-shield-check-line"></i> Insurance
                            </h6>
                            <div class="col-md-3 col-12">
                                <label class="form-label" for="insurance_company">
                                    Insurance Company
                                </label>
                                <input type="text" class="form-control" id="insurance_company"
                                    name="insurance_company" value="{{ old('insurance_company') }}">
                                <div class="text-danger">{{ $errors->first('insurance_company') }}</div>
                            </div>

                            <div class="col-md-3 col-12">
                                <label class="form-label" for="policy_number">
                                    Policy Number
                                </label>
                                <input type="text" class="form-control" id="policy_number"
                                    name="policy_number" value="{{ old('policy_number') }}">
                                <div class="text-danger">{{ $errors->first('policy_number') }}</div>
                            </div>

                            <div class="col-md-3 col-12">
                                <label class="form-label" for="insured_amount">
                                    Insured Amount
                                </label>
                                <input type="text" class="form-control number" id="insured_amount"
                                    name="insured_amount" value="{{ old('insured_amount') }}">
                                <div class="text-danger">{{ $errors->first('insured_amount') }}</div>
                            </div>

                            <div class="col-md-3 col-12">
                                <label class="form-label" for="policy_date">
                                    Policy Date
                                </label>
                                <div class="input-group">
                                    <span class="input-group-text">
                                        <i class="ri-calendar-todo-line"></i>
                                    </span>
                                    <input type="text" class="form-control datepicker-empty" id="policy_date"
                                        name="policy_date" placeholder="dd-mm-yyyy" value="{{ old('policy_date') }}">
                                </div>
                                <div class="text-danger">{{ $errors->first('policy_date') }}</div>
                            </div>

                        </div>
                    </div>


                </div>
            </div>
        </div>
        <div class="mt-3">
            <label class="form-label fw-bold">Remarks / Narration</label>
            <textarea name="remark" class="form-control" rows="2" placeholder="Any special instructions...">{{ old('remark') }}</textarea>
        </div>
    </div>

    {{-- RIGHT COLUMN: Freight Calculation & Submit --}}
    <div class="col-md-4">
        <div class="card total-card mb-3">
            <div class="card-body">
                <h5 class="card-title fw-bold mb-3 text-dark">Freight Calculation</h5>

                <div class="d-flex justify-content-between mb-2">
                    <span class="text-muted-large">Basic Freight</span>
                    <input type="text"
                        class="form-control form-control-sm text-end w-50 fw-bold input-currency" readonly
                        value="{{ old('freight') }}" id="Freight" name="freight" placeholder="0.00">
                </div>

                <div class="d-flex justify-content-between mb-2">
                    <span class="text-muted-large">Loading Charge</span>
                    <input type="number" class="form-control form-control-sm text-end w-50 amount-field"
                        name="loading_charge" value="{{ old('loading_charge') }}" placeholder="0.00">
                </div>

                <div class="d-flex justify-content-between mb-2">
                    <span class="text-muted-large">Unloading Charge</span>
                    <input type="number" class="form-control form-control-sm text-end w-50 amount-field"
                        name="unloading_charge" value="{{ old('unloading_charge') }}" placeholder="0.00">
                </div>

                <div class="d-flex justify-content-between mb-2">
                    <span class="text-muted-large">Holding Charge</span>
                    <input type="number" class="form-control form-control-sm text-end w-50 amount-field"
                        name="holding_charge" value="{{ old('holding_charge') }}" placeholder="0.00">
                </div>

                <div class="d-flex justify-content-between mb-2">
                    <span class="text-muted-large">Vasuli</span>
                    <input type="number" class="form-control form-control-sm text-end w-50 amount-field"
                        name="vasuli_charge" value="{{ old('vasuli_charge') }}" placeholder="0.00">
                </div>

                <div class="d-flex justify-content-between mb-2">
                    <span class="text-muted-large">Kata Charge</span>
                    <input type="number" class="form-control form-control-sm text-end w-50 amount-field"
                        name="kata_charge" value="{{ old('kata_charge') }}" placeholder="0.00">
                </div>

                <div class="d-flex justify-content-between mb-2">
                    <span class="text-muted-large">Challan / Permission</span>
                    <input type="number" class="form-control form-control-sm text-end w-50 amount-field"
                        name="challan_charge" value="{{ old('challan_charge') }}" placeholder="0.00">
                </div>

                <div class="d-flex justify-content-between mb-2">
                    <span class="text-muted-large">Overload</span>
                    <input type="number" class="form-control form-control-sm text-end w-50 amount-field"
                        name="overload_charge" value="{{ old('overload_charge') }}" placeholder="0.00">
                </div>

                <div class="d-flex justify-content-between mb-2">
                    <span class="text-muted-large">Other Charges</span>
                    <input type="number" class="form-control form-control-sm text-end w-50 amount-field"
                        name="other_charge" value="{{ old('other_charge') }}" placeholder="0.00">
                </div>
                <hr>
                <div class="d-flex justify-content-between mb-2">
                    <span class="fw-bold">Sub Total</span>
                    <input type="text" id="subTotal" name="sub_total" step="0.001"
                        class="form-control form-control-sm text-end w-50" style="font-size: 0.9rem" readonly
                        value="{{ old('sub_total') }}" placeholder="0.00">
                </div>

                <div class="mb-2">
                    <label class="form-label small fw-bold">GST Payable By</label>
                    <div class="btn-group w-100" role="group">

                        <input type="radio" class="btn-check" name="gst_pay_by" id="gst_consignor"
                            value="Consignor" {{ old('gst_pay_by') == 'Consignor' ? 'checked' : '' }}>
                        <label class="btn btn-outline-primary btn-sm" for="gst_consignor">
                            Consignor
                        </label>

                        <input type="radio" class="btn-check" name="gst_pay_by" id="gst_consignee"
                            value="Consignee"
                            {{ old('gst_pay_by', 'Consignee') == 'Consignee' ? 'checked' : '' }}>
                        <label class="btn btn-outline-success btn-sm" for="gst_consignee">
                            Consignee
                        </label>

                        <input type="radio" class="btn-check" name="gst_pay_by" id="gst_transporter"
                            value="Transporter" {{ old('gst_pay_by') == 'Transporter' ? 'checked' : '' }}>
                        <label class="btn btn-outline-warning btn-sm" for="gst_transporter">
                            Transporter
                        </label>

                        <input type="radio" class="btn-check" name="gst_pay_by" id="gst_exempt"
                            value="Exempt" {{ old('gst_pay_by') == 'Exempt' ? 'checked' : '' }}>
                        <label class="btn btn-outline-primary btn-sm" for="gst_exempt">
                            Exempt
                        </label>

                    </div>
                </div>
                @if (($taxSettings['show_gst_in_freight'] ?? '') == 'yes')
                @if (($taxSettings['enable_gst_type'] ?? '') == 'rcm')
                <div class="alert alert-warning alert-sm mb-2" role="alert">
                    <small class="fw-bold"> RCM Applied: 5% </small>
                </div>
                @else
                <div class="mb-2" id="gstRateSection">
                    <label class="form-label small fw-bold">Select GST Rate</label>
                    <select class="form-select form-select-sm" name="gst_percent" id="gst_percent">
                        @foreach ($gstSlabs as $slab)
                        @if (in_array($slab, [5, 18, '0']))
                        <option value="{{ $slab }}"
                            {{ old('gst_percent') == $slab ? 'selected' : '' }}>
                            GST ({{ $slab }}%)
                        </option>
                        @endif
                        @endforeach
                    </select>

                </div>
                <div class="small text-success fw-bold mt-2" id="gstBreakup"></div>
                <input type="hidden" name="gst_type" id="gst_type" value="{{ old('gst_type') }}">


                <div class="d-flex justify-content-between mb-2">
                    <span class="text-muted fw-bold">GST Amount</span>
                    <input type="text" id="gstAmount" name="gst_amount" step="0.001"
                        class="form-control form-control-sm text-end w-50" style="font-size: 0.9rem"
                        readonly value="{{ old('gst_amount') }}" placeholder="0.00">
                </div>

                @endif
                @endif

            <hr>

            <div class="d-flex justify-content-between mb-2">
                <span class="fw-bold">Total</span>
                <input type="text" id="totalBeforeRoundOff" step="0.001"
                    class="form-control form-control-sm text-end w-50" style="font-size: 0.9rem" readonly
                    value="0.00" placeholder="0.00">
            </div>

            <div class="d-flex justify-content-between mb-2">
                <span class="text-muted-large">Round Off (+/-)</span>
                <input type="number" name="round_off"
                    class="form-control form-control-sm text-end w-50 amount-field" step="0.001"
                    value="{{ old('round_off') }}" placeholder="0.00">
            </div>

            <div class="d-flex justify-content-between align-items-center grand-total-row my-2">
                <h5 class="fw-bold text-primary m-0">Grand Total</h5>
                <h4 class="fw-bold m-0" step="0.001" id="grandTotal">₹ {{ old('grand_total', '0.00') }}</h4>
                <input type="hidden" name="grand_total" value="{{ old('grand_total', '0.00') }}">
            </div>

            {{-- <div class="d-flex justify-content-between mb-2">
                        <span class="text-muted small">Commission %</span>
                        <input type="number" name="commission_percent"
                            class="form-control form-control-sm text-end w-50"
                            value="{{ old('commission_percent', '0.00') }}">
        </div>

        <div class="d-flex justify-content-between mb-2">
            <span class="text-muted small">Commission Amount</span>
            <input type="number" name="commission_amount" step="0.001"
                class="form-control form-control-sm text-end w-50"
                value="{{ old('commission_amount', '0.00') }}">
        </div> --}}

        <div class="d-flex justify-content-between mb-2">
            <span class="text-muted-large">Other Deduction</span>
            <input type="number" name="other_deduction"
                class="form-control form-control-sm text-end w-50 amount-field" step="0.001"
                value="{{ old('other_deduction') }}">
        </div>

        <div class="d-flex justify-content-between mb-2">
            <span class="text-muted-large">Net Payable (Truck Owner)</span>
            <input type="number" name="net_total" step="0.001"
                class="form-control form-control-sm text-end w-50" style="font-size: 0.9rem"
                value="{{ old('net_total') }}" placeholder="0.00" readonly>
        </div>

        <div class="d-flex align-items-center gap-2 mt-3 pt-1">
            <label class="form-check-label small text-muted-large m-0" for="hide_freight" style="cursor: pointer;">
                Hide Freight in Final Builty PDF
            </label>
            <input class="form-check-input m-0" type="checkbox" name="hide_freight" id="hide_freight"
                {{ old('hide_freight') ? 'checked' : '' }} style="cursor: pointer; width: 1.15rem; height: 1.15rem;">
        </div>

    </div>

    <div class="d-grid gap-2">
        <button type="submit" class="btn btn-primary btn-lg">
            <i class="ri-save-line"></i> Save Freight Entry
        </button>
    </div>
</div>
</div>

{!! Form::close() !!}
</div>
</div>
@endsection

@push('footer_script')
@include('common.modal.party')
@include('common.modal.vehicle')
@include('common.modal.driver')
@include('common.modal.driver-mobile')

<script src="{{ asset('theme/assets/vendor/daterange/daterange.js') }}"></script>
<script>
    $('.number').on('keyup', function() {
        this.value = this.value.replace(/\D/g, '');
    });

    // Alphanumeric only
    $('.alphaNum').on('input', function() {
        this.value = this.value.replace(/[^a-zA-Z0-9]/g, '');
    });

    // Float numbers
    $('.floatnumber').on('input', function() {
        this.value = this.value
            .replace(/[^0-9.]/g, '')
            .replace(/(\..*)\./g, '$1');
    });

    $(document).ready(function() {
        let consigneeOptions = $('#consignee_id').html();

        $('#consignor_id').on('change', function() {
            let selected = $(this).val();
            $('#consignee_id').html(consigneeOptions);

            if (selected) {
                $('#consignee_id option[value="' + selected + '"]').remove();
            }
        });
    });

    function n(val) {
        val = parseFloat(val);
        return isNaN(val) ? 0 : val;
    }

    function f(val) {
        return n(val).toFixed(2);
    }
    // datepicker
    $('.datepicker').daterangepicker({
        singleDatePicker: true,
        @if(isset($company_details['company']->year_from))
        minDate: moment("{{ date('Y-m-d', strtotime($company_details['company']->year_from)) }}", "YYYY-MM-DD"),
        @endif
        @if(isset($company_details['company']->year_to))
        maxDate: moment("{{ date('Y-m-d', strtotime($company_details['company']->year_to)) }}", "YYYY-MM-DD"),
        @endif
        locale: {
            format: 'DD-MM-YYYY'
        }
    });

    $(document).on('blur', '.amount-field', function() {
        let val = $(this).val();
        if (val !== '') {
            $(this).val(parseFloat(val).toFixed(2));
        }
    });

    // Load available drivers on page load
    function loadAvailableDrivers(selectedDriverId = null) {
        $.ajax({
            url: '/employee/available-drivers',
            type: 'GET',
            success: function(res) {
                if (res.success) {
                    let dropdown = $('#company_driver');
                    let currentVal = selectedDriverId || dropdown.val();
                    dropdown.empty();
                    dropdown.append('<option value="">Select</option>');
                    res.data.forEach(function(driver) {
                        dropdown.append('<option value="' + driver.id + '">' + driver.employee_name + '</option>');
                    });
                    
                    if (currentVal) {
                        // Check if currentVal exists in options, if so select it
                        if (dropdown.find('option[value="'+currentVal+'"]').length) {
                            dropdown.val(currentVal).trigger('change');
                        }
                    }
                }
            }
        });
    }

    // Call on load
    loadAvailableDrivers("{{ old('employee_id') }}");

    // SET VEHICLE TYPE ON VEHICLE CHANGE
    $('#vehicle_id').on('change', function() {
        $('#vehicle_type').val($(this).find(':selected').data('vehicle-type') || '');
        let vehicleId = $(this).val();
        
        if (vehicleId) {
            $.ajax({
                url: '/truck-assign/get-assigned-driver/' + vehicleId,
                type: 'GET',
                success: function(res) {
                    if (res.success) {
                        if (res.is_busy) {
                            alert('Driver ' + res.employee_name + ' is currently on another active trip. Please select another available driver.');
                            $('#company_driver').val('').trigger('change');
                            $('#driver_name').val('');
                            $('#driver_mobile').val('');
                        } else {
                            // Ensure driver is in dropdown (should be, since not busy)
                            if ($('#company_driver').find('option[value="'+res.employee_id+'"]').length === 0) {
                                $('#company_driver').append('<option value="'+res.employee_id+'">'+res.employee_name+'</option>');
                            }
                            $('#company_driver').val(res.employee_id).trigger('change');
                            $('#driver_name').val(res.employee_name).attr('readonly', true);
                            $('#driver_mobile').val(res.mobile_no).attr('readonly', true);
                            
                            // FREEZE DRIVER
                            $('#company_driver').prop('disabled', true);
                            if ($('#hidden_company_driver').length === 0) {
                                $('#company_driver').after('<input type="hidden" name="employee_id" id="hidden_company_driver" value="'+res.employee_id+'">');
                            } else {
                                $('#hidden_company_driver').val(res.employee_id);
                            }
                        }
                    } else {
                        $('#company_driver').val('').trigger('change');
                        $('#driver_name').val('').attr('readonly', false);
                        $('#driver_mobile').val('').attr('readonly', false);

                        // UNFREEZE DRIVER
                        $('#company_driver').prop('disabled', false);
                        $('#hidden_company_driver').remove();
                    }
                }
            });
        } else {
            $('#company_driver').val('').trigger('change');
            $('#driver_name').val('').attr('readonly', false);
            $('#driver_mobile').val('').attr('readonly', false);
        }
    });

    function calcRow(row) {
        let amount = n(row.find('[name*="[charge_weight]"]').val()) *
            n(row.find('[name*="[rate]"]').val());
        row.find('[name*="[amount]"]').val(f(amount));
        return amount;
    }

    //total of all goods
    function calcGoodsTotals() {

        let unitWiseActual = {};
        let unitWiseCharge = {};
        let basicFreight = 0;

        $('#goodsTableBody tr').each(function() {
            let r = $(this);

            let actual = n(r.find('[name*="[actual_weight]"]').val());
            let charge = n(r.find('[name*="[charge_weight]"]').val());
            let unit = r.find('[name*="[weight_unit]"]').val() || '';

            // Actual weight unit wise
            if (!unitWiseActual[unit]) unitWiseActual[unit] = 0;
            unitWiseActual[unit] += actual;

            // Charge weight unit wise
            if (!unitWiseCharge[unit]) unitWiseCharge[unit] = 0;
            unitWiseCharge[unit] += charge;

            basicFreight += n(r.find('[name*="[amount]"]').val());
        });

        // Build display text
        let actualText = Object.entries(unitWiseActual)
            .filter(([u, v]) => n(v) > 0 || Object.keys(unitWiseActual).length === 1)
            .map(([u, v]) => u ? `${f(v)} ${u}` : `${f(v)}`)
            .join(' , ');

        let chargeText = Object.entries(unitWiseCharge)
            .filter(([u, v]) => n(v) > 0 || Object.keys(unitWiseCharge).length === 1)
            .map(([u, v]) => u ? `${f(v)} ${u}` : `${f(v)}`)
            .join(' , ');

        $('#totalActualWeight').text(actualText || '0.00');
        $('#totalChargeWeight').text(chargeText || '0.00');

        $('#totalBasicFreight').text(f(basicFreight));
        $('#Freight').val(f(basicFreight));

        calcGrandTotal();
    }

    $(document).on('input', '[name*="[actual_weight]"]', function() {

        let row = $(this).closest('tr');
        let actualWeight = n($(this).val());

        // Copy to charge weight
        row.find('[name*="[charge_weight]"]').val(f(actualWeight));

        // Recalculate row amount
        calcRow(row);
        calcGoodsTotals();
    });

    function calcGrandTotal() {
        let freight = n($('#Freight').val());

        let charges =
            n($('[name="loading_charge"]').val()) +
            n($('[name="unloading_charge"]').val()) +
            n($('[name="holding_charge"]').val()) +
            n($('[name="vasuli_charge"]').val()) +
            n($('[name="kata_charge"]').val()) +
            n($('[name="challan_charge"]').val()) +
            n($('[name="overload_charge"]').val()) +
            n($('[name="other_charge"]').val());

        let subTotal = freight + charges;
        $('#subTotal').val(f(subTotal));

        showGstBreakup();

        let gstAmount = n($('#gstAmount').val());

        let totalBeforeRoundOff = subTotal + gstAmount;
        $('#totalBeforeRoundOff').val(f(totalBeforeRoundOff));

        let roundOff = n($('[name="round_off"]').val());
        let grandTotal = totalBeforeRoundOff + roundOff;

        $('#grandTotal').text('₹ ' + f(grandTotal));
        $('[name="grand_total"]').val(f(grandTotal));

        // let commission = n($('[name="commission_amount"]').val());
        let deduction = n($('[name="other_deduction"]').val());

        $('[name="net_total"]').val(f(grandTotal - deduction));
    }

    // COMMISSION CALCULATION
    // $('[name="commission_percent"]').on('input', function() {
    //     let percent = n(this.value);
    //     let base = n($('#subTotal').val());
    //     $('[name="commission_amount"]').val(f((base * percent) / 100));
    //     calcGrandTotal();
    // });

    // $('[name="commission_amount"]').on('input', calcGrandTotal);


    $(document).on('input',
        '[name*="[charge_weight]"], .rate-input',
        function() {
            calcRow($(this).closest('tr'));
            calcGoodsTotals();
        }
    );

    $(document).on('input',
        '[name="loading_charge"],[name="unloading_charge"],[name="holding_charge"],' +
        '[name="vasuli_charge"],[name="kata_charge"],[name="challan_charge"],' +
        '[name="overload_charge"],[name="other_charge"],[name="round_off"],[name="other_deduction"]',
        calcGrandTotal
    );

    $('[name="gst_percent"]').on('change', calcGrandTotal);

    // MULTIPLE ROWS ADDING (With Old Value Logic)
    let itemIndex = 0;

    function addMaterialRow(oldData = null) {
        let index = itemIndex;
        let row = `
            <tr>
                <td><input type="text" name="items[${index}][material_name]" class="form-control" placeholder="Material Description" value="${oldData ? oldData.material_name : ''}"></td>
                <td><input type="text" name="items[${index}][hsn_code]" class="form-control text-center" placeholder="HSN" value="${oldData ? oldData.hsn_code : ''}"></td>
                <td>
                    <select name="items[${index}][packing_type]" class="form-select select2">
                        <option value="">--Select--</option>
                        @foreach (['BOX', 'BAG', 'CARTON', 'POUCH', 'BOTTLE', 'CAN', 'DRUM', 'CRATE', 'BUNDLE', 'ROLL', 'LOOSE', 'BULK', 'WRAPPED', 'PALLET'] as $type)
                            <option value="{{ $type }}" ${oldData && oldData.packing_type == '{{ $type }}' ? 'selected' : ''}>{{ $type }}</option>
                        @endforeach
                    </select>
                </td>

                <td><input type="number" step="0.01" name="items[${index}][actual_weight]" class="form-control text-center" placeholder="0.00" value="${oldData ? oldData.actual_weight : ''}"></td>
                <td>
                    <select name="items[${index}][weight_unit]" class="form-select select2">
                        <option value="">--Unit--</option>
                        @foreach (['KG', 'G', 'MT', 'TON', 'LB', 'OZ', 'CBM', 'CFT', 'LTR', 'ML', 'NOS', 'PCS', 'PKT', 'BOX', 'BAG', 'DRUM', 'CAN', 'BOTTLE', 'ROLL', 'CRATE', 'BUNDLE', 'PALLET', 'CARTON', 'BALE', 'LOOSE', 'BULK'] as $u)
                            <option value="{{ $u }}" ${oldData && oldData.weight_unit == '{{ $u }}' ? 'selected' : ''}>{{ $u }}</option>
                        @endforeach
                    </select>
                </td>
                <td><input type="number" step="0.01" name="items[${index}][charge_weight]" class="form-control text-center" placeholder="0.00" value="${oldData ? oldData.charge_weight : ''}"></td>
                <td><input type="number" step="0.01" name="items[${index}][rate]" class="form-control text-center rate-input" placeholder="0.00" value="${oldData ? oldData.rate : ''}"></td>
                <td><input type="text" name="items[${index}][amount]" class="form-control text-center bg-light-input amount-input" readonly value="${oldData ? oldData.amount : '0.00'}"></td>
                <td><button type="button" class="btn btn-sm btn-danger removeRow">X</button></td>
            </tr>`;

        $('#goodsTableBody').append(row);
        
        // Initialize Select2 on the newly added row
        $('#goodsTableBody tr:last').find('.select2').select2({
            width: '100%',
            dropdownAutoWidth: true
        });
        
        itemIndex++;
    }

    $(document).on('change', '[name*="[weight_unit]"]', function() {
        calcGoodsTotals();
    });

    $('#addMoreMaterialBtn').on('click', function() {
        addMaterialRow();
    });

    $(document).on('click', '.removeRow', function() {
        $(this).closest('tr').remove();
        calcGoodsTotals();
    });

    // Initialize with Old Items, Parchi Items, or One Empty Row
    $(document).ready(function() {
        @if(old('items'))
        @foreach(old('items') as $oldItem)
        addMaterialRow({
            !!json_encode($oldItem) !!
        });
        @endforeach
        @elseif(isset($parchi))
        addMaterialRow({
            material_name: '{{ addslashes($parchi->material_details) }}',
            actual_weight: '{{ $parchi->weight }}',
            charge_weight: '{{ $parchi->weight }}',
            weight_unit: 'TON',
            amount: '0.00'
        });
        @else
        addMaterialRow();
        @endif
        calcGoodsTotals();

        @if(isset($parchi))
        setTimeout(function() {
            if ($('#consignor_id').val()) {
                $('#consignor_id').trigger('change');
            }
            if ($('#consignee_id').val()) {
                $('#consignee_id').trigger('change');
            }
            if ($('#vehicle_id').val()) {
                $('#vehicle_id').trigger('change');
            }
        }, 300);
        @endif
    });
</script>

<script>
    $('#company_driver').on('change', function() {

        let driverId = $(this).val();

        if (!driverId) {

            // ✅ CLEAR ALL DRIVER FIELDS
            $('#driver_name').val('');
            $('#driver_mobile').val('');
            $('#driver_license_no').val('');
            $('#driver_license_valid_upto').val('');



            return;
        }

        $.ajax({
            url: "{{ route('employee.driver.details', '') }}/" + driverId,
            type: "GET",
            success: function(data) {
                let driverData = data.driver ? data.driver : data;

                $('#driver_name').val(driverData.employee_name ?? '');
                $('#driver_mobile').val(driverData.mobile_no ?? '');
                $('#driver_license_no').val(driverData.driving_licence_no ?? '');

                if (driverData.driving_licence_valid_upto) {
                    let formattedDate = moment(
                        driverData.driving_licence_valid_upto,
                        "YYYY-MM-DD"
                    ).format("DD-MM-YYYY");

                    $('#driver_license_valid_upto').val(formattedDate);
                } else {
                    $('#driver_license_valid_upto').val('');
                }

                // $('.driver-info-box').slideDown();
            }
        });
    });
</script>

<script>
    $(document).ready(function() {
        function fillParty(prefix, data) {
            $('#' + prefix + '_gst_no').val(data.gst_no ?? '');
            $('#' + prefix + '_mobile').val(data.mobile ?? '');
            $('#' + prefix + '_address').val(data.address ?? '');
            $('#' + prefix + '_city').val(data.city ?? '');
            $('#' + prefix + '_state').val(data.state ?? '');
            $('#' + prefix + '_state_id').val(data.state_id ?? '');
            $('#' + prefix + '_pan').val(data.pan ?? '');
            $('#' + prefix + '_email').val(data.email ?? '');
            showGstBreakup();
        }

        $('#consignor_id').on('change', function() {
            let id = $(this).val();
            if (!id) {
                fillParty('consignor', {});
                return;
            }
            $.ajax({
                url: "{{ route('party.details', '') }}/" + id,
                type: 'GET',
                success: function(data) {
                    fillParty('consignor', data);
                }
            });
        });

        $('#consignee_id').on('change', function() {
            let id = $(this).val();
            if (!id) {
                fillParty('consignee', {});
                return;
            }
            $.ajax({
                url: "{{ route('party.details', '') }}/" + id,
                type: 'GET',
                success: function(data) {
                    fillParty('consignee', data);
                }
            });
        });

        // Re-fill on load if old values exist
        if ($('#consignor_id').val()) {
            $('#consignor_id').trigger('change');
        }
        if ($('#consignee_id').val()) {
            $('#consignee_id').trigger('change');
        }
        if ($('#vehicle_id').val()) {
            $('#vehicle_id').trigger('change');
        }
    });
</script>

<script>
    function showGstBreakup() {
        let companyGstMode = document.getElementById('company_gst_mode')?.value;
        let companyStateId = $('#company_state_id').val();
        let subTotal = parseFloat($('#subTotal').val()) || 0;

        $('#gstBreakup').html('');
        let gstPayBy = $('input[name="gst_pay_by"]:checked').val();

        if (gstPayBy === 'Exempt') {
            $('#gst_type').val('NIL');
            $('#gstAmount').val('0.00');
            $('#gstRateSection').hide();
            $('#gstBreakup').html('<div class="text-info fw-bold">✓ GST Exempt - No GST Applied</div>');
            return;
        }

        $('#gstRateSection').show();

        if (companyGstMode === 'rcm') {
            let rcmPercent = 5;
            let rcmAmount = (subTotal * rcmPercent) / 100;
            $('#gstBreakup').append('<div class="text-danger fw-bold">RCM (5%) Applied</div>');
            $('#gstAmount').val(rcmAmount.toFixed(2));
            return;
        }

        let gstPercent = parseFloat($('#gst_percent').val()) || 0;
        if (gstPercent === 0) {
            $('#gst_type').val('NIL');
            $('#gstAmount').val('0.00');
            return;
        }

        let payerStateId = null;
        if (gstPayBy === 'Consignor') payerStateId = $('#consignor_state_id').val();
        else if (gstPayBy === 'Consignee') payerStateId = $('#consignee_state_id').val();
        else if (gstPayBy === 'Transporter') {
            let freightPaidBy = $('#paid_by').val();
            if (freightPaidBy === 'Transporter') payerStateId = companyStateId;
            else if (freightPaidBy === 'Consignor') payerStateId = $('#consignor_state_id').val();
            else if (freightPaidBy === 'Consignee') payerStateId = $('#consignee_state_id').val();
            else payerStateId = companyStateId;
        }

        let gstAmount = (subTotal * gstPercent) / 100;

        if (!companyStateId || !payerStateId || companyStateId != payerStateId) {
            $('#gst_type').val('IGST');
            $('#gstBreakup').html('<div class="text-success fw-bold">IGST (' + gstPercent + '%): ₹ ' + gstAmount
                .toFixed(2) + '</div>');
        } else {
            let half = gstAmount / 2;
            $('#gst_type').val('CGST_SGST');
            $('#gstBreakup').html('<div class="text-success fw-bold">CGST (' + (gstPercent / 2).toFixed(2) + '%): ₹ ' +
                half.toFixed(2) + '<br>SGST (' + (gstPercent / 2).toFixed(2) + '%): ₹ ' + half.toFixed(2) + '</div>'
            );
        }

        $('#gstAmount').val(gstAmount.toFixed(2));
    }

    $(document).ready(function() {
        $('#gst_percent').on('change', showGstBreakup);
        $('input[name="gst_pay_by"]').on('change', showGstBreakup);
        $('#paid_by').on('change', function() {
            if ($('input[name="gst_pay_by"]:checked').val() === 'Transporter') showGstBreakup();
        });

        // ================================
        // Freight Paid By → GST Payable Auto Mapping
        // ================================
        $('input[name="paid_by"]').on('change', function() {

            let paidBy = $('input[name="paid_by"]:checked').val();

            if (!paidBy) return;

            // Payment Status Mapping
            if (paidBy === 'Consignor') {
                $('input[name="payment_status"][value="Paid"]').prop('checked', true);
                $('#gst_consignor').prop('checked', true);
            }

            if (paidBy === 'Consignee') {
                $('input[name="payment_status"][value="To Pay"]').prop('checked', true);
                $('#gst_consignee').prop('checked', true);
            }

            showGstBreakup();
        });

        // On page load
        if ($('input[name="paid_by"]:checked').length) {
            $('input[name="paid_by"]').trigger('change');
        }

    });
</script>
<script>
    $(document).ready(function() {

        function toggleDriverFields() {
            var selectedDriver = $('#company_driver').val();

            if (selectedDriver) {
                // Driver selected → make fields readonly
                $('#driver_name').prop('readonly', true);
                $('#driver_mobile').prop('readonly', true);
                $('#driver_license_no').prop('readonly', true);
                $('#driver_license_valid_upto').prop('readonly', true);
            } else {
                // No driver selected → make editable
                $('#driver_name').prop('readonly', false);
                $('#driver_mobile').prop('readonly', false);
                $('#driver_license_no').prop('readonly', false);
                $('#driver_license_valid_upto').prop('readonly', false);
            }
        }

        // On page load
        toggleDriverFields();

        // On dropdown change
        $('#company_driver').on('change', function() {
            toggleDriverFields();
        });

        // Restrict mobile to 10 digits
        $('#driver_mobile').on('input', function() {
            this.value = this.value.replace(/[^0-9]/g, '').slice(0, 10);
        });

        // Dynamic LR number unique validation
        $('#lr_no').on('input change', function() {
            let lrNo = $(this).val();
            if (!lrNo) {
                $('#lr_no_validation_error').text('');
                return;
            }

            $.ajax({
                url: "{{ route('freight-entry.check-lr') }}",
                type: "GET",
                data: { lr_no: lrNo },
                success: function(response) {
                    if (response.exists) {
                        $('#lr_no_validation_error').text('LR Number already used.');
                        $('#lr_no').addClass('is-invalid');
                    } else {
                        $('#lr_no_validation_error').text('');
                        $('#lr_no').removeClass('is-invalid');
                    }
                }
            });
        });

    });
</script>



<script>
    $(document).ready(function() {
        // Clear input if value is 0 or 0.00 on focus
        $(document).on('focus', 'input', function() {
            if ($(this).val() === '0' || $(this).val() === '0.00') {
                $(this).val('');
            }
        });
        
        // Restore to 0 if left empty on blur for number fields
        $(document).on('blur', 'input', function() {
            if ($(this).val() === '' && ($(this).attr('type') === 'number' || $(this).hasClass('amount-field') || $(this).hasClass('number'))) {
                $(this).val('0');
            }
        });
    });
</script>

<script>
    $(document).ready(function() {
        $('.datepicker-empty').daterangepicker({
            singleDatePicker: true,
            autoUpdateInput: false,
            locale: {
                format: 'DD-MM-YYYY'
            }
        });

        $('.datepicker-empty').on('apply.daterangepicker', function(ev, picker) {
            $(this).val(picker.startDate.format('DD-MM-YYYY'));
        });

        $('.datepicker-empty').on('cancel.daterangepicker', function(ev, picker) {
            $(this).val('');
        });
    });
</script>
@endpush