@extends('layout.app')
@section('title', 'Edit 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;
    }

    .total-card {
        background: #f0f4f8;
        border: 1px dashed #cbd5e1;
    }

    /* Table Styles for Multi-Add */
    .goods-table th {
        background-color: #f1f5f9;
        font-size: 0.85rem;
        font-weight: 600;
        text-transform: uppercase;
        color: #475569;
    }

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

    .goods-table input,
    .goods-table select {
        border: 1px solid #e2e8f0;
        font-size: 0.9rem;
    }

    .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">Edit 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::model($freightEntry, [
    'route' => ['freight-entry.update', $freightEntry->id],
    'class' => 'needs-validation',
    'method' => 'PUT',
    'autocomplete' => 'off',
    'id' => 'freightForm',
    ]) !!}

    <input type="hidden" id="company_state_id" value="{{ data_get($company_details, 'company.state_id') }}">
    <input type="hidden" id="consignor_state_id" value="{{ optional($freightEntry->consignor)->state_id ?? '' }}">
    <input type="hidden" id="consignee_state_id" value="{{ optional($freightEntry->consignee)->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', $freightEntry->lr_no) }}">
                            <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', isset($freightEntry->date) ? \Carbon\Carbon::parse($freightEntry->date)->format('d-m-Y') : date('d-m-Y')) }}">
                            </div>
                            <div class="text-danger">{{ $errors->first('date') }}</div>
                        </div>

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

                        <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', $freightEntry->paid_by) == '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', $freightEntry->paid_by) == 'Consignee' ? 'checked' : '' }}>
                                <label class="btn btn-outline-primary btn-sm" for="fb2">
                                    Consignee
                                </label>

                                @if (optional($taxSettings)->enable_gst == 'yes' && optional($taxSettings)->enable_gst_type == 'fcm')
                                <input type="radio" class="btn-check" name="paid_by" id="fb3"
                                    value="Transporter"
                                    {{ old('paid_by', $freightEntry->paid_by) == 'Transporter' ? 'checked' : '' }}>
                                <label class="btn btn-outline-warning btn-sm" for="fb3">
                                    Transporter
                                </label>
                                @endif

                            </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', $freightEntry->payment_status) == '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', $freightEntry->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', $freightEntry->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', $freightEntry->consignor_id),
                            [
                            '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
                                value="{{ optional($freightEntry->consignor)->gst_no }}">
                        </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
                                value="{{ optional($freightEntry->consignor)->mobile }}">
                        </div>

                        <div class="col-12">
                            <label class="form-label" for="party_address">
                                Address
                            </label>
                            <textarea id="consignor_address" class="form-control readonly" readonly>{{ optional($freightEntry->consignor)->address }}</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
                                value="{{ optional($freightEntry->consignor)->city }}">
                        </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
                                value="{{ optional(optional($freightEntry->consignor)->state)->state_name }}">

                        </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
                                value="{{ optional($freightEntry->consignor)->pan }}">
                        </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
                                value="{{ optional($freightEntry->consignor)->email }}">
                        </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', $freightEntry->consignee_id),
                            [
                            '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
                                value="{{ optional($freightEntry->consignee)->gst_no }}">
                        </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
                                value="{{ optional($freightEntry->consignee)->mobile }}">

                        </div>

                        <div class="col-12">
                            <label class="form-label" for="party_address">
                                Address
                            </label>
                            <textarea id="consignee_address" class="form-control readonly" readonly>{{ optional($freightEntry->consignee)->address }}</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
                                value="{{ optional($freightEntry->consignee)->city }}">

                        </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
                                value="{{ optional(optional($freightEntry->consignee)->state)->state_name }}">
                        </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
                                value="{{ optional($freightEntry->consignee)->pan }}">
                        </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
                                value="{{ optional($freightEntry->consignee)->email }}">
                        </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', $freightEntry->from_location) }}">
                        </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', $freightEntry->to_location) }}">
                        </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', $freightEntry->vehicle_id) == $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" readonly
                                value="{{ old('vehicle_type', $freightEntry->vehicle_type) }}">
                        </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', $freightEntry->weight_guarantee) }}">
                        </div>
                        @php
                        $isCompanyDriver = !empty($freightEntry->employee_id);
                        $showDriverBox = $isCompanyDriver || !empty($freightEntry->driver_name);
                        @endphp

                        <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', $freightEntry->employee_id) == $id ? 'selected' : '' }}>
                                    {{ $name }}
                                </option>
                                @endforeach
                            </select>

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

                        {{-- <div class="col-12 mt-2" style="padding-left:40px !important;">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" id="showDriverDetails"
                                        {{ $showDriverBox ? 'checked' : '' }}>
                        <label class="form-check-label" for="showDriverDetails">
                            Show Driver Details
                        </label>
                        <span class="text-muted small">
                            Leave dropdown empty for external driver.
                        </span>
                    </div>
                </div> --}}

                <div class="col-12 driver-info-box"
                    style="background:#f8f9fa; padding:15px; border-radius:5px;">
                    <div class="row g-3">

                        {{-- DRIVER NAME --}}
                        <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="{{ $isCompanyDriver ? optional($freightEntry->employee)->employee_name : $freightEntry->driver_name }}"
                                {{ $isCompanyDriver ? 'readonly' : '' }}>
                            <div class="text-danger">{{ $errors->first('driver_name') }}</div>
                        </div>

                        {{-- MOBILE --}}
                        <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_no"
                                class="form-control only-numbers" maxlength="10" inputmode="numeric"
                                pattern="[0-9]{10}"
                                value="{{ $isCompanyDriver
                                                ? optional($freightEntry->employee)->mobile_no
                                                : old('driver_mobile_no', $freightEntry->driver_mobile_no) }}"
                                {{ $isCompanyDriver ? 'readonly' : '' }}>
                            <div class="text-danger">{{ $errors->first('driver_mobile_no') }}</div>
                        </div>

                        {{-- LICENSE --}}
                        <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="{{ $isCompanyDriver ? optional($freightEntry->employee)->driving_licence_no : $freightEntry->driver_license_no }}"
                                {{ $isCompanyDriver ? 'readonly' : '' }}>
                            <div class="text-danger">{{ $errors->first('driver_license_no') }}</div>
                        </div>

                        {{-- VALID DATE --}}
                        {{-- <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"
                                            value="{{ $isCompanyDriver
                                                ? (optional($freightEntry->employee)->driving_licence_valid_upto
                                                    ? \Carbon\Carbon::parse(optional($freightEntry->employee)->driving_licence_valid_upto)->format('d-F-Y')
                                                    : '')
                                                : ($freightEntry->driver_license_valid_upto
                                                    ? \Carbon\Carbon::parse($freightEntry->driver_license_valid_upto)->format('d-F-Y')
                                                    : '') }}"
                        {{ $isCompanyDriver ? 'readonly' : '' }}>
                        <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:18%;">Material Name / Desc</th>
                            <th style="width:8%;">HSN Code</th>
                            <th style="width:13%;">Packing Type</th>
                            <th style="width:16%;">No. of Units / Actual Weight</th>
                            <th style="width:11%;">Unit</th>
                            <th style="width:8%;">Charge Weight</th>
                            <th style="width:8%;">Rate</th>
                            <th style="width:12%;">Freight Amount</th>
                            <th style="width:6%;">Act</th>
                        </tr>
                    </thead>
                    <tbody id="goodsTableBody">
                        @if ($freightEntry->items && $freightEntry->items->count() > 0)
                        @foreach ($freightEntry->items as $index => $item)
                        <tr>
                            <td><input type="text"
                                    name="items[{{ $index }}][material_name]"
                                    class="form-control" placeholder="e.g. Iron Scrap"
                                    value="{{ $item->material_name }}">
                                <input type="hidden" name="items[{{ $index }}][id]"
                                    value="{{ $item->id }}">
                            </td>
                            <td><input type="text" name="items[{{ $index }}][hsn_code]"
                                    class="form-control" placeholder="HSN"
                                    value="{{ $item->hsn_code }}"></td>
                            <td>
                                <select name="items[{{ $index }}][packing_type]"
                                    class="form-select">
                                    <option value="">--Select--</option>
                                    @foreach (['BOX', 'BAG', 'CARTON', 'POUCH', 'BOTTLE', 'CAN', 'DRUM', 'CRATE', 'BUNDLE', 'ROLL', 'LOOSE', 'BULK', 'WRAPPED', 'PALLET'] as $pack)
                                    <option value="{{ $pack }}"
                                        {{ $item->packing_type == $pack ? 'selected' : '' }}>
                                        {{ $pack }}
                                    </option>
                                    @endforeach
                                </select>
                            </td>

                            <td><input type="number" step="0.01"
                                    name="items[{{ $index }}][actual_weight]"
                                    class="form-control" placeholder="0.00"
                                    value="{{ $item->actual_weight }}"></td>
                            <td>
                                <select name="items[{{ $index }}][weight_unit]"
                                    class="form-select">
                                    <option value="">--Select Unit--</option>
                                    @foreach ([
                                    'KG' => 'KG (Kilogram)',
                                    'G' => 'G (Gram)',
                                    'MT' => 'MT (Metric Ton)',
                                    'TON' => 'TON (Ton)',
                                    'LB' => 'LB (Pound)',
                                    'OZ' => 'OZ (Ounce)',
                                    'CBM' => 'CBM (Cubic Meter)',
                                    'CFT' => 'CFT (Cubic Feet)',
                                    'LTR' => 'LTR (Litre)',
                                    'ML' => 'ML (Millilitre)',
                                    'NOS' => 'NOS (Numbers)',
                                    'PCS' => 'PCS (Pieces)',
                                    'PKT' => 'PKT (Packet)',
                                    'BOX' => 'BOX',
                                    'BAG' => 'BAG',
                                    'DRUM' => 'DRUM',
                                    'CAN' => 'CAN',
                                    'BOTTLE' => 'BOTTLE',
                                    'ROLL' => 'ROLL',
                                    'CRATE' => 'CRATE',
                                    'BUNDLE' => 'BUNDLE',
                                    'PALLET' => 'PALLET',
                                    'CARTON' => 'CARTON',
                                    'BALE' => 'BALE',
                                    'LOOSE' => 'LOOSE',
                                    'BULK' => 'BULK',
                                    ] as $key => $label)
                                    <option value="{{ $key }}"
                                        {{ $item->weight_unit == $key ? 'selected' : '' }}>
                                        {{ $label }}
                                    </option>
                                    @endforeach
                                </select>
                            </td>


                            <td><input type="number" step="0.01"
                                    name="items[{{ $index }}][charge_weight]"
                                    class="form-control" placeholder="0.00"
                                    value="{{ $item->charge_weight }}"></td>
                            <td><input type="number" step="0.01"
                                    name="items[{{ $index }}][rate]"
                                    class="form-control rate-input" placeholder="0.00"
                                    value="{{ $item->rate }}"></td>
                            <td><input type="text" name="items[{{ $index }}][amount]"
                                    class="form-control bg-light-input amount-input" readonly
                                    placeholder="0.00" value="{{ $item->amount }}"></td>
                            <td><button type="button"
                                    class="btn btn-sm btn-outline-danger removeRow"><i
                                        class="ri-delete-bin-line"></i></button></td>
                        </tr>
                        @endforeach
                        @else
                        <tr>
                            <td><input type="text" name="items[0][material_name]" class="form-control"
                                    placeholder="e.g. Iron Scrap"></td>
                            <td><input type="text" name="items[0][hsn_code]" class="form-control"
                                    placeholder="HSN"></td>
                            <td>
                                <select name="items[0][packing_type]" class="form-select">
                                    <option value="">--Select--</option>
                                    <option>BOX</option>
                                    <option>BAG</option>
                                    <option>CARTON</option>
                                    <option>POUCH</option>
                                    <option>BOTTLE</option>
                                    <option>CAN</option>
                                    <option>DRUM</option>
                                    <option>CRATE</option>
                                    <option>BUNDLE</option>
                                    <option>ROLL</option>
                                    <option>LOOSE</option>
                                    <option>BULK</option>
                                    <option>WRAPPED</option>
                                    <option>PALLET</option>
                                </select>
                            </td>
                            <td><input type="number" name="items[0][qty]" class="form-control"
                                    placeholder="0"></td>
                            <td><input type="number" step="0.01" name="items[0][actual_weight]"
                                    class="form-control" placeholder="0.00"></td>
                            <td>
                                <select name="items[0][weight_unit]" class="form-select">
                                    <option value="">--Select Unit--</option>

                                    <!-- Weight -->
                                    <option value="KG">KG (Kilogram)</option>
                                    <option value="G">G (Gram)</option>
                                    <option value="MT">MT (Metric Ton)</option>
                                    <option value="TON">TON (Ton)</option>
                                    <option value="LB">LB (Pound)</option>
                                    <option value="OZ">OZ (Ounce)</option>

                                    <!-- Volume -->
                                    <option value="CBM">CBM (Cubic Meter)</option>
                                    <option value="CFT">CFT (Cubic Feet)</option>

                                    <!-- Liquid -->
                                    <option value="LTR">LTR (Litre)</option>
                                    <option value="ML">ML (Millilitre)</option>

                                    <!-- Count / Packages -->
                                    <option value="NOS">NOS (Numbers)</option>
                                    <option value="PCS">PCS (Pieces)</option>
                                    <option value="PKT">PKT (Packet)</option>
                                    <option value="BOX">BOX</option>
                                    <option value="BAG">BAG</option>
                                    <option value="DRUM">DRUM</option>
                                    <option value="CAN">CAN</option>
                                    <option value="BOTTLE">BOTTLE</option>
                                    <option value="ROLL">ROLL</option>
                                    <option value="CRATE">CRATE</option>
                                    <option value="BUNDLE">BUNDLE</option>
                                    <option value="PALLET">PALLET</option>
                                    <option value="CARTON">CARTON</option>
                                    <option value="BALE">BALE</option>
                                    <option value="LOOSE">LOOSE</option>
                                    <option value="BULK">BULK</option>
                                </select>
                            </td>
                            <td><input type="number" step="0.01" name="items[0][charge_weight]"
                                    class="form-control" placeholder="0.00"></td>
                            <td><input type="number" step="0.01" name="items[0][rate]"
                                    class="form-control rate-input" placeholder="0.00"></td>
                            <td><input type="text" name="items[0][amount]"
                                    class="form-control bg-light-input amount-input" readonly
                                    placeholder="0.00"></td>
                            <td><button type="button" class="btn btn-sm btn-outline-danger"><i
                                        class="ri-delete-bin-line"></i></button></td>
                        </tr>
                        @endif
                    </tbody>
                    <tfoot>
                        <tr class="fw-bold bg-light">
                            <td colspan="3" class="text-end">Total:</td>
                            <td><span id="totalActualWeight">0.00</span></td>
                            <td></td>
                            <td><span id="totalChargeWeight">0.00</span></td>
                            <td colspan="2"></td>
                            <td><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', $freightEntry->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" id="invoice_date"
                                name="invoice_date"
                                value="{{ old('invoice_date', isset($freightEntry->invoice_date) ? \Carbon\Carbon::parse($freightEntry->invoice_date)->format('d-m-Y') : '') }}">
                        </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', $freightEntry->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', $freightEntry->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" id="eway_bil_validity"
                                name="eway_bil_validity"
                                value="{{ old('eway_bil_validity', isset($freightEntry->eway_bil_validity) ? \Carbon\Carbon::parse($freightEntry->eway_bil_validity)->format('d-m-Y') : '') }}">
                        </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" id="eway_bil_generated_on"
                                name="eway_bil_generated_on"
                                value="{{ old('eway_bil_generated_on', isset($freightEntry->eway_bil_generated_on) ? \Carbon\Carbon::parse($freightEntry->eway_bil_generated_on)->format('d-m-Y') : '') }}">
                        </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" id="demurrage_charge"
                            name="demurrage_charge"
                            value="{{ old('demurrage_charge', $freightEntry->demurrage_charge) }}">
                        <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', $freightEntry->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', $freightEntry->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" id="loading_date"
                                name="loading_date"
                                value="{{ old('loading_date', isset($freightEntry->loading_date) ? \Carbon\Carbon::parse($freightEntry->loading_date)->format('d-m-Y') : '') }}">
                        </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" id="reporting_date"
                                name="reporting_date"
                                value="{{ old('reporting_date', isset($freightEntry->reporting_date) ? \Carbon\Carbon::parse($freightEntry->reporting_date)->format('d-m-Y') : '') }}">
                        </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, Risk & Insurance
                </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
                        </label>
                        {!! Form::select(
                        'transport_mode',
                        [
                        '' => '--Select--',
                        'Road' => 'By Road',
                        'Rail' => 'By Rail',
                        'Air' => 'By Air',
                        'Express' => 'Express',
                        ],
                        old('transport_mode', $freightEntry->transport_mode),
                        ['class' => 'form-control select2', 'id' => 'transport_mode'],
                        ) !!}
                        <div class="text-danger">{{ $errors->first('transport_mode') }}</div>
                    </div>

                    {{-- RISK TYPE --}}
                    @php
                    $isLocked = !empty($freightEntry->risk_type);
                    @endphp

                    <div class="col-md-4" style="padding-left:40px !important;">
                        <label class="form-label fw-bold d-block">Risk Type</label>

                        {{-- Hidden input so disabled radios still submit --}}
                        @if ($isLocked)
                        <input type="hidden" name="risk_type" value="{{ $freightEntry->risk_type }}">
                        @endif

                        <div class="form-check mt-2">
                            <input class="form-check-input" type="radio" name="risk_type" id="rk_owner"
                                value="Owner"
                                {{ old('risk_type', $freightEntry->risk_type) == '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', $freightEntry->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">

                            <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', $freightEntry->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', $freightEntry->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', $freightEntry->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" id="policy_date"
                                        name="policy_date"
                                        value="{{ old(
                                                    'policy_date',
                                                    isset($freightEntry->policy_date) ? \Carbon\Carbon::parse($freightEntry->policy_date)->format('d-m-Y') : '',
                                                ) }}">
                                </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', $freightEntry->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="0.00" id="Freight" name="freight">
                </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" placeholder="0.00"
                        value="{{ old('loading_charge', $freightEntry->loading_charge) }}">
                </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" placeholder="0.00"
                        value="{{ old('unloading_charge', $freightEntry->unloading_charge) }}">
                </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" placeholder="0.00"
                        value="{{ old('holding_charge', $freightEntry->holding_charge) }}">
                </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" placeholder="0.00"
                        value="{{ old('vasuli_charge', $freightEntry->vasuli_charge) }}">
                </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" placeholder="0.00"
                        value="{{ old('kata_charge', $freightEntry->kata_charge) }}">
                </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" placeholder="0.00"
                        value="{{ old('challan_charge', $freightEntry->challan_charge) }}">
                </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" placeholder="0.00"
                        value="{{ old('overload_charge', $freightEntry->overload_charge) }}">
                </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" placeholder="0.00"
                        value="{{ old('other_charge', $freightEntry->other_charge) }}">
                </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" readonly
                        value="{{ old('sub_total', $freightEntry->sub_total ?? '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', $freightEntry->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', $freightEntry->gst_pay_by) == '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', $freightEntry->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', $freightEntry->gst_pay_by) == 'Exempt' ? 'checked' : '' }}>
                        <label class="btn btn-outline-secondary 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">
                    <label class="form-label small fw-bold">GST Type</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', $freightEntry->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">

                <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" readonly value="0.00">
                </div>

                {{-- <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" readonly
                                value="{{ old('gst_amount', $freightEntry->gst_amount ?? '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" placeholder="0"
                    value="{{ old('round_off', $freightEntry->round_off) }}">
            </div>

            <div class="d-flex justify-content-between align-items-center">
                <h5 class="fw-bold text-primary m-0">Grand Total</h5>
                <h4 class="fw-bold m-0" step="0.001" id="grandTotal">₹ 0.00</h4>
                <input type="hidden" name="grand_total" value="{{ $freightEntry->grand_total }}">
            </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" placeholder="0.00"
                                value="{{ old('commission_percent', $freightEntry->commission_percent) }}">
        </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" placeholder="0.00"
                value="{{ old('commission_amount', $freightEntry->commission_amount) }}">
        </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" placeholder="0.00"
                value="{{ old('other_deduction', $freightEntry->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" placeholder="0.00" readonly
                value="{{ old('net_total', $freightEntry->net_total) }}">
        </div>

        <div class="form-check mt-2" style="margin-right: 10px;">
            <input class="form-check-input" type="checkbox" name="hide_freight" id="hide_freight"
                {{ old('hide_freight', $freightEntry->hide_freight) ? 'checked' : '' }}>
            <label class="form-check-label small" for="hide_freight">
                Hide Freight in Final Builty PDF
            </label>
        </div>

    </div>

    <div class="d-grid gap-2">
        <button type="submit" class="btn btn-primary btn-lg">
            <i class="ri-save-line"></i> Update 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>
    function n(val) {
        val = parseFloat(val);
        return isNaN(val) ? 0 : val;
    }

    function f(val) {
        return n(val).toFixed(2);
    }
    // datepicker
    $('.datepicker').daterangepicker({
        singleDatePicker: true,
        locale: {
            format: 'DD-MM-YYYY'
        }
    });



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

    // Format other amount fields on blur
    $(document).on('blur', '[name="round_off"],[name="other_deduction"],[name="insured_amount"]', 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 (or force it if editing)
                        if (dropdown.find('option[value="'+currentVal+'"]').length === 0 && selectedDriverId) {
                            // If we are editing, the driver might currently be busy on THIS trip, so they might not be in available list.
                            // We should fetch their name somehow, but since they are already selected in the blade template initially,
                            // we can actually just preserve them.
                            dropdown.append('<option value="' + currentVal + '">Current Driver</option>');
                        }
                        dropdown.val(currentVal).trigger('change');
                    }
                }
            }
        });
    }

    // Call on load
    loadAvailableDrivers("{{ old('employee_id', $freightEntry->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 && res.employee_id != "{{ $freightEntry->employee_id }}") {
                            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;
    }

    function calcGoodsTotals() {

        let totalActual = 0,
            totalCharge = 0,
            basicFreight = 0;

        $('#goodsTableBody tr').each(function() {
            let r = $(this);
            totalActual += n(r.find('[name*="[actual_weight]"]').val());
            totalCharge += n(r.find('[name*="[charge_weight]"]').val());
            basicFreight += n(r.find('[name*="[amount]"]').val());
        });

        $('#totalActualWeight').text(f(totalActual));
        $('#totalChargeWeight').text(f(totalCharge));
        $('#totalBasicFreight').text(f(basicFreight));
        $('#Freight').val(f(basicFreight));

        calcGrandTotal();
    }

    //GRAND TOTAL
    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 gstPercent = n($('[name="gst_percent"]').val());
        let gstAmount = (subTotal * gstPercent) / 100;
        $('#gstAmount').val(f(gstAmount));

        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 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 - Starts counting from existing items
    let itemIndex = {{ $freightEntry->items->count() > 0 ? $freightEntry->items->count() : 1 }};

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

        $('#goodsTableBody').append(`
        <tr>
            <td><input name="items[${itemIndex}][material_name]" class="form-control"></td>
            <td><input name="items[${itemIndex}][hsn_code]" class="form-control"></td>
            <td>
                <select name="items[${itemIndex}][packing_type]" class="form-select">
                    <option>BOX</option><option>BAG</option><option>BULK</option>
                    <option>CARTON</option><option>POUCH</option><option>BOTTLE</option>
                    <option>CAN</option><option>DRUM</option><option>CRATE</option>
                    <option>BUNDLE</option><option>ROLL</option><option>LOOSE</option>
                    <option>WRAPPED</option><option>PALLET</option>
                </select>
            </td>
            /
            <td><input type="number" step="0.01" name="items[${itemIndex}][actual_weight]" class="form-control"></td>
               <!-- Unit Dropdown -->
        <td>
            <select name="items[${itemIndex}][weight_unit]" class="form-select">
                 <!-- Weight -->
               <option value="KG">KG (Kilogram)</option>
               <option value="G">G (Gram)</option>
               <option value="MT">MT (Metric Ton)</option>
               <option value="TON">TON (Ton)</option>
               <option value="LB">LB (Pound)</option>
               <option value="OZ">OZ (Ounce)</option>

               <!-- Volume -->
               <option value="CBM">CBM (Cubic Meter)</option>
               <option value="CFT">CFT (Cubic Feet)</option>

               <!-- Liquid -->
               <option value="LTR">LTR (Litre)</option>
               <option value="ML">ML (Millilitre)</option>

               <!-- Count / Packages -->
               <option value="NOS">NOS (Numbers)</option>
               <option value="PCS">PCS (Pieces)</option>
               <option value="PKT">PKT (Packet)</option>
               <option value="BOX">BOX</option>
               <option value="BAG">BAG</option>
               <option value="DRUM">DRUM</option>
               <option value="CAN">CAN</option>
               <option value="BOTTLE">BOTTLE</option>
               <option value="ROLL">ROLL</option>
               <option value="CRATE">CRATE</option>
               <option value="BUNDLE">BUNDLE</option>
               <option value="PALLET">PALLET</option>
               <option value="CARTON">CARTON</option>
               <option value="BALE">BALE</option>
               <option value="LOOSE">LOOSE</option>
               <option value="BULK">BULK</option>
            </select>
        </td>

            <td><input type="number" step="0.01" name="items[${itemIndex}][charge_weight]" class="form-control"></td>
            <td><input type="number" step="0.01" name="items[${itemIndex}][rate]" class="form-control rate-input"></td>
            <td><input name="items[${itemIndex}][amount]" class="form-control bg-light-input" readonly></td>
            <td><button type="button" class="btn btn-sm btn-danger removeRow">X</button></td>
        </tr>
    `);

        itemIndex++;
    });

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

    // Initialize all values on page load with proper formatting
    $(document).ready(function() {
        // Format all amount fields in goods table
        $('#goodsTableBody tr').each(function() {
            let amountField = $(this).find('[name*="[amount]"]');
            let amountVal = amountField.val();
            if (amountVal && amountVal !== '') {
                amountField.val(f(amountVal));
            }
        });

        // Format all charge fields
        let chargeFields = [
            '[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"]',
            '[name="insured_amount"]'
        ];

        chargeFields.forEach(function(selector) {
            let field = $(selector);
            let val = field.val();
            if (val && val !== '') {
                field.val(f(val));
            }
        });

        // Calculate and display all values
        setTimeout(function() {
            calcGoodsTotals();
        }, 100);
    });
</script>

<script>
    $(document).ready(function() {

        $('#company_driver').on('change', function() {
            let driverId = $(this).val();

            if (!driverId) {
                $('#showDriverDetails').prop('checked', true);
                // $('.driver-info-box').slideDown();
                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-MMMM-YYYY");

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

                    // $('#showDriverDetails').prop('checked', true);
                    // $('.driver-info-box').slideDown();
                }
            });
        });

    });
</script>
{{-- Party Details Auto Fill --}}
<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 + '_pan').val(data.pan ?? '');
            $('#' + prefix + '_email').val(data.email ?? '');
        }

        // CONSIGNOR AUTO FILL
        $('#consignor_id').on('change', function() {

            let id = $(this).val();
            if (!id) return;

            $.ajax({
                url: "{{ route('party.details', '') }}/" + id,
                type: 'GET',
                success: function(data) {
                    fillParty('consignor', data);
                }
            });
        });

        // CONSIGNEE AUTO FILL
        $('#consignee_id').on('change', function() {

            let id = $(this).val();
            if (!id) return;

            $.ajax({
                url: "{{ route('party.details', '') }}/" + id,
                type: 'GET',
                success: function(data) {
                    fillParty('consignee', data);
                }
            });
        });

    });

    // GST BREAKUP DISPLAY

    $(document).ready(function() {
        showGstBreakup(); // initial load
    });

    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
        // ================================
        // ================================
        // Freight Paid By → GST + Payment Mapping
        // ================================

        $('input[name="paid_by"]').on('change', function() {

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

            if (!paidBy) return;

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

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

            if (paidBy === 'Transporter') {
                $('#gst_transporter').prop('checked', true);
            }

            showGstBreakup();
        });

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


    });
    // $('#gst_percent').on('change', showGstBreakup);
    // $('input[name="gst_pay_by"]').on('change', showGstBreakup);
    // $('#consignor_id, #consignee_id').on('change', () => setTimeout(showGstBreakup, 300));
    // $(document).ready(showGstBreakup);
</script>
{{-- -----------------DRIVER SELECT READ ONLY-------------------- --}}
<script>
    $('#company_driver').on('change', function() {

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

        // IF COMPANY DRIVER SELECTED
        if (driverId) {

            $('#driver_name, #driver_mobile, #driver_license_no, #driver_license_valid_upto')
                .prop('readonly', true);

            $('.driver-info-box').slideDown();

        } else {

            // EXTERNAL DRIVER MODE
            $('#driver_name, #driver_mobile, #driver_license_no, #driver_license_valid_upto')
                .prop('readonly', false)
                .val('');

            $('.driver-info-box').slideDown();
        }


    });

    $(document).on('input', '.only-numbers', function() {
        this.value = this.value.replace(/[^0-9]/g, '');
    });

    $(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();
    });

    // 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,
                id: "{{ $freightEntry->id }}"
            },
            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() {
        // Prevent default Enter key behavior on the entire form to avoid accidental submissions
        $('#freightForm').on('keydown', function(e) {
            if (e.key === 'Enter') {
                if ($(e.target).closest('#freightForm').length > 0) {
                    e.preventDefault();
                }
            }
        });

        // Handle Enter and Tab navigation
        $(document).on('keydown', '#freightForm input, #freightForm select, #freightForm textarea', function(e) {
            if (e.key === 'Enter' || e.key === 'Tab') {
                e.preventDefault();

                // Find all visible, enabled, non-readonly input fields
                let focusable = $('#freightForm').find('input, select, textarea').filter(function() {
                    let $el = $(this);
                    if ($el.attr('type') === 'hidden') return false;
                    if ($el.is(':disabled') || $el.is('[readonly]')) return false;

                    // For Select2, the original select is hidden, but its container is visible
                    if ($el.hasClass('select2-hidden-accessible')) {
                        let container = $el.next('.select2-container');
                        if (!container.is(':visible')) return false;
                    } else if (!$el.is(':visible')) {
                        return false;
                    }

                    // Skip buttons, checkboxes, radios, etc.
                    let type = $el.attr('type');
                    if (type === 'button' || type === 'submit' || type === 'reset' || type === 'checkbox' || type === 'radio') {
                        return false;
                    }
                    return true;
                });

                let index = focusable.index(this);
                if (index > -1) {
                    let nextIndex = e.shiftKey ? index - 1 : index + 1;
                    if (nextIndex >= 0 && nextIndex < focusable.length) {
                        let nextField = focusable.eq(nextIndex);
                        if (nextField.hasClass('select2-hidden-accessible')) {
                            nextField.select2('open');
                        } else {
                            nextField.focus();
                            if (nextField.is('input')) {
                                nextField.select();
                            }
                        }
                    }
                }
            }
        });
    });
</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>
@endpush