{{--
    Order confirmation. Reached only via a session flash of the placed order id
    (CheckoutController::confirmation) — not deep-linkable. $order is a
    Lunar\Models\Order with lines + shipping/billing addresses eager-loaded.
    $bankTransferInstructions is already-sanitized HTML from
    StoreDetailsService::bankTransferInstructionsFor(), or null unless this
    is a bank transfer order with instructions filled in for this locale.
--}}
@extends('layouts.app')

@section('title', __('checkout.page.confirmation_title') . ' — ' . config('app.name'))

@section('content')
    <div class="bbk-confirmation">
        <h1 class="bbk-confirmation-heading">{{ __('checkout.page.confirmation_heading') }}</h1>

        <div class="bbk-notice bbk-notice--info">
            <svg class="bbk-notice-icon" aria-hidden="true" focusable="false" viewBox="0 0 20 20" width="20" height="20">
                <circle cx="10" cy="10" r="8.25" fill="none" stroke="currentColor" stroke-width="1.5"/>
                <path d="M10 9v5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
                <circle cx="10" cy="6.25" r="1" fill="currentColor"/>
            </svg>
            <p class="bbk-notice-text">{{ __('checkout.page.confirmation_email_note') }}</p>
        </div>

        <dl class="bbk-confirmation-meta">
            <div class="bbk-confirmation-meta-row">
                <dt>{{ __('checkout.page.confirmation_order_number') }}</dt>
                <dd>#{{ \Modules\Core\Order\Support\OrderReferenceDisplay::resolve($order) }}</dd>
            </div>

            @if ($order->billingAddress?->contact_email)
                <div class="bbk-confirmation-meta-row">
                    <dt>{{ __('checkout.page.email_label') }}</dt>
                    <dd>{{ $order->billingAddress->contact_email }}</dd>
                </div>
            @endif

            @if ($paymentMethodName)
                <div class="bbk-confirmation-meta-row">
                    <dt>{{ __('checkout.page.payment_heading') }}</dt>
                    <dd>{{ $paymentMethodName }}</dd>
                </div>
            @endif

            @if ($shippingLine = $order->lines->firstWhere('type', 'shipping'))
                <div class="bbk-confirmation-meta-row">
                    <dt>{{ __('checkout.page.shipping_method_heading') }}</dt>
                    <dd>{{ $shippingLine->description }}</dd>
                </div>
            @endif
        </dl>

        {{-- Guests: logging in with the order's email attaches it to an account
             (boboko-core's Modules\Core\Customer\Listeners\ClaimGuestOrdersOnLogin),
             so it shows in their history. --}}
        @guest
            @if ($loginRoute = config('checkout.login_route'))
                <p class="bbk-checkout-note">
                    {{ __('checkout.page.confirmation_login_hint') }}
                    <a href="{{ route($loginRoute) }}">{{ __('checkout.page.login_link') }}</a>
                </p>
            @endif
        @endguest

        <section class="bbk-confirmation-section" aria-labelledby="bbk-confirmation-summary-heading">
            <h2 class="bbk-confirmation-section-heading" id="bbk-confirmation-summary-heading">
                {{ __('checkout.page.order_summary_heading') }}
            </h2>

            <ul class="bbk-confirmation-lines">
                @foreach ($order->lines->where('type', '!=', 'shipping') as $line)
                    <li class="bbk-confirmation-line">
                        <div class="bbk-cart-item-media">
                            {{-- alt="" — the description is right beside it. --}}
                            @if ($thumb = $line->purchasable?->getThumbnailImage())
                                <img src="{{ $thumb }}" alt="" width="72" height="72" loading="lazy">
                            @endif
                        </div>

                        <div class="bbk-confirmation-line-detail">
                            <p class="bbk-confirmation-line-name">
                                {{ $line->description }}
                                <span class="bbk-confirmation-line-qty">
                                    <span aria-hidden="true">&times; {{ $line->quantity }}</span>
                                    <span class="bbk-visually-hidden">— {{ __('checkout.cart.quantity') }}: {{ $line->quantity }}</span>
                                </span>
                            </p>

                            @if ($line->option)
                                <p class="bbk-cart-item-variant">{{ $line->option }}</p>
                            @endif

                            @include('checkout::partials.line-custom-fields', ['line' => $line])
                        </div>

                        <p class="bbk-confirmation-line-total">
                            <span class="bbk-visually-hidden">{{ __('checkout.cart.total') }}:</span>
                            {{ $line->sub_total?->formatted() }}
                        </p>
                    </li>
                @endforeach
            </ul>

            <div class="bbk-cart-summary">
                <div class="bbk-cart-summary-row">
                    <span>{{ __('checkout.cart.subtotal') }}</span>
                    <span>{{ $order->sub_total?->formatted() }}</span>
                </div>

                @if ($order->discount_total?->value > 0)
                    <div class="bbk-cart-summary-row bbk-cart-summary-row--discount">
                        <span>{{ __('checkout.cart.discount') }}</span>
                        <span>&minus;{{ $order->discount_total->formatted() }}</span>
                    </div>
                @endif

                <div class="bbk-cart-summary-row">
                    <span>{{ __('checkout.cart.shipping') }}</span>
                    <span>{{ $order->shipping_total?->formatted() }}</span>
                </div>

                @if ($order->tax_total?->value > 0)
                    <div class="bbk-cart-summary-row">
                        <span>{{ __('checkout.cart.tax') }}</span>
                        <span>{{ $order->tax_total->formatted() }}</span>
                    </div>
                @endif

                <div class="bbk-cart-summary-row bbk-cart-summary-row--total">
                    <span>{{ __('checkout.cart.total') }}</span>
                    <span>{{ $order->total?->formatted() }}</span>
                </div>
            </div>
        </section>

        @if ($order->shippingAddress || $order->billingAddress)
            <div class="bbk-confirmation-section bbk-confirmation-addresses">
                @if ($order->shippingAddress)
                    <section class="bbk-confirmation-address" aria-labelledby="bbk-confirmation-shipping-heading">
                        <h2 class="bbk-confirmation-address-heading" id="bbk-confirmation-shipping-heading">{{ __('checkout.page.confirmation_shipping_to') }}</h2>
                        <x-checkout::address-lines :address="$order->shippingAddress" />
                    </section>
                @endif

                @if ($order->billingAddress)
                    <section class="bbk-confirmation-address" aria-labelledby="bbk-confirmation-billing-heading">
                        <h2 class="bbk-confirmation-address-heading" id="bbk-confirmation-billing-heading">{{ __('checkout.page.confirmation_billing') }}</h2>
                        <x-checkout::address-lines :address="$order->billingAddress" />
                    </section>
                @endif
            </div>
        @endif

        @if ($bankTransferInstructions)
            <section class="bbk-confirmation-section bbk-confirmation-bank-transfer" aria-labelledby="bbk-confirmation-bank-transfer-heading">
                <h2 class="bbk-confirmation-bank-transfer-heading" id="bbk-confirmation-bank-transfer-heading">{{ __('checkout.page.confirmation_bank_transfer_heading') }}</h2>
                <div class="bbk-confirmation-bank-transfer-body">{!! $bankTransferInstructions !!}</div>
            </section>
        @endif
    </div>
@endsection