@php

    $shippingMode = $shippingMode ?? 'district_wise';

    $districts = $districts ?? collect();

    $districtChargeMap = $districtChargeMap ?? [];

    $defaultShippingFee = $defaultShippingFee ?? 80;

    $insideDhakaFee = $insideDhakaFee ?? 60;

    $outsideDhakaFee = $outsideDhakaFee ?? 120;

@endphp



<div class="address-summary" id="addressSummary" tabindex="0" role="button">

    <button type="button" class="address-summary-clear" id="addressSummaryClear" aria-label="Clear saved address" title="ঠিকানা মুছুন">&times;</button>

    <div class="summary-label">Delivery Address *</div>

    <div class="summary-text" id="addressSummaryText">Click to enter Address, Upazila &amp; District</div>

    <div class="summary-route" id="addressSummaryRoute" hidden></div>

    <div class="summary-hint">Address → Upazila/Police Station → District</div>

</div>



<div class="address-details-panel open" id="addressDetailsPanel">

    <button type="button" class="address-panel-clear" id="addressPanelClear" aria-label="Clear saved address">ঠিকানা পরিবর্তন</button>



    <div class="lp-field">

        <label for="shippingAddress">Address *</label>

        <div class="lp-input-wrap">

            <span class="lp-field-icon"><i class="fas fa-home"></i></span>

            <textarea name="shipping_address" id="shippingAddress" required rows="2" placeholder="Enter Your Address"></textarea>

        </div>

        <small class="text-muted d-block mt-1">Area search — area লিখলে suggestion থেকে select করলে Upazila/PS ও District auto fill হবে</small>

        <span class="d-block small text-muted" id="addressGeoStatus"></span>

        @include('shared.partials.delivery-area-breadcrumb')

    </div>



    <div class="lp-field">

        <label for="upazilaSelect">Upazila / Police Station *</label>

        <div class="lp-input-wrap lp-select-wrap">

            <span class="lp-field-icon"><i class="fas fa-location-arrow"></i></span>

            <select name="upazila" id="upazilaSelect" class="checkout-search-select" required data-placeholder="উপজেলা খুঁজুন / Type upazila">

                <option value=""></option>

            </select>

        </div>

        <small class="text-muted d-block mt-1">আগে Upazila/Police Station select করুন — District auto fill হবে</small>

    </div>



    <div class="lp-field">

        <label for="districtSelect">District *</label>

        <div class="lp-input-wrap lp-select-wrap">

            <span class="lp-field-icon"><i class="fas fa-map-marker-alt"></i></span>

            @if($shippingMode === 'simple')

            <select name="district" id="districtSelect" class="checkout-search-select" required data-placeholder="Select District">

                <option value=""></option>

                <option value="Inside Dhaka" data-id="0" data-charge="{{ $insideDhakaFee }}">Inside Dhaka</option>

                <option value="Outside Dhaka" data-id="0" data-charge="{{ $outsideDhakaFee }}">Outside Dhaka</option>

            </select>

            @else

            <select name="district" id="districtSelect" class="checkout-search-select" required data-placeholder="Select District">

                <option value=""></option>

                @foreach($districts as $district)

                @php $charge = $districtChargeMap[$district->id] ?? $district->shipping_charge ?? $defaultShippingFee; @endphp

                <option value="{{ $district->name }}" data-id="{{ $district->id }}" data-charge="{{ $charge }}">

                    {{ $district->name }}@if($district->bn_name) — {{ $district->bn_name }}@endif

                </option>

                @endforeach

            </select>

            @endif

        </div>

    </div>

</div>