@extends('dashboard.admin.layout')

@section('title', 'Admin Dashboard')
@section('page_subtitle', 'Unified dashboard shell with admin metrics, queues, and shortcuts.')

@section('content')
<div class="admin-hero">
  <div class="admin-hero__panel">
    <div class="admin-hero__eyebrow">Operations Overview</div>
    <div class="admin-hero__title">Admin dashboard in the same visual system as the user area.</div>
    <p class="admin-hero__copy">
      Review growth, funding queues, wallet activity, and the fastest routes into user management, inventory, and transaction processing.
    </p>
    <div class="admin-hero__actions">
      <a href="{{ route('admin.transactions') }}" class="btn btn-light">Review Transactions</a>
      <a href="{{ route('admin.users') }}" class="btn btn-outline-primary">Manage Users</a>
    </div>
  </div>

  <div class="admin-hero__aside">
    <div class="management-copy">
      <h5>Quick Actions</h5>
      <p>Jump directly to the admin workstreams that need the most attention.</p>
    </div>
    <div class="admin-quick-list">
      <a href="{{ route('admin.users') }}" class="admin-quick-link"><span>Manage Users</span><i class="icon ion-ios-arrow-forward"></i></a>
      <a href="{{ route('admin.addresses') }}" class="admin-quick-link"><span>Deposit Addresses</span><i class="icon ion-ios-arrow-forward"></i></a>
      <a href="{{ route('admin.orders') }}" class="admin-quick-link"><span>Stock Orders</span><i class="icon ion-ios-arrow-forward"></i></a>
      <a href="{{ route('admin.manual-deposits') }}" class="admin-quick-link"><span>Manual Deposits</span><i class="icon ion-ios-arrow-forward"></i></a>
      <a href="{{ route('admin.cars') }}" class="admin-quick-link"><span>Inventory Cars</span><i class="icon ion-ios-arrow-forward"></i></a>
    </div>
  </div>
</div>

<div class="stats-grid">
  <div class="stat-card">
    <div class="stat-card__body">
      <div class="stat-card__ico"><i class="icon ion-md-people"></i></div>
      <div class="stat-card__tag">Users</div>
      <div class="stat-card__val">{{ number_format($stats['total_users']) }}</div>
      <div class="stat-card__lbl">Registered platform accounts</div>
    </div>
  </div>
  <div class="stat-card stat-card--orange">
    <div class="stat-card__body">
      <div class="stat-card__ico"><i class="icon ion-md-arrow-down"></i></div>
      <div class="stat-card__tag">Pending Deposits</div>
      <div class="stat-card__val">{{ number_format($stats['pending_deposits']) }}</div>
      <div class="stat-card__lbl">Awaiting manual review</div>
    </div>
  </div>
  <div class="stat-card stat-card--purple">
    <div class="stat-card__body">
      <div class="stat-card__ico"><i class="icon ion-md-arrow-up"></i></div>
      <div class="stat-card__tag">Pending Withdrawals</div>
      <div class="stat-card__val">{{ number_format($stats['pending_withdrawals']) }}</div>
      <div class="stat-card__lbl">Requires release decisions</div>
    </div>
  </div>
  <div class="stat-card stat-card--teal">
    <div class="stat-card__body">
      <div class="stat-card__ico"><i class="icon ion-md-swap"></i></div>
      <div class="stat-card__tag">Transactions</div>
      <div class="stat-card__val">{{ number_format($stats['total_transactions']) }}</div>
      <div class="stat-card__lbl">Total wallet activity records</div>
    </div>
  </div>
  <div class="stat-card stat-card--green">
    <div class="stat-card__body">
      <div class="stat-card__ico"><i class="icon ion-md-stats"></i></div>
      <div class="stat-card__tag">Stock Orders</div>
      <div class="stat-card__val">{{ number_format($stats['total_orders']) }}</div>
      <div class="stat-card__lbl">Open and historical orders</div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-lg-8">
    <div class="card">
      <div class="card-header d-flex justify-content-between align-items-center">
        <div>
          <h5 class="card-title">Recent Transactions</h5>
          <div class="text-muted">Latest activity across all user wallets</div>
        </div>
        <a href="{{ route('admin.transactions') }}" class="btn btn-sm btn-primary">View All</a>
      </div>
      <div class="card-body pt-0">
        <div class="table-responsive">
          <table class="table">
            <thead>
              <tr>
                <th>Reference</th>
                <th>User</th>
                <th>Type</th>
                <th>Amount</th>
                <th>Status</th>
                <th>Date</th>
              </tr>
            </thead>
            <tbody>
              @forelse($recentTransactions as $tx)
                <tr>
                  <td><strong>{{ $tx->reference }}</strong></td>
                  <td>{{ $tx->user->email }}</td>
                  <td>
                    @if($tx->type === 'deposit')
                      <span class="badge badge-success">Deposit</span>
                    @elseif($tx->type === 'withdrawal')
                      <span class="badge badge-danger">Withdrawal</span>
                    @else
                      <span class="badge badge-info">{{ ucfirst($tx->type) }}</span>
                    @endif
                  </td>
                  <td>{{ number_format($tx->amount, 8) }} {{ $tx->asset }}</td>
                  <td>
                    @if($tx->status === 'completed')
                      <span class="badge badge-success">Completed</span>
                    @elseif($tx->status === 'pending')
                      <span class="badge badge-warning">Pending</span>
                    @else
                      <span class="badge badge-danger">Rejected</span>
                    @endif
                  </td>
                  <td>{{ $tx->created_at->format('Y-m-d H:i') }}</td>
                </tr>
              @empty
                <tr>
                  <td colspan="6" class="text-center text-muted">No transactions yet.</td>
                </tr>
              @endforelse
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>

  <div class="col-lg-4">
    <div class="card">
      <div class="card-header">
        <h5 class="card-title">Active Cryptocurrencies</h5>
      </div>
      <div class="card-body">
        @forelse($cryptocurrencies as $crypto)
          <div class="d-flex align-items-center justify-content-between py-2 border-bottom">
            <div>
              <strong>{{ $crypto->asset }}</strong>
              <div class="text-muted small">Deposit asset enabled</div>
            </div>
            <span class="badge badge-success">Active</span>
          </div>
        @empty
          <p class="text-muted mb-0">No cryptocurrencies configured.</p>
        @endforelse
      </div>
    </div>

    @if($stats['pending_deposits'] > 0 || $stats['pending_withdrawals'] > 0)
      <div class="card">
        <div class="card-header">
          <h5 class="card-title">Attention Required</h5>
        </div>
        <div class="card-body">
          <p class="text-muted mb-3">
            Pending deposits: <strong>{{ $stats['pending_deposits'] }}</strong><br>
            Pending withdrawals: <strong>{{ $stats['pending_withdrawals'] }}</strong>
          </p>
          <a href="{{ route('admin.transactions') }}" class="btn btn-primary btn-block">Open Review Queue</a>
        </div>
      </div>
    @endif
  </div>
</div>
@endsection