@extends('layouts.app')

@section('content')
<div class="container py-5 text-center">
    <div class="row justify-content-center">
        <div class="col-md-6">
            <div class="card border-0 shadow-sm rounded-4 p-5">
                <div class="mb-4">
                    <i class="bi bi-check-circle-fill text-success" style="font-size: 5rem;"></i>
                </div>

                <h2 class="fw-bold">Thank You for Your Order!</h2>
                <p class="text-muted">Your order has been placed successfully. We'll send you a confirmation email shortly.</p>

                <div class="bg-light p-3 rounded-3 mb-4">
                    <span class="text-muted d-block">Order Number</span>
                    <span class="fw-bold text-dark fs-5">{{ $order->order_number }}</span>
                </div>

                <div class="d-grid gap-2">
                    <a href="{{ url('/orders/' . $order->id) }}" class="btn btn-primary btn-lg rounded-pill fw-bold">
                        View Order Details
                    </a>
                    <a href="{{ url('/products') }}" class="btn btn-link text-decoration-none">
                        Continue Shopping
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection