@extends('layouts.admin')
@section('title', 'Payment Detail')
@section('role-label', 'Super Admin')
@section('page-title', 'Payment Detail')
@section('sidebar-nav')@include('super-admin.partials.sidebar')@endsection

@section('content')
<div class="mb-4">
    <a href="{{ route('super-admin.payments.index') }}" class="btn btn-secondary btn-sm">← Back to Payments</a>
</div>

<div class="grid grid-cols-1 md:grid-cols-2 gap-6 max-w-3xl">
    <div class="card p-6">
        <h3 class="text-xs font-semibold uppercase tracking-widest text-slate-500 mb-4">Restaurant</h3>
        <div class="space-y-2 text-sm">
            <div class="flex justify-between"><span class="text-slate-400">Name</span><span class="font-medium text-slate-200">{{ $payment->restaurant->name ?? '—' }}</span></div>
            <div class="flex justify-between"><span class="text-slate-400">Email</span><span class="text-slate-300">{{ $payment->restaurant->email ?? '—' }}</span></div>
            <div class="flex justify-between"><span class="text-slate-400">City</span><span class="text-slate-300">{{ $payment->restaurant->city ?? '—' }}</span></div>
        </div>
    </div>

    <div class="card p-6">
        <h3 class="text-xs font-semibold uppercase tracking-widest text-slate-500 mb-4">Payment Info</h3>
        <div class="space-y-2 text-sm">
            <div class="flex justify-between"><span class="text-slate-400">Amount</span><span class="font-bold text-2xl text-amber-400">₹{{ number_format($payment->amount, 2) }}</span></div>
            <div class="flex justify-between"><span class="text-slate-400">Method</span><span class="text-slate-200 capitalize">{{ $payment->payment_method ?? '—' }}</span></div>
            <div class="flex justify-between items-center"><span class="text-slate-400">Status</span>
                @php $pc=['success'=>'badge-success','pending'=>'badge-warning','failed'=>'badge-danger','refunded'=>'badge-info']; @endphp
                <span class="badge {{ $pc[$payment->payment_status] ?? 'badge-muted' }}">{{ $payment->payment_status }}</span>
            </div>
            <div class="flex justify-between"><span class="text-slate-400">Paid At</span><span class="text-slate-200">{{ $payment->paid_at ? \Carbon\Carbon::parse($payment->paid_at)->format('d M Y, H:i') : '—' }}</span></div>
        </div>
    </div>

    <div class="card p-6 md:col-span-2">
        <h3 class="text-xs font-semibold uppercase tracking-widest text-slate-500 mb-4">Razorpay Details</h3>
        <div class="space-y-3 text-sm">
            <div class="flex flex-col gap-1">
                <span class="text-slate-400">Razorpay Order ID</span>
                <code class="bg-white/5 text-amber-300 px-3 py-2 rounded text-xs font-mono">{{ $payment->razorpay_order_id ?: 'N/A' }}</code>
            </div>
            <div class="flex flex-col gap-1">
                <span class="text-slate-400">Razorpay Payment ID</span>
                <code class="bg-white/5 text-amber-300 px-3 py-2 rounded text-xs font-mono">{{ $payment->razorpay_payment_id ?: 'N/A' }}</code>
            </div>
        </div>
    </div>
</div>
@endsection