@extends('layouts.admin')

@section('title', 'Wallet Requests')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <div>
        <h3 class="m-0 fw-bold"><i class="fas fa-wallet me-2"></i>Wallet Recharge Requests</h3>
        @if($pendingCount > 0)
            <span class="badge bg-danger">{{ $pendingCount }} Pending</span>
        @endif
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('admin.wallet.index') }}" class="btn btn-sm btn-outline-secondary">All</a>
        <a href="{{ route('admin.wallet.index', ['status'=>'pending']) }}" class="btn btn-sm btn-warning">Pending</a>
        <a href="{{ route('admin.wallet.index', ['status'=>'approved']) }}" class="btn btn-sm btn-success">Approved</a>
        <a href="{{ route('admin.wallet.index', ['status'=>'rejected']) }}" class="btn btn-sm btn-danger">Rejected</a>
    </div>
</div>

@if(session('success'))
    <div class="alert alert-success alert-dismissible fade show"><i class="fas fa-check-circle me-2"></i>{{ session('success') }}<button type="button" class="btn-close" data-bs-dismiss="alert"></button></div>
@endif
@if($errors->any())
    <div class="alert alert-danger">{{ $errors->first() }}</div>
@endif

<div class="card shadow-sm">
    <div class="card-body p-0">
        <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-dark">
                <tr>
                    <th>#</th>
                    <th>User</th>
                    <th>Amount</th>
                    <th>Mode</th>
                    <th>UTR / Ref</th>
                    <th>Note</th>
                    <th>Status</th>
                    <th>Date</th>
                    <th class="text-center">Action</th>
                </tr>
            </thead>
            <tbody>
                @forelse($requests as $wr)
                <tr class="{{ $wr->status === 'pending' ? 'table-warning' : '' }}">
                    <td class="text-muted">{{ $wr->id }}</td>
                    <td>
                        <strong>{{ $wr->user->name }}</strong>
                        <div class="small text-muted">{{ $wr->user->mobile ?? $wr->user->email }}</div>
                        <span class="badge bg-secondary" style="font-size:10px">{{ $wr->user->role_label }}</span>
                    </td>
                    <td><span class="fw-bold text-success" style="font-size:16px">₹{{ number_format($wr->amount, 2) }}</span></td>
                    <td><span class="badge bg-info text-dark">{{ $wr->payment_mode }}</span></td>
                    <td>
                        @if($wr->utr_number)
                            <code class="small">{{ $wr->utr_number }}</code>
                        @else
                            <span class="text-muted">—</span>
                        @endif
                    </td>
                    <td><small class="text-muted">{{ $wr->note ?? '—' }}</small></td>
                    <td>
                        @if($wr->status === 'pending')
                            <span class="badge bg-warning text-dark">Pending</span>
                        @elseif($wr->status === 'approved')
                            <span class="badge bg-success">Approved</span>
                            <div class="small text-muted">{{ $wr->approved_at?->format('d M, h:i A') }}</div>
                        @else
                            <span class="badge bg-danger">Rejected</span>
                            @if($wr->reject_reason)
                                <div class="small text-danger">{{ $wr->reject_reason }}</div>
                            @endif
                        @endif
                    </td>
                    <td class="small text-muted">{{ $wr->created_at->format('d M Y') }}<br>{{ $wr->created_at->format('h:i A') }}</td>
                    <td class="text-center">
                        @if($wr->status === 'pending')
                            <form action="{{ route('admin.wallet.approve', $wr) }}" method="POST" class="d-inline"
                                  onsubmit="return confirm('₹{{ $wr->amount }} approve karna hai?')">
                                @csrf
                                <button class="btn btn-sm btn-success"><i class="fas fa-check"></i> Approve</button>
                            </form>
                            <button class="btn btn-sm btn-danger ms-1"
                                    onclick="showReject({{ $wr->id }})">
                                <i class="fas fa-times"></i> Reject
                            </button>
                            <form id="reject-form-{{ $wr->id }}"
                                  action="{{ route('admin.wallet.reject', $wr) }}" method="POST"
                                  class="mt-2 d-none">
                                @csrf
                                <div class="input-group input-group-sm">
                                    <input type="text" name="reject_reason" class="form-control"
                                           placeholder="Reason..." required>
                                    <button type="submit" class="btn btn-danger btn-sm">Send</button>
                                </div>
                            </form>
                        @else
                            <span class="text-muted small">Done</span>
                        @endif
                    </td>
                </tr>
                @empty
                <tr><td colspan="9" class="text-center text-muted p-5">
                    <i class="fas fa-inbox fa-2x mb-2 d-block"></i>Koi request nahi hai.
                </td></tr>
                @endforelse
            </tbody>
        </table>
        </div>
    </div>
    <div class="card-footer">{{ $requests->links() }}</div>
</div>

@endsection

@section('scripts')
<script>
function showReject(id) {
    var form = document.getElementById('reject-form-' + id);
    if (form) form.classList.toggle('d-none');
}
</script>
@endsection