<x-layouts.dashboard title="Choose Portal">
    <section class="portal-choice-hero card">
        <div>
            <p class="eyebrow">Admin Workspace</p>
            <h2>Select which system you want to manage</h2>
            <p>MGG agency management and GTS seller panel are separated so each workflow stays clean.</p>
        </div>
    </section>
    <div class="portal-choice-grid">
        <a class="portal-choice-card" href="{{ route('admin.dashboard') }}">
            <span>MGG</span>
            <h3>M Ghaffar Graphics Admin</h3>
            <p>Clients, plans, one-time orders, designers, tasks, payments, portfolio, reports, and settings.</p>
            <div><b>{{ $mgg['clients'] }}</b><small>Clients</small><b>{{ $mgg['tasks'] }}</b><small>Open Tasks</small><b>{{ $mgg['payments'] }}</b><small>Payments</small></div>
            <strong>Open MGG Portal</strong>
        </a>
        <a class="portal-choice-card gts-choice" href="{{ route('gts-admin.dashboard') }}">
            <span>GTS</span>
            <h3>Ghaffar Trusted Seller Admin</h3>
            <p>SMM services, provider API sync, wallet deposits, GTS orders, delivery tracking, and clients.</p>
            <div><b>{{ $gts['clients'] }}</b><small>GTS Clients</small><b>{{ $gts['orders'] }}</b><small>Active Orders</small><b>{{ $gts['providers'] }}</b><small>Providers</small></div>
            <strong>Open GTS Portal</strong>
        </a>
    </div>
</x-layouts.dashboard>
