@extends('layouts.admin')

@section('content')
  <div class="card-header">
    <h4>Accepted Wallet Requests</h4>
  </div>

  <div class="card-body">
    @include('admin.partials.flash-messages')

    <div class="portal-page-shell">
      <div class="portal-hero-card">
        <div class="portal-hero-main">
          <div class="portal-hero-copy">
            <h5>Accepted Wallet Requests</h5>
            <p>View all approved wallet recharge requests and, if needed, reverse a previously approved recharge.</p>
            <div class="portal-chip-list">
              <span class="portal-chip">{{ $wallethistory->count() }} Accepted</span>
              <span class="portal-chip">Recharge Approved</span>
              <span class="portal-chip">Reversal Available</span>
            </div>
            <div class="portal-hero-actions">
              <a href="{{ route('admin.amountrequest') }}" class="btn btn-outline-primary btn-sm">Pending Requests</a>
              <a href="{{ route('admin.rejectrequest') }}" class="btn btn-outline-danger btn-sm">Rejected Requests</a>
            </div>
          </div>
        </div>
      </div>

      <div class="portal-form-shell">
        @include('admin.wallets.partials.recharge-table', [
          'records' => $wallethistory,
          'viewMode' => 'accepted',
        ])
      </div>
    </div>
  </div>
@endsection
