@extends('front.layouts.app')
@section('title', 'Order Placed')
@section('content')
<div class="section">
    <div class="section-inner">
        <div class="empty-state" style="max-width:600px;margin:0 auto">
            <div class="icon" style="font-size:5rem">&#10004;&#65039;</div>
            <h2 style="font-size:2rem">Order Placed Successfully!</h2>
            <p style="font-size:1.1rem">Your order number is: <strong style="color:var(--primary)">{{ $order->order_number }}</strong></p>
            <p>Thank you for your purchase. We will process your order shortly and send you a confirmation email.</p>
            <div class="hero-buttons" style="margin-top:25px">
                <a href="{{ route('shop') }}" class="btn btn-primary">Continue Shopping</a>
                @auth
                <a href="{{ route('orders') }}" class="btn btn-outline">View Orders</a>
                @endauth
            </div>
        </div>
    </div>
</div>
@endsection
