@extends('layouts.app')
@section('title', 'Order Confirmed')
@section('content')
<div class="max-w-lg mx-auto px-4 py-16 text-center">
    <div class="text-5xl mb-4">✅</div>
    <h1 class="text-2xl font-bold mb-2">Thank you, {{ $order->customer_name }}!</h1>
    <p class="text-gray-600 mb-4">Your order <strong>{{ $order->order_number }}</strong> has been received.</p>
    <div class="border rounded-xl p-4 text-left text-sm space-y-1">
        <div class="flex justify-between"><span>Subtotal</span><span>৳{{ number_format($order->subtotal, 2) }}</span></div>
        <div class="flex justify-between"><span>Delivery</span><span>৳{{ number_format($order->delivery_charge, 2) }}</span></div>
        <div class="flex justify-between"><span>Discount</span><span>-৳{{ number_format($order->discount, 2) }}</span></div>
        <div class="flex justify-between font-bold border-t pt-1"><span>Total</span><span>৳{{ number_format($order->total, 2) }}</span></div>
    </div>
    <a href="{{ route('home') }}" class="inline-block mt-6 bg-brand text-white px-6 py-2 rounded-full font-semibold">Continue Shopping</a>
</div>
@endsection