@extends('layouts.app')

@section('title', 'Payment Processing')

@section('content')
<div class="max-w-2xl mx-auto px-4 py-16 text-center">
    <div class="royal-card p-8">
        @if($success)
            <div class="w-20 h-20 mx-auto mb-6 bg-green-100 rounded-full flex items-center justify-center">
                <svg class="w-10 h-10 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
            </div>
            <h1 class="text-3xl font-bold mb-4">Payment Successful!</h1>
            <p class="text-gray-600 mb-6">Your payment has been processed successfully.</p>
            <a href="{{ route('customer.orders.show', $order->order_number) }}" class="royal-btn px-6 py-3">View Order</a>
        @else
            <div class="w-20 h-20 mx-auto mb-6 bg-red-100 rounded-full flex items-center justify-center">
                <svg class="w-10 h-10 text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
            </div>
            <h1 class="text-3xl font-bold mb-4">Payment Failed</h1>
            <p class="text-gray-600 mb-6">{{ $message ?? 'Your payment could not be processed. Please try again.' }}</p>
            <a href="{{ route('cart.index') }}" class="royal-btn px-6 py-3">Return to Cart</a>
        @endif
    </div>
</div>
@endsection