@extends('layouts.store')

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

@section('content')
<section class="mw-section">
    <div class="container">
        <div class="mw-success">
            <h1>Thank you!</h1>
            <p>Your order <strong>{{ $order->order_number }}</strong> has been placed successfully.</p>
            <p style="color:var(--mw-muted)">We'll contact you at {{ $order->customer_phone }} for delivery updates.</p>
            <div class="mw-panel" style="text-align:left;margin:1.5rem 0">
                <div class="mw-sum"><span>Status</span><span>{{ ucfirst($order->status) }}</span></div>
                <div class="mw-sum"><span>Payment</span><span>{{ strtoupper($order->payment_method) }}</span></div>
                @if($order->discount_amount > 0)
                    <div class="mw-sum"><span>Discount{{ $order->coupon_code ? ' ('.$order->coupon_code.')' : '' }}</span><span>−₹{{ number_format($order->discount_amount, 0) }}</span></div>
                @endif
                <div class="mw-sum total"><span>Total</span><span>₹{{ number_format($order->total, 0) }}</span></div>
            </div>
            <div class="mw-account-actions">
                @auth
                    <a class="mw-btn" href="{{ route('account.orders.show', $order) }}">View in My Orders</a>
                @else
                    <a class="mw-btn" href="{{ route('register') }}">Create an account</a>
                @endauth
                <a class="mw-btn mw-btn-ghost" href="{{ route('shop') }}">Continue Shopping</a>
            </div>
        </div>
    </div>
</section>
@endsection