@php
    $linkedProduct = $linkedProduct ?? null;
    $showQty = $showQty ?? true;
@endphp
<section id="order-section" class="lp-checkout-wrap lp-organic-checkout"
         data-default-shipping="{{ (int) ($defaultShippingFee ?? 80) }}">
    <form id="lpCheckoutForm" class="lp-checkout-form" novalidate onsubmit="return false;">
    <div class="lp-organic-grid">
        {{-- Shipping + Payment --}}
        <div class="lp-organic-card">
            <div class="lp-organic-card-head">Shipping Information</div>
            <div class="lp-organic-card-body">
                <div class="lp-organic-name-row">
                    <div class="lp-field">
                        <label for="lpCustomerName">Name *</label>
                        <div class="lp-input-wrap">
                            <span class="lp-field-icon"><i class="fas fa-user"></i></span>
                            <input type="text" name="customer_name" id="lpCustomerName" placeholder="Enter Your Name" required autocomplete="name">
                        </div>
                    </div>
                    <div class="lp-field">
                        <label for="lpCustomerPhone">Phone Number *</label>
                        <div class="lp-input-wrap">
                            <span class="lp-field-icon"><i class="fas fa-phone"></i></span>
                            <input type="tel" name="customer_phone" id="lpCustomerPhone" class="bd-phone-input" placeholder="01XXXXXXXXX" maxlength="11" inputmode="numeric" required autocomplete="tel">
                        </div>
                    </div>
                </div>

                @include('frontEnd.partials.checkout-address-fields')

                <div class="lp-organic-pay-title">Payment Method</div>
                <div class="lp-payment-methods"></div>
            </div>
        </div>

        {{-- Order Summary --}}
        <div class="lp-organic-card">
            <div class="lp-organic-card-head">Order Summary</div>
            <div class="lp-organic-card-body">
                @if(!empty($linkedProduct))
                @if(!empty($lpProduct) && $lpProduct->hasActiveVariants())
                <div class="lp-organic-variant-wrap">
                    @include('themes.shared.product-variant-picker', ['product' => $lpProduct])
                </div>
                @endif

                <div class="lp-organic-product-row">
                    @if($linkedProduct['image'])
                    <img src="{{ $linkedProduct['image'] }}" alt="" class="lp-organic-product-img" data-lp-fill="image">
                    @endif
                    <div class="lp-organic-product-info">
                        <div class="lp-organic-product-name" data-lp-fill="order-name">{{ $linkedProduct['name'] }}</div>
                        <div class="lp-organic-product-price" data-lp-fill="sale-price">৳{{ number_format($linkedProduct['current_price']) }}</div>
                        @if($showQty)
                        <div class="lp-organic-qty">
                            <button type="button" class="lp-organic-qty-btn" id="lp1QtyMinus">−</button>
                            <input type="number" name="qty" id="lp1Qty" value="1" min="1" max="99" readonly>
                            <button type="button" class="lp-organic-qty-btn" id="lp1QtyPlus">+</button>
                        </div>
                        @else
                        <input type="hidden" name="qty" value="1">
                        @endif
                    </div>
                </div>

                <div class="lp-organic-totals">
                    <div class="lp-organic-total-line">
                        <span>Subtotal</span>
                        <span data-lp-fill="subtotal">{{ number_format($linkedProduct['current_price'], 0) }}৳</span>
                    </div>
                    <div class="lp-organic-total-line" id="lpShippingFeeRow">
                        <span>Shipping Fee:</span>
                        <span id="lpShippingFeeAmount">৳{{ number_format($defaultShippingFee ?? 80, 0) }}</span>
                    </div>
                    <div class="lp-organic-total-line lp-organic-discount-row" id="lpCouponDiscountRow" hidden>
                        <span>Discount:</span>
                        <span id="lpCouponDiscountAmount">-0.00৳</span>
                    </div>
                    <div class="lp-organic-total-line lp-organic-total-final">
                        <span>Total</span>
                        <span data-lp-fill="total">{{ number_format($linkedProduct['current_price'] + ($defaultShippingFee ?? 80), 0) }}৳</span>
                    </div>
                </div>

                <button type="button" class="lp-coupon-toggle" id="lpCouponToggle">
                    <i class="fas fa-tag"></i> Have a coupon?
                </button>
                <div class="lp-coupon-body" id="lpCouponBody">
                    <label class="visually-hidden" for="lpCouponCode">Coupon code</label>
                    <div class="lp-coupon-input-row">
                        <input type="text" id="lpCouponCode" class="lp-coupon-input" placeholder="কুপন কোড লিখুন">
                        <button type="button" class="lp-coupon-apply-btn" id="lpCouponApplyBtn">Apply</button>
                    </div>
                    <div id="lpCouponResult" class="lp-coupon-result"></div>
                </div>

                @include('shared.math-captcha', ['captcha' => $orderCaptcha ?? []])

                @include('frontEnd.landing.partials.order-bump', [
                    'orderBumpResolved' => $orderBumpResolved ?? null,
                ])

                <button type="button" class="lp-organic-confirm lp-checkout-submit" data-lp-fill="place-order">
                    Confirm Order
                </button>
                <p class="lp-organic-footnote">
                    @if(!empty($advanceSummary['required']))
                    Advance payment প্রয়োজন — manual (bKash/Nagad/Rocket/Bank) অথবা online gateway।
                    @else
                    🚚 Cash on Delivery / Online Payment
                    @endif
                </p>
                @endif
            </div>
        </div>
    </div>
    </form>
</section>