@extends('layouts.app')

@section('title', 'Order Success')

@section('content')

<div class="container py-5 text-center">

    <div class="card shadow-sm p-5">

        {{-- SUCCESS ICON --}}
        <div class="mb-3">
            <h1 class="text-success">✔</h1>
        </div>

        <h2 class="text-success">Order Placed Successfully!</h2>

        <p class="text-muted">
            Thank you for shopping with us. Your order has been confirmed.
        </p>

        {{-- ORDER INFO --}}
        @if(isset($order))
            <div class="mt-3">

                <p><strong>Order ID:</strong> #{{ $order->id }}</p>

                <p><strong>Total:</strong> ₹{{ $order->total_amount }}</p>

                <p><strong>Status:</strong> {{ $order->status }}</p>

            </div>
        @endif

        {{-- ACTION BUTTONS --}}
        <div class="mt-4">

            <a href="{{ url('/products') }}" class="btn btn-primary">
                Continue Shopping
            </a>

            <a href="{{ url('/orders') }}" class="btn btn-outline-dark">
                View Orders
            </a>

        </div>

    </div>

</div>

@endsection