@extends('layouts.admin')
@section('title', 'Payments')
@section('role-label', 'Super Admin')
@section('page-title', 'Payments')
@section('page-subtitle', 'All platform payment records')
@section('sidebar-nav')@include('super-admin.partials.sidebar')@endsection

@section('content')
<!-- Revenue Stats -->
<div class="grid grid-cols-1 sm:grid-cols-3 gap-4 mb-6">
    <div class="stat-card">
        <div class="stat-icon mb-3" style="background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.2);color:#10b981;">
            <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
        </div>
        <div class="stat-value">₹{{ number_format($totalRevenue) }}</div>
        <div class="stat-label mt-1">Total Revenue</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon mb-3">
            <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
        </div>
        <div class="stat-value">₹{{ number_format($monthlyRevenue) }}</div>
        <div class="stat-label mt-1">This Month</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon mb-3" style="background:rgba(59,130,246,0.1);border-color:rgba(59,130,246,0.2);color:#3b82f6;">
            <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"/></svg>
        </div>
        <div class="stat-value">{{ $payments->total() }}</div>
        <div class="stat-label mt-1">Total Records</div>
    </div>
</div>

<!-- Filters -->
<div class="flex gap-3 mb-4">
    <form method="GET" class="flex gap-2 flex-wrap">
        <input type="text" name="search" value="{{ request('search') }}" placeholder="Search restaurant…" class="form-input" style="width:220px;">
        <select name="status" onchange="this.form.submit()" class="form-input" style="width:auto;">
            <option value="">All Status</option>
            <option value="success" {{ request('status')=='success'?'selected':'' }}>Success</option>
            <option value="pending" {{ request('status')=='pending'?'selected':'' }}>Pending</option>
            <option value="failed" {{ request('status')=='failed'?'selected':'' }}>Failed</option>
            <option value="refunded" {{ request('status')=='refunded'?'selected':'' }}>Refunded</option>
        </select>
        <button type="submit" class="btn btn-secondary">Search</button>
    </form>
</div>

<div class="card overflow-hidden">
    <table class="data-table">
        <thead>
            <tr>
                <th>Restaurant</th>
                <th>Amount</th>
                <th>Method</th>
                <th>Razorpay ID</th>
                <th>Status</th>
                <th>Date</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @forelse($payments as $pay)
            <tr>
                <td>
                    <div class="font-medium text-slate-200">{{ $pay->restaurant->name ?? '—' }}</div>
                </td>
                <td class="font-semibold text-slate-200">₹{{ number_format($pay->amount, 2) }}</td>
                <td class="text-sm capitalize">{{ $pay->payment_method ?? '—' }}</td>
                <td class="text-xs text-slate-400 font-mono">{{ $pay->razorpay_payment_id ?: '—' }}</td>
                <td>
                    @php $pc=['success'=>'badge-success','pending'=>'badge-warning','failed'=>'badge-danger','refunded'=>'badge-info']; @endphp
                    <span class="badge {{ $pc[$pay->payment_status] ?? 'badge-muted' }}">{{ $pay->payment_status }}</span>
                </td>
                <td class="text-sm text-slate-400">{{ $pay->paid_at ? \Carbon\Carbon::parse($pay->paid_at)->format('d M Y') : '—' }}</td>
                <td><a href="{{ route('super-admin.payments.show', $pay) }}" class="btn btn-secondary btn-sm">View</a></td>
            </tr>
            @empty
            <tr><td colspan="7" class="text-center py-12 text-slate-500">No payments found.</td></tr>
            @endforelse
        </tbody>
    </table>
    @if($payments->hasPages())
    <div class="p-4 border-t border-white/5">{{ $payments->appends(request()->query())->links() }}</div>
    @endif
</div>
@endsection