@extends('layouts.master')

<style>
    .d-none {
        display: none;
    }

    .custom-dropdown {
        position: relative;
        display: inline-block;
        width: 100%;
    }

    .dropdown-toggle {
        background: white;
        border: 1px solid #ced4da;
        border-radius: 4px;
        padding: 5px;
        cursor: pointer;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: white;
        width: 100%;
        max-height: 300px;
        overflow-y: auto;
        border: 1px solid #ced4da;
        border-radius: 4px;
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }

    .table-hover tbody tr:hover {
        background-color: #f5f5f5;
    }

    .truck-details {
        cursor: pointer;
    }

    .urdu-text {
        font-family: 'Jameel Noori Nastaleeq', serif;
        font-weight: 700;
    }

    .form-label {
        text-align: right;
    }

    .form-control-urdu {
        text-align: right;
    }

    .az-content-label-urdu {
        float: right;
        font-size: 2.4vh;
        font-family: 'Jameel Noori Nastaleeq', serif;
        margin-bottom: 10px
    }

    .urdu-font {
        font-size: 17px;
    }

    .disabled {
        opacity: 0.5;
        pointer-events: none;
    }
</style>

@section('content')
    <!-- Breadcrumb and Page Title -->
    <div class="az-content-breadcrumb">
        <span>B-Cheque</span>
        <span>Create B-Cheque</span>
    </div>
    <h2 class="az-content-title" style="display: inline">
        Create B-Cheque
        <span>
            <a href="{{ route('b_cheque.list') }}" class="btn border" style="float: right">
                <i class="fa-solid fa-bars-staggered"></i> Back to List
            </a>
        </span>
    </h2>

    <div class="row">
        <div class="col-md-12 col-lg-12 col-xl-12">
            <div class="card card-body pd-40">
                <h5 class="card-title mg-b-20">Create B-Cheque</h5>
                <form action="{{ route('b_cheque.update', ['id' => Crypt::encrypt($b_cheque->id_b_cheque)]) }}"
                    method="POST">
                    @csrf
                    @method('PUT')
                    <!-- Error Display -->
                    @if (count($errors) > 0)
                        <div class="p-1">
                            @foreach ($errors->all() as $error)
                                <div class="alert alert-warning alert-danger fade show" role="alert">{{ $error }}
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                            @endforeach
                        </div>
                    @endif

                    <input type="hidden" name="get_supplier_name" id="set_supplier_name"
                        value="{{ $b_cheque->supplier_name ?? '' }}">
                    <div class="row row-sm mg-b-20">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="az-content-label" for="bCheck_date">Date</label>
                                <input type="text" class="form-control" name="bCheck_date" id="" readonly
                                    required value="{{ $b_cheque->date ?? '' }}">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="az-content-label" for="pb_no">PBNo</label>
                                <input type="text" class="form-control" name="pb_no" id="pb_no"
                                    value="{{ $b_cheque->pb_no ?? '' }}">
                            </div>
                        </div>

                        {{-- Truck Entries Start --}}
                        <div class="col-md-12 mt-3">
                            <div class="form-group">
                                <label class="az-content-label urdu-font" for="truck" style="float: right;">
                                    <span style="color:red;">*</span> ٹرک نمبر
                                </label>

                                <!-- Hidden native select element -->
                                <select class="form-control d-none" name="good_receipts_truck_id" id="truck" required>
                                    <option value="">- Select -</option>
                                    @foreach ($soldTrucks as $truck)
                                        <option value="{{ $truck->id_truck }}"
                                            {{ $b_cheque->good_receipts_truck_id == $truck->id_truck ? 'selected' : '' }}>
                                            {{ $truck->truck_no }}
                                        </option>
                                    @endforeach
                                </select>

                                <!-- Visible custom dropdown -->
                                <div class="custom-dropdown">
                                    <div class="dropdown-toggle form-control" id="truck-toggle">
                                        {{ $b_cheque->goodReceiptTruck->truck_no }}</div>
                                    <!-- Display selected truck here -->
                                    <div class="dropdown-content">
                                        <input type="text" id="truck-search" class="form-control"
                                            placeholder="Search the truck number..."
                                            onkeyup="showOnlyThisTruckDetails(this.value)">
                                        <table class="table table-bordered table-hover">
                                            <thead>
                                                <tr>
                                                    <th>Select</th>
                                                    <th>Truck No</th>
                                                    <th>Supplier</th>
                                                    <th>Main Category</th>
                                                    <th>Parent Category</th>
                                                    <th>Child Category</th>
                                                    <th>Marka</th>
                                                    <th>Bori</th>
                                                    <th>Weight</th>
                                                    <th>Price</th>
                                                    <th>Total Amount</th>
                                                </tr>
                                            </thead>
                                            <tbody id="truck-table-body">
                                                @foreach ($sales as $sale)
                                                    @if (!is_null($sale->goodReceiptTruck))
                                                        @foreach ($sale->salesItemsDetails as $saleDetails)
                                                            @php
                                                                // Check if this sale detail belongs to the same truck
                                                                $isSameTruck = $b_cheque->items->contains(
                                                                    'sales_d_id',
                                                                    $saleDetails->id_sid,
                                                                );
                                                            @endphp

                                                            <tr class="truck-details {{ !$isSameTruck ? 'disabled' : '' }}"
                                                                data-truck-id="{{ $sale->goodReceiptTruck->id_truck }}"
                                                                data-truck-no="{{ $sale->goodReceiptTruck->truck_no }}"
                                                                data-salesdetails-id="{{ $saleDetails->id_sid }}"
                                                                data-supplier-id="{{ $sale->goodReceiptTruck->goodReceiptDetails->first()->goodReceipt->supplier?->id_supplier }}"
                                                                data-rent-received="{{ $sale->goodReceiptTruck->goodReceiptDetails->first()->goodReceipt->rent_recieve }}">
                                                                <td>
                                                                    <input type="checkbox" class="truck-checkbox" hidden
                                                                        data-truck-id="{{ $sale->goodReceiptTruck->id_truck }}"
                                                                        {{ $isSameTruck ? 'checked' : '' }}>
                                                                    <span class="checkbox-icons">
                                                                        <i
                                                                            class="fa-solid fa-circle-check text-success {{ $isSameTruck ? '' : 'd-none' }}"></i>
                                                                        <i
                                                                            class="fa-regular fa-circle-xmark text-dark {{ !$isSameTruck ? '' : 'd-none' }}"></i>
                                                                    </span>
                                                                </td>
                                                                <td>{{ $sale->goodReceiptTruck->truck_no }}</td>
                                                                <td>{{ $sale->goodReceiptTruck->goodReceiptDetails->first()->goodReceipt->supplier->supplier_name ?? 'N/A' }}
                                                                </td>
                                                                <td data-mcat-id="{{ $saleDetails->items_main_cate }}">
                                                                    {{ $saleDetails->productMainCate?->products_category_name }}
                                                                </td>
                                                                <td data-pcat-id="{{ $saleDetails->items_parent_cate }}">
                                                                    {{ $saleDetails->productParentCate?->name }}</td>
                                                                <td data-ccat-id="{{ $saleDetails->items_child_cate }}">
                                                                    {{ $saleDetails->productChildCate?->name }}</td>
                                                                <td>{{ $saleDetails->marka }}</td>
                                                                <td>{{ $saleDetails->bori }}</td>
                                                                <td>{{ $saleDetails->weight }}</td>
                                                                <td>{{ $saleDetails->rate }}</td>
                                                                <td>{{ $saleDetails->amount }}</td>
                                                            </tr>
                                                        @endforeach
                                                    @endif
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {{-- Truck Entries End --}}

                        <div class="col-md-4 mt-3">
                            <div class="form-group">
                                <label class="az-content-label urdu-font" for="suppliers" style="float: right;">
                                    <span style="color:red;">*</span>
                                    سپلائرز
                                </label>
                                <select class="form-control select2" name="suppliers" id="suppliers" required>
                                    <option value="">- Select -</option>
                                    @foreach ($suppliers as $key => $supplier)
                                        <option value="{{ $supplier->id_supplier }}"
                                            {{ $supplier->id_supplier == $b_cheque->supplier_id ? 'selected' : '' }}>
                                            {{ $supplier->supplier_name }} - {{ $supplier->supplier_name_urdu }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            @error('suppliers')
                                <span class="form-text text-danger">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>

                        <div class="col-md-4 mt-3">
                            <div class="form-group">
                                <label class="az-content-label urdu-font" for="bilty_no" style="float: right;">
                                    بلٹی نمبر
                                </label>
                                <input type="text" class="form-control" name="bilty_no" id="bilty_no"
                                    value="{{ $b_cheque->bilty_no }}">
                            </div>
                        </div>
                        <div class="col-md-4 mt-3">
                            <div class="form-group">
                                <label class="az-content-label urdu-font" for="detail" style="float: right;">
                                    تفصیل
                                </label>
                                <input type="text" class="form-control" name="details" id="detail"
                                    value="{{ $b_cheque->detail }}">
                            </div>
                        </div>
                        <div class="col-md-4 mt-3">
                            <label class="az-content-label" for="bCheck_status">Status</label>
                            <select id="bCheck_status" name="bCheck_status" class="form-control">
                                <option value="1" {{ $b_cheque->status == '1' ? 'selected' : '' }}>Active</option>
                                <option value="0" {{ $b_cheque->status == '0' ? 'selected' : '' }}>In-Active</option>
                            </select>
                            @error('bCheck_status')
                                <span class="form-text text-danger">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>

                        <!-- Item Details Section -->
                        <div class="col-md-12 mt-5">
                            <h4>
                                Item Details
                            </h4>
                            <div class="shadow p-3 bg-light rounded">
                                <table class="table table-bordered" id="item-table">
                                    <thead>
                                        <tr>
                                            <th style="font-size: 13px; color: black; text-align: left;">
                                                Main Cate
                                            </th>
                                            <th style="font-size: 13px; color: black; text-align: left;">
                                                Parent Cate
                                            </th>
                                            <th style="font-size: 13px; color: black; text-align: left;">
                                                Child Cate
                                            </th>
                                            <th
                                                style="font-size: 2vh; color: black; text-align: right; font-family: 'Jameel Noori Nastaleeq', serif;">
                                                مارکہ
                                            </th>
                                            <th
                                                style="font-size: 2vh; color: black; text-align: right; font-family: 'Jameel Noori Nastaleeq', serif;">
                                                بوری
                                            </th>
                                            <th
                                                style="font-size: 2vh; color: black; text-align: right; font-family: 'Jameel Noori Nastaleeq', serif;">
                                                وزن
                                            </th>
                                            <th
                                                style="font-size: 2vh; color: black; text-align: right; font-family: 'Jameel Noori Nastaleeq', serif;">
                                                ریٹ
                                            </th>
                                            <th
                                                style="font-size: 2vh; color: black; text-align: right; font-family: 'Jameel Noori Nastaleeq', serif;">
                                                رقم
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody id="item-details">
                                        @foreach ($b_cheque->items as $key => $items)
                                            @php
                                                $uniqueId = $key + 1; // unique id for each row
                                                // Auto-calculate amount only when both weight and rate exist
                                                $autoAmount = $items->weight > 0 && $items->rate > 0;
                                            @endphp
                                            <tr data-truck-no="{{ $b_cheque->goodReceiptTruck->id_truck }}"
                                                data-salesdetails-id="{{ $items->sales_d_id }}">

                                                <input type="hidden" name="salesDeId[]"
                                                    value="{{ $items->sales_d_id }}">

                                                {{-- Main Category --}}
                                                <td>
                                                    <select class="form-control form-control-sm mainCateSelect"
                                                        id="mainCate_{{ $uniqueId }}" name="mainCate[]"
                                                        onchange="checkForParentCate(this.value, {{ $uniqueId }})">
                                                        <option value="">Select Main</option>
                                                        @foreach ($productCateMain as $main)
                                                            <option value="{{ $main->id_pro_cate_main }}"
                                                                {{ $items->main_cate == $main->id_pro_cate_main ? 'selected' : '' }}>
                                                                {{ $main->products_category_name }} |
                                                                {{ $main->products_category_name_urdu }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </td>

                                                {{-- Parent Category --}}
                                                <td>
                                                    <select class="form-control form-control-sm parentCateSelect"
                                                        id="parentCate_{{ $uniqueId }}" name="parentCate[]"
                                                        data-selected="{{ $items->parent_cate }}"
                                                        onchange="checkForChildCate(this.value, {{ $uniqueId }})">
                                                        <option value="">Select Parent</option>
                                                        @if ($items->parent_cate)
                                                            <option value="{{ $items->parent_cate }}" selected>
                                                                {{ $items->parent_cate_name ?? 'Selected Parent' }}
                                                            </option>
                                                        @endif
                                                    </select>
                                                </td>

                                                {{-- Child Category --}}
                                                <td>
                                                    <select class="form-control form-control-sm childCateSelect"
                                                        id="childCate_{{ $uniqueId }}" name="childCate[]"
                                                        data-selected="{{ $items->child_cate }}"
                                                        onchange="updateChildValue({{ $uniqueId }})">
                                                        <option value="">Select Child</option>
                                                        @if ($items->child_cate)
                                                            <option value="{{ $items->child_cate }}" selected>
                                                                {{ $items->child_cate_name ?? 'Selected Child' }}
                                                            </option>
                                                        @endif
                                                    </select>
                                                </td>

                                                {{-- Marka --}}
                                                <td>
                                                    <input type="text" readonly class="form-control form-control-sm"
                                                        name="marka[]" value="{{ $items->marka }}">
                                                </td>

                                                {{-- Bori --}}
                                                <td>
                                                    <input type="text" step="any"
                                                        class="form-control form-control-sm bori-field boriSet n-amount"
                                                        name="bori[]" value="{{ $items->bori }}">
                                                </td>

                                                {{-- Weight --}}
                                                <td>
                                                    <input type="text" step="any"
                                                        class="form-control form-control-sm weight-field weightSet n-amount"
                                                        name="weight[]" value="{{ $items->weight }}">
                                                </td>

                                                {{-- Rate --}}
                                                <td>
                                                    <input type="text" step="any"
                                                        class="form-control form-control-sm rate-field rate-input rateSet n-amount"
                                                        name="rate[]" value="{{ $items->rate }}">
                                                </td>

                                                {{-- Amount: auto-calculated when weight & rate exist, manual otherwise --}}
                                                <td>
                                                    <input type="text" step="any"
                                                        class="form-control form-control-sm amount-field amountSet n-amount {{ $autoAmount ? 'bg-light' : '' }}"
                                                        name="amount[]" value="{{ $items->amount }}"
                                                        {{ $autoAmount ? 'readonly' : '' }}>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <br>
                    <hr>
                    <br>