{{-- Tabs across the M-PESA screens, and the environment, always in view. --}}
@php
    $mpesaConfig = app(\Modules\Gateways\Mpesa\Services\MpesaConfig::class);
    $mpesaEnv = $mpesaConfig->environment();
    $tabs = [
        'admin.mpesa.dashboard' => [__('mpesa::mpesa.nav.dashboard'), 'view_mpesa'],
        'admin.mpesa.transactions' => [__('mpesa::mpesa.nav.transactions'), 'view_mpesa'],
        'admin.mpesa.requests' => [__('mpesa::mpesa.nav.requests'), 'view_mpesa'],
        'admin.mpesa.reversals' => [__('mpesa::mpesa.nav.reversals'), 'view_mpesa'],
        'admin.mpesa.reconciliation' => [__('mpesa::mpesa.nav.reconciliation'), 'view_mpesa'],
        'admin.mpesa.health' => [__('mpesa::mpesa.nav.health'), 'view_mpesa'],
        'admin.mpesa.settings' => [__('mpesa::mpesa.nav.settings'), 'manage_mpesa_settings'],
    ];
    $me = auth('admin')->user();
@endphp
<div class="page-header" style="display:flex;align-items:center;gap:12px;flex-wrap:wrap;">
    <h1 style="margin:0;">{{ $title ?? 'M-PESA' }}</h1>
    <span class="badge {{ $mpesaEnv === 'production' ? 'badge-active' : 'badge-pending' }}" style="font-size:11px;letter-spacing:.4px;">
        {{ $mpesaEnv === 'production' ? __('mpesa::mpesa.env.production') : __('mpesa::mpesa.env.sandbox') }}
    </span>
    @unless($mpesaConfig->bool('active'))<span class="badge badge-cancelled" style="font-size:11px;">{{ __('mpesa::mpesa.env.disabled') }}</span>@endunless
</div>
<div style="border-bottom:2px solid #ddd;margin-bottom:15px;display:flex;flex-wrap:wrap;">
    @foreach($tabs as $route => [$label, $perm])
        @if($me?->hasPermission($perm))
        <a href="{{ route($route) }}" style="padding:8px 14px;font-size:13px;text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-2px;{{ request()->routeIs($route) || request()->routeIs($route.'.*') ? 'border-bottom-color:#337ab7;color:#337ab7;font-weight:600;' : 'color:#555;' }}">{{ $label }}</a>
        @endif
    @endforeach
</div>