@extends('admin.layouts.app')
@section('title','Pending Payments')
@section('page-title','Pending & Failed Payments')
@section('page-subtitle','Incomplete or unsuccessful payment attempts')
@section('payments-active','active')
@section('content')

@if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
@if(session('info'))<div class="alert alert-info">{{ session('info') }}</div>@endif

<div class="mb-3">
    <a href="{{ route('admin.payments.index', ['conference_id' => $conferenceId]) }}" class="btn btn-sm btn-outline-green">
        <i class="fas fa-credit-card me-1"></i> All Payments
    </a>
</div>

<form method="GET" class="mb-3">
    <div class="row g-2 align-items-end">
        <div class="col-md-4">
            <select name="conference_id" class="form-select" onchange="this.form.submit()">
                <option value="">All Conferences</option>
                @foreach($conferences as $conf)
                    <option value="{{ $conf->id }}" @selected($conferenceId == $conf->id)>{{ $conf->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3">
            <select name="status" class="form-select" onchange="this.form.submit()">
                <option value="">Pending &amp; Failed</option>
                <option value="pending" @selected($status === 'pending')>Pending only</option>
                <option value="failed" @selected($status === 'failed')>Failed only</option>
            </select>
        </div>
    </div>
</form>

<div class="row g-3 mb-4">
    <div class="col-md-3"><div class="cardx metric"><small>Pending attempts</small><h3>{{ number_format($stats['pending']) }}</h3></div></div>
    <div class="col-md-3"><div class="cardx metric"><small>Failed attempts</small><h3>{{ number_format($stats['failed']) }}</h3></div></div>
    <div class="col-md-3"><div class="cardx metric"><small>Pending amount</small><h3>₦{{ number_format($stats['pending_amount'], 2) }}</h3></div></div>
    <div class="col-md-3"><div class="cardx metric"><small>Failed amount</small><h3>₦{{ number_format($stats['failed_amount'], 2) }}</h3></div></div>
</div>

<div class="cardx p-4">
    <h6>Incomplete / unsuccessful transactions</h6>
    <p class="text-muted small">Users who abandoned Paystack, had a gateway error, or whose payment was not verified. Confirm on Paystack or cancel so the author can pay again. Authors with pending paper review payments are advised to check back within 48 hours.</p>
    <div class="table-responsive">
        <table class="table">
            <thead>
                <tr>
                    <th>Reference</th>
                    <th>User</th>
                    <th>Conference</th>
                    <th>Amount</th>
                    <th>Type</th>
                    <th>Status</th>
                    <th>Date</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($payments as $payment)
                    <tr>
                        <td>{{ $payment->payment_reference }}</td>
                        <td>{{ $payment->user?->name }}<br><small class="text-muted">{{ $payment->user?->email }}</small></td>
                        <td>{{ $payment->conference?->name }}</td>
                        <td>₦{{ number_format($payment->amount, 2) }}</td>
                        <td>{{ str_replace('_', ' ', ucfirst($payment->payment_type)) }}</td>
                        <td>
                            <span class="badge {{ $payment->status === 'pending' ? 'bg-warning text-dark' : 'bg-danger' }}">
                                {{ ucfirst($payment->status) }}
                            </span>
                        </td>
                        <td>{{ $payment->created_at->format('M d, Y H:i') }}</td>
                        <td>
                            <a href="{{ route('admin.payments.show', $payment) }}" class="btn btn-sm btn-outline-green">View</a>
                            <form method="POST" action="{{ route('admin.payments.cancel', $payment) }}" class="d-inline" onsubmit="return confirm('Cancel this payment attempt?');">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-outline-danger">Cancel</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="8" class="text-muted">No pending or failed payments.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    {{ $payments->links() }}
</div>

@endsection