@extends('layouts.app')
@section('title', 'অর্ডার সফল — ' . $siteName)

@section('content')
<section class="section" style="min-height:50vh;display:flex;align-items:center;">
    <div class="container">
        <div style="max-width:600px;margin:0 auto;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-2xl);padding:3rem 2rem;box-shadow:var(--sh-lg);">
            <div style="width:80px;height:80px;background:#D1FAE5;border-radius:50%;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--emerald-deep);">
                <i class="fas fa-circle-check"></i>
            </div>
            <h1 style="font-size:1.75rem;font-weight:800;color:var(--ink);margin-bottom:.5rem;">অর্ডার সফল হয়েছে! 🎉</h1>
            <p style="color:var(--ink-2);font-size:.95rem;margin-bottom:1.5rem;">
                ধন্যবাদ <strong style="color:var(--ink);">{{ $order->customer_name }}</strong>! আপনার অর্ডারটি সফলভাবে গ্রহণ করা হয়েছে।
            </p>

            <div style="background:var(--cream);border-radius:var(--r-lg);padding:1.25rem;margin-bottom:1.5rem;text-align:left;">
                <div style="display:flex;justify-content:space-between;margin-bottom:.5rem;">
                    <span style="color:var(--ink-2);">অর্ডার নম্বর:</span>
                    <strong style="color:var(--ink);">{{ $order->order_number }}</strong>
                </div>
                <div style="display:flex;justify-content:space-between;margin-bottom:.5rem;">
                    <span style="color:var(--ink-2);">পেমেন্ট:</span>
                    <strong style="color:var(--ink);">{{ strtoupper($order->payment_method) }}</strong>
                </div>
                <div style="display:flex;justify-content:space-between;">
                    <span style="color:var(--ink-2);">সর্বমোট:</span>
                    <strong style="color:var(--amber-deep);">{{ format_price($order->total) }}</strong>
                </div>
            </div>

            <div style="display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;">
                <a href="{{ route('orders.show', $order->id) }}" class="btn-card btn-card-primary" style="padding:.85rem 1.5rem;">
                    <i class="fas fa-truck-fast"></i> অর্ডার ট্র্যাক করুন
                </a>
                <a href="{{ route('home') }}" class="btn-card btn-card-outline" style="padding:.85rem 1.5rem;">
                    <i class="fas fa-house"></i> হোমে যান
                </a>
            </div>
        </div>
    </div>
</section>
@endsection