@extends('public.layout')
@section('title', 'Order Received')
@section('body')
<div class="card shadow-sm mx-auto text-center" style="max-width: 480px;">
    <div class="card-body p-4">
        <div class="text-success mb-3"><i class="fas fa-check-circle fa-4x"></i></div>
        <h4 class="card-title">Thank you!</h4>
        <p class="text-muted">Your order has been received.</p>
        <p class="mb-0"><strong>Order number:</strong> {{ $orderNumber }}</p>
        <p class="small text-muted mt-2">We will contact you at the phone number you provided.</p>
    </div>
</div>
@endsection