@extends('layouts.admin')

@section('title', 'Admin Dashboard')

@push('styles')
<style>
    .admin-shell {
        min-height: 100vh;
        background: #f1f5f9;
    }

    .admin-sidebar {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 40;
        width: 18rem;
        overflow-y: auto;
        border-right: 1px solid rgba(2, 43, 16, 0.12);
        background: #022b10;
        color: #ffffff;
    }

    .admin-sidebar-brand {
        position: sticky;
        top: 0;
        z-index: 10;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        background: #022b10;
        padding: 1.25rem 1.5rem;
    }

    .admin-main {
        min-height: 100vh;
    }

    .admin-header {
        position: relative;
        z-index: 20;
        border-bottom: 1px solid #e2e8f0;
        background: #ffffff;
    }

    .admin-content {
        clear: both;
        padding: 1.5rem 1rem 2.5rem;
    }

    .admin-mobile-nav {
        display: flex;
        gap: 0.5rem;
        overflow-x: auto;
        border-top: 1px solid #f1f5f9;
        padding: 0.75rem 1rem;
        background: #ffffff;
    }

    .admin-mobile-nav a {
        flex: 0 0 auto;
    }

    @media (max-width: 1279px) {
        .admin-sidebar {
            display: none;
        }
    }

    @media (min-width: 640px) {
        .admin-content {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }
    }

    @media (min-width: 1280px) {
        .admin-main {
            margin-left: 18rem;
        }

        .admin-mobile-nav {
            display: none;
        }
    }
</style>
@endpush

@section('content')
@php
    $adminUsers = $adminUsers ?? [];
    $paymentRequests = $paymentRequests ?? [];
    $wallets = $wallets ?? [];
    $withdrawalRequests = $withdrawalRequests ?? [];

    $approvedUsers = collect($adminUsers)->where('account_status', 'Approved')->count();
    $pendingUsers = collect($adminUsers)->filter(fn ($user) => ($user['account_status'] ?? 'Pending Admin Approval') === 'Pending Admin Approval')->count();
    $approvedDeposits = collect($paymentRequests)->where('status', 'Deposit Approved')->count();
    $walletDepositCount = collect($paymentRequests)->where('type', 'wallet_deposit')->count();
    $totalWalletBalance = collect($wallets)->sum(fn ($wallet) => (float) ($wallet['balance'] ?? 0));
    $pendingWithdrawals = collect($withdrawalRequests)->where('status', 'Pending Withdrawal Review')->count();
    $paidWithdrawals = collect($withdrawalRequests)->where('status', 'Withdrawal Paid')->count();

    $stats = [
        ['label' => 'Registered Users', 'value' => count($adminUsers), 'note' => 'Investor accounts tracked'],
        ['label' => 'Approved Users', 'value' => $approvedUsers, 'note' => $pendingUsers . ' waiting for admin approval'],
        ['label' => 'Payment Requests', 'value' => count($paymentRequests), 'note' => 'Plan payment submissions'],
        ['label' => 'Approved Deposits', 'value' => $approvedDeposits, 'note' => 'Deposits approved by admin'],
        ['label' => 'Wallet Deposits', 'value' => $walletDepositCount, 'note' => '$' . number_format($totalWalletBalance, 2) . ' wallet balance'],
        ['label' => 'Withdrawals', 'value' => count($withdrawalRequests), 'note' => $pendingWithdrawals . ' pending, ' . $paidWithdrawals . ' paid'],
    ];

    $sidebar = [
        ['label' => 'Overview', 'href' => '#overview'],
        ['label' => 'User Approval', 'href' => url('/admin/users')],
        ['label' => 'Approvals Page', 'href' => url('/admin/approvals')],
        ['label' => 'Withdrawals', 'href' => url('/admin/withdrawals')],
        ['label' => 'Videos', 'href' => url('/admin/videos')],
        ['label' => 'Contact Messages', 'href' => url('/admin/contacts')],
        ['label' => 'Admins & Roles', 'href' => url('/admin/admins')],
    ];
@endphp

<div class="admin-shell">
    <div class="admin-sidebar-backdrop" data-admin-backdrop></div>

    <aside class="admin-sidebar" data-admin-sidebar>
        <div class="admin-sidebar-brand">
            <a href="{{ url('/admin/dashboard') }}" class="flex items-center gap-3">
                <span class="flex h-11 w-11 items-center justify-center rounded-full bg-white/10 text-gold-300">
                    <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2 2 7l10 5 10-5-10-5ZM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
                </span>
                <span>
                    <span class="block text-sm font-extrabold leading-tight">CROSBY FARM</span>
                    <span class="text-xs text-primary-200">Admin Dashboard</span>
                </span>
            </a>
        </div>
        <button type="button" class="admin-menu-toggle admin-sidebar-close" aria-label="Close admin menu" aria-expanded="false" data-admin-menu-toggle>
            <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 18 6M6 6l12 12"/>
            </svg>
        </button>

        <nav class="space-y-2 px-4 py-5">
            @foreach ($sidebar as $item)
                <a href="{{ $item['href'] }}" class="flex items-center gap-3 rounded-lg px-4 py-3 text-sm font-bold text-primary-100 transition hover:bg-white/10 hover:text-white">
                    <span class="h-2.5 w-2.5 rounded-full bg-gold-300"></span>
                    <span>{{ $item['label'] }}</span>
                </a>
            @endforeach
            <a href="{{ url('/admin/logout') }}" class="flex items-center justify-center rounded-lg bg-gold-400 px-4 py-3 text-sm font-extrabold text-primary-900 transition hover:bg-gold-300">Logout</a>
        </nav>
    </aside>

    <main class="admin-main" data-admin-main>
        <header class="admin-header">
            <div class="flex flex-col gap-4 px-4 py-5 sm:px-6 lg:flex-row lg:items-center lg:justify-between">
                <div class="flex items-start gap-3">
                    <button type="button" class="admin-menu-toggle" aria-label="Open admin menu" aria-expanded="false" data-admin-menu-toggle>
                        <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7h16M4 12h16M4 17h16"/>
                        </svg>
                    </button>
                    <div>
                        <p class="text-sm font-bold uppercase tracking-wide text-primary-600">Administration</p>
                        <h1 class="text-2xl font-extrabold text-slate-900 md:text-3xl">Admin Dashboard</h1>
                        <p class="mt-1 text-sm font-semibold text-slate-500">Monitor users, deposits, withdrawals, and approval requests.</p>
                    </div>
                </div>
            </div>
        </header>

        <section class="admin-content" id="overview">
            @if (session('status'))
                <div class="mb-6 rounded-lg border border-primary-200 bg-primary-50 px-4 py-3 text-sm font-bold text-primary-700">
                    {{ session('status') }}
                </div>
            @endif

            <div class="rounded-lg border border-primary-100 bg-white p-6 shadow-sm">
                <div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
                    <div>
                        <h2 class="text-xl font-extrabold text-primary-700">Welcome, admin.</h2>
                        <p class="mt-2 max-w-3xl leading-7 text-slate-600">This dashboard focuses on user accounts, investment payments, wallet deposits, and withdrawal requests.</p>
                    </div>
                    <div class="rounded-lg bg-primary-50 px-4 py-3 text-sm font-bold text-primary-700">Signed in as {{ session('admin_username', 'admin') }}</div>
                </div>
            </div>

            <div class="mt-6 grid gap-4 sm:grid-cols-2 xl:grid-cols-3">
                @foreach ($stats as $stat)
                    <div class="rounded-lg border border-slate-200 bg-white p-5 shadow-sm">
                        <p class="text-sm font-semibold text-slate-500">{{ $stat['label'] }}</p>
                        <strong class="mt-3 block text-3xl font-extrabold text-slate-900">{{ $stat['value'] }}</strong>
                        <p class="mt-2 text-sm font-semibold text-slate-500">{{ $stat['note'] }}</p>
                    </div>
                @endforeach
            </div>
        </section>
    </main>
</div>
@endsection