@extends('layouts.user')
@section('content')
<div class="container mt-5">
    <div class="card">
        <div class="card-body">
            <h3 class="card-title text-center mb-4">Order Payment Details</h3>
            @if($response['state'] !== 'COMPLETED')
                <div class="alert alert-danger text-center">
                    Payment Incomplete. <a href="{{ $again_url }}" class="fw-bold">Click here</a> to try again.
                </div>
            @endif
            <div class="row">
                <div class="col-md-6">
                    <label>Order Status</label>
                    <input type="text" class="form-control" value="{{ $response['state'] }}" readonly>
                </div>
                <div class="col-md-6">
                    <label>Order ID</label>
                    <input type="text" class="form-control" value="{{ $orderId }}" readonly>
                </div>
                <div class="col-md-6">
                    <label>PhonePe Order ID</label>
                    <input type="text" class="form-control" value="{{ $response['orderId'] ?? '' }}" readonly>
                </div>
                <div class="col-md-6">
                    <label>Order Amount</label>
                    <input type="text" class="form-control" value="{{ ($response['amount']/100 ?? 0) }} INR" readonly>
                </div>
            </div>
            <div class="text-center mt-3">
                <a href="{{ url('/') }}" class="btn btn-success">Back to Home</a>
            </div>
        </div>
    </div>
</div>
@endsection