@extends('storefront.layout')

@section('title', 'Order placed')

@section('content')
    <section class="sf-section">
        <div class="sf-checkout__panel sf-checkout__success">
            <h1 class="sf-section-title">Order placed successfully</h1>
            <p>Your order number is <strong>{{ $order->order_number }}</strong>.</p>
            <p>Payment method: <strong>{{ ucwords(str_replace('_', ' ', (string) ($order->payment_method ?? 'N/A'))) }}</strong></p>
            @if(!empty($order->transaction_id))
                <p>Transaction ID: <strong>{{ $order->transaction_id }}</strong></p>
            @endif
            <p>
                We have sent a confirmation email.
                @if(!empty($order->customer_email))
                    Sent to <strong>{{ $order->customer_email }}</strong>.
                @endif
            </p>
            <div class="sf-checkout__success-actions">
                <a class="sf-btn sf-btn--accent" href="{{ route('storefront.checkout.receipt', ['slug' => $sfStore->slug, 'order' => $order->id]) }}">Download PDF receipt</a>
                <a class="sf-btn sf-btn--outline" href="{{ route('storefront.shop', ['slug' => $sfStore->slug]) }}">Continue shopping</a>
            </div>
        </div>
    </section>
@endsection