@extends('layouts.app')

@section('content')
    <section class="shop-hero" style="padding-bottom: 80px;">
        <div class="container reveal active">
            <span class="shop-kicker">
                <i class="fas fa-circle-check"></i>
                Bestellung eingegangen
            </span>
            <h1 style="max-width: 900px;">Danke. Die Bestellung <span>{{ $order->order_number }}</span> ist gespeichert.</h1>
            <p class="lead">
                Der Gast-Checkout hat funktioniert, der Lagerbestand wurde aktualisiert und die Zahlungsinformationen stehen jetzt f&uuml;r dich bereit.
            </p>
            <div class="shop-form-actions">
                <a href="{{ route('shop.index') }}" class="shop-button">Zur&uuml;ck zum Shop</a>
                <a href="{{ route('shop.cart.index') }}" class="shop-button-light">Warenkorb ansehen</a>
            </div>
        </div>
    </section>

    <section class="shop-section" style="padding-top: 0;">
        <div class="container shop-confirm-grid">
            <div class="shop-summary-card reveal">
                <span class="shop-muted-label">Bestellstatus</span>
                <h2 style="font-size: 2rem; margin: 14px 0 18px;">Zahlung und Versand</h2>

                <div class="shop-inline-meta" style="margin-bottom: 18px;">
                    <span class="shop-order-chip">{{ config('shop.order_statuses.' . $order->status, $order->status) }}</span>
                    <span class="shop-order-chip">{{ config('shop.payment_statuses.' . $order->payment_status, $order->payment_status) }}</span>
                </div>

                <ul class="shop-summary-list">
                    <li>
                        <span>Zahlungsart</span>
                        <strong>{{ $paymentMethod['label'] ?? $order->payment_method }}</strong>
                    </li>
                    <li>
                        <span>Zwischensumme</span>
                        <strong>{{ $order->subtotal_formatted }}</strong>
                    </li>
                    <li>
                        <span>Versand</span>
                        <strong>{{ $order->shipping_formatted }}</strong>
                    </li>
                    <li>
                        <span>Gesamt</span>
                        <strong>{{ $order->total_formatted }}</strong>
                    </li>
                </ul>

                <div style="margin-top: 22px;">
                    <span class="shop-muted-label">Hinweis zur Vorkasse</span>
                    <p class="shop-copy" style="margin-top: 12px;">{{ $paymentMethod['instructions'] ?? 'Die Zahlungsinformationen werden manuell bereitgestellt.' }}</p>
                    <ul class="shop-summary-list" style="margin-top: 18px;">
                        <li>
                            <span>Kontoinhaber</span>
                            <strong>{{ $prepayment['bank_account_name'] ?? '' }}</strong>
                        </li>
                        <li>
                            <span>IBAN</span>
                            <strong>{{ $prepayment['iban'] ?? '' }}</strong>
                        </li>
                        <li>
                            <span>PayPal</span>
                            <strong>{{ $prepayment['paypal_address'] ?? '' }}</strong>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="shop-summary-card reveal">
                <span class="shop-muted-label">Kundendaten</span>
                <h2 style="font-size: 2rem; margin: 14px 0 18px;">Liefer- und Kontaktdaten</h2>
                <ul class="shop-summary-list">
                    <li>
                        <span>Name</span>
                        <strong>{{ $order->customer_full_name }}</strong>
                    </li>
                    <li>
                        <span>E-Mail</span>
                        <strong>{{ $order->customer_email }}</strong>
                    </li>
                    <li>
                        <span>Versandart</span>
                        <strong>Deutschland-Versand</strong>
                    </li>
                    <li>
                        <span>Adresse</span>
                        <strong>{{ $order->street }}, {{ $order->postal_code }} {{ $order->city }}</strong>
                    </li>
                </ul>

                @if ($order->notes)
                    <div style="margin-top: 22px;">
                        <span class="shop-muted-label">Hinweise</span>
                        <p class="shop-copy" style="margin-top: 12px;">{{ $order->notes }}</p>
                    </div>
                @endif
            </div>
        </div>
    </section>

    <section class="shop-section" style="padding-top: 0;">
        <div class="container shop-surface" style="padding: 32px;">
            <div class="shop-filter-bar" style="margin-bottom: 24px;">
                <div>
                    <span class="shop-muted-label">Positionen</span>
                    <h2 style="font-size: 2.2rem; margin-top: 12px;">Bestellte Produkte</h2>
                </div>
            </div>

            <div class="shop-cart-items">
                @foreach ($order->items as $item)
                    <article class="shop-cart-item">
                        <div class="shop-cart-item-media">
                            <img src="{{ optional($item->product)->image_url ?? asset('img/logo-mark.png') }}" alt="{{ $item->product_name }}">
                        </div>
                        <div class="shop-cart-item-body">
                            <div class="shop-inline-meta">
                                <div>
                                    <div class="shop-muted-label">Bestellposition</div>
                                    <h3 class="shop-card-title" style="font-size: 1.35rem; margin-top: 8px;">{{ $item->product_name }}</h3>
                                </div>
                                <strong class="shop-price-current" style="font-size: 1.3rem;">{{ $item->line_total_formatted }}</strong>
                            </div>
                            <div class="shop-inline-meta">
                                <span class="shop-note">Menge: {{ $item->quantity }}</span>
                                <span class="shop-note">Einzelpreis: {{ $item->unit_price_formatted }}</span>
                            </div>
                        </div>
                    </article>
                @endforeach
            </div>
        </div>
    </section>
@endsection