@php
    $currency = currency_code(
        $cart->currency_code ?? null
    );

    /*
     * Keep these as raw numeric values.
     * The money() helper performs the final formatting.
     */
    $summarySubtotal = (float) ($subtotal ?? 0);
    $summaryShipping = (float) ($shippingCost ?? 0);
    $summaryTotal = (float) ($estimatedTotal ?? 0);

    $physicalProducts = (bool) (
        $hasPhysicalProducts ?? false
    );

    $cartItems = $cart->items ?? collect();

    $itemsCount = $cartItems->count();

    $quantityTotal = $cartItems->sum(
        static function ($item): int {
            return max(
                0,
                (int) ($item->quantity ?? 1)
            );
        }
    );

    $shippingQuotesAvailable = ! empty($quotes);
@endphp

<div
    class="card border-0 shadow-sm sticky-lg-top"
    style="top: 1rem;"
>
    <div
        class="card-header bg-white border-0 py-3
               d-flex justify-content-between align-items-center"
    >
        <h6 class="fw-700 mb-0">
            <i class="fas fa-receipt text-primary me-2"></i>
            {{ __('Order Summary') }}
        </h6>

        @if($itemsCount > 0)
            <span class="badge bg-light text-dark">
                {{ number_format($itemsCount) }}
                {{
                    \Illuminate\Support\Str::plural(
                        __('item'),
                        $itemsCount
                    )
                }}
            </span>
        @endif
    </div>

    <div class="card-body">
        {{-- Cart information --}}
        @if($quantityTotal > 0)
            <div class="rounded bg-light p-3 mb-3">
                <div
                    class="d-flex justify-content-between
                           align-items-center"
                >
                    <span class="text-muted small">
                        {{ __('Total quantity') }}
                    </span>

                    <span class="fw-600 small">
                        {{ number_format($quantityTotal) }}
                    </span>
                </div>
            </div>
        @endif

        {{-- Price breakdown --}}
        <dl class="row mb-0 small">
            {{-- Subtotal --}}
            <dt class="col-7 text-muted fw-normal">
                {{ __('Subtotal') }}
            </dt>

            <dd class="col-5 text-end fw-600">
                {{ money($summarySubtotal, $currency) }}
            </dd>

            {{-- Shipping --}}
            @if($physicalProducts)
                <dt class="col-7 text-muted fw-normal mt-2">
                    <i class="fas fa-truck me-1"></i>
                    {{ __('Shipping') }}
                </dt>

                <dd class="col-5 text-end fw-600 mt-2">
                    @if($summaryShipping > 0)
                        {{ money($summaryShipping, $currency) }}
                    @elseif($shippingQuotesAvailable)
                        <span class="text-muted">
                            {{ __('Select method') }}
                        </span>
                    @else
                        <span class="text-muted">
                            {{ __('Not calculated') }}
                        </span>
                    @endif
                </dd>
            @endif

            {{-- Tax notice --}}
            <dt class="col-7 text-muted fw-normal mt-2">
                <i class="fas fa-percent me-1"></i>
                {{ __('Tax / VAT') }}
            </dt>

            <dd class="col-5 text-end mt-2">
                <span class="text-muted">
                    {{ __('Calculated next') }}
                </span>
            </dd>

            {{-- Estimated total --}}
            <dt
                class="col-7 text-muted
                       border-top pt-3 mt-2 fw-700"
            >
                {{ __('Estimated Total') }}
            </dt>

            <dd
                class="col-5 text-end border-top
                       pt-3 mt-2 fw-800 fs-5 text-primary"
            >
                {{ money($summaryTotal, $currency) }}
            </dd>
        </dl>

        <div class="alert alert-info py-2 mt-3 mb-0 small">
            <i class="fas fa-info-circle me-1"></i>

            {{
                __(
                    'The final tax breakdown is calculated from your delivery location and will appear on the payment page.'
                )
            }}
        </div>

        {{-- Continue button --}}
        <div class="d-grid gap-2 mt-4">
            <button
                type="submit"
                form="checkoutForm"
                class="btn btn-primary btn-lg"
                id="placeOrderBtn"
            >
                <i class="fas fa-lock me-1"></i>
                {{ __('Continue to Payment') }}
            </button>

            <a
                href="{{ route('storefront.cart.index') }}"
                class="btn btn-outline-secondary"
            >
                <i class="fas fa-arrow-left me-1"></i>
                {{ __('Back to Cart') }}
            </a>
        </div>

        {{-- Security notice --}}
        <div class="alert alert-success mt-3 mb-0 py-2 small">
            <i class="fas fa-shield-alt me-1"></i>

            <strong>
                {{ __('Your data is secure.') }}
            </strong>

            {{
                __(
                    'SSL encryption protects your checkout information.'
                )
            }}
        </div>
    </div>
</div>

@push('styles')
    <style>
        .fw-600 {
            font-weight: 600;
        }

        .fw-700 {
            font-weight: 700;
        }

        .fw-800 {
            font-weight: 800;
        }

        @media (max-width: 991.98px) {
            .sticky-lg-top {
                position: static !important;
            }
        }
    </style>
@endpush