<x-layouts.app :title="__('earn_portal.dashboard').' — TrafficPumper'">
<main class="container py-4 py-md-5">
    <div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-4"><div><p class="text-primary fw-semibold mb-1">TRAFFICPUMPER EARN</p><h1 class="h2 mb-0">{{ __('earn_portal.dashboard') }}</h1></div><div class="d-flex gap-2"><a class="btn btn-primary" href="{{ route('earn.api-keys.index') }}">{{ __('earn_portal.api_keys') }}</a><form method="POST" action="{{ route('earn.logout') }}">@csrf<button class="btn btn-outline-secondary">{{ __('ui.sign_out') }}</button></form></div></div>
    <div class="row g-3"><div class="col-12 col-md-4"><section class="card h-100"><div class="card-body"><h2 class="h6">{{ __('earn_portal.account_status') }}</h2><p class="h4 text-success mb-0">{{ __('earn_portal.status_active') }}</p></div></section></div><div class="col-12 col-md-4"><section class="card h-100"><div class="card-body"><h2 class="h6">{{ __('earn_portal.api_access') }}</h2><p class="h4 mb-0">{{ __('earn_portal.access_ready') }}</p></div></section></div><div class="col-12 col-md-4"><section class="card h-100"><div class="card-body"><h2 class="h6">{{ __('earn_portal.active_keys') }}</h2><p class="display-6 mb-0">{{ $activeTokenCount }}</p></div></section></div></div>
    <div class="alert alert-info mt-4">{{ __('earn_portal.test_stage') }}</div>
</main></x-layouts.app>
