@extends('layouts.main')

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

@section('content')
<div class="container py-5 text-center">
    <div class="card shadow p-4 border-success">
        <div class="mb-4">
            <img src="https://cdn-icons-png.flaticon.com/512/845/845646.png" alt="Success" width="80">
        </div>
        <h2 class="text-success">Ordered Successful</h2>
        <p class="text-muted">Thank you for your purchase! Your order has been placed successfully.</p>
        <div class="my-4">
            <h5 class="mb-1">Order ID: #{{$lastCheckout->payment_order_id}}</h5>
            <small class="text-muted">Placed on: {{ $lastCheckout->created_at->format('jS F Y, h:i A') }}</small>
        </div>
        <a href="{{route('order.myorders')}}" class="btn btn-success mt-3">View My Orders</a>
    </div>
</div>
@endsection