@extends('layouts.dashboard')

@section('title', 'Payment Receipts & History | AICDS')

@section('dashboard_content')

<div class="card p-4 border rounded-4 shadow-sm bg-white mb-4">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h5 class="fw-bold mb-0">Payments &amp; Verified Transactions</h5>
    </div>

    @if($payments->count() > 0)
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Payment Reference</th>
                        <th>Amount</th>
                        <th>Gateway / Channel</th>
                        <th>Transaction ID</th>
                        <th>Date</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($payments as $pay)
                        <tr>
                            <td><code>{{ $pay->payment_reference }}</code></td>
                            <td class="fw-bold text-dark">₹{{ number_format($pay->amount, 2) }}</td>
                            <td><span class="badge bg-light text-dark border text-uppercase">{{ str_replace('_', ' ', $pay->gateway) }}</span></td>
                            <td><small>{{ $pay->transaction_id ?? 'N/A' }}</small></td>
                            <td>{{ $pay->created_at->format('M d, Y') }}</td>
                            <td>
                                <span class="badge {{ $pay->status === 'successful' ? 'bg-success' : ($pay->status === 'pending' ? 'bg-warning text-dark' : 'bg-danger') }} text-uppercase">
                                    {{ $pay->status }}
                                </span>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="mt-4">{{ $payments->links() }}</div>
    @else
        <p class="text-muted small mb-0">No payment records found.</p>
    @endif
</div>

<!-- Bank Transfer Account Instructions -->
<div class="card p-4 p-md-5 border rounded-4 shadow-sm bg-light">
    <h5 class="fw-bold mb-3"><i class="icofont-bank text-primary me-2"></i> Official Bank Remittance Details (Manual / NEFT / RTGS / UPI)</h5>
    <p class="text-muted small mb-4">For institutional affiliations or offline membership payments, remit dues to the official AICDS Secretariat bank account and submit your transaction reference to <code>payments@aicds.org</code>.</p>

    <div class="row g-3 small">
        <div class="col-md-6">
            <div class="p-3 bg-white rounded-3 border">
                <strong>Account Holder:</strong><br>
                {{ \App\Models\WebsiteSetting::get('bank_account_name', 'Association for Intelligent Computing and Data Science') }}
            </div>
        </div>
        <div class="col-md-6">
            <div class="p-3 bg-white rounded-3 border">
                <strong>Bank Name:</strong><br>
                {{ \App\Models\WebsiteSetting::get('bank_name', 'State Bank of India') }}
            </div>
        </div>
        <div class="col-md-6">
            <div class="p-3 bg-white rounded-3 border">
                <strong>Account Number:</strong><br>
                <code>{{ \App\Models\WebsiteSetting::get('bank_account_number', '409123456789') }}</code>
            </div>
        </div>
        <div class="col-md-6">
            <div class="p-3 bg-white rounded-3 border">
                <strong>IFSC Code:</strong><br>
                <code>{{ \App\Models\WebsiteSetting::get('bank_ifsc', 'SBIN0009999') }}</code>
            </div>
        </div>
    </div>
</div>

@endsection