@extends('layout')

@section('content')
<div class="max-w-2xl mx-auto text-center py-12">
    <div class="inline-flex items-center justify-center w-20 h-20 bg-green-100 rounded-full mb-6">
        <svg class="w-10 h-10 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
    </div>
    <h1 class="text-4xl font-bold text-gray-900 mb-4">Order Placed Successfully!</h1>
    <p class="text-xl text-gray-600 mb-8">Thank you for your purchase. Your order number is <strong>#{{ $orderId }}</strong>.</p>
    
    <a href="{{ route('shop.index') }}" class="bg-blue-600 text-white font-bold py-2 px-6 rounded hover:bg-blue-700 transition">Continue Shopping</a>
</div>
@endsection