@extends('frontend.layout.app')

@section('content')

<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-md-6">

            <div class="card shadow-sm border-0 text-center p-4">

                <div class="mb-3">
                    <div class="display-1 text-success">✔</div>
                </div>

                <h3 class="text-success fw-bold">
                    Order Placed Successfully!
                </h3>

                <p class="text-muted mt-2">
                    Thank you for your order. We have received it and are processing it.
                </p>

                @if(isset($order))
                    <div class="alert alert-info mt-3">
                        <strong>Order Code:</strong> {{ $order->code }}
                    </div>
                @endif

                <div class="mt-3">
                    <a href="{{ route('home') }}" class="btn btn-success">
                        Continue Shopping
                    </a>

                    @if(Route::has('orders'))
                        <a href="{{ route('orders') }}" class="btn btn-outline-primary ms-2">
                            View Orders
                        </a>
                    @endif
                </div>

            </div>

        </div>
    </div>
</div>

@endsection