@extends('layouts.admin')
@section('title', $account->name)
@section('content')
<x-admin.page
    :title="$account->name"
    :subtitle="ucfirst($account->network).' · '.$account->external_id"
>
    <x-slot:actions>
        @if($sandbox)
            <span class="admin-btn pointer-events-none">Sandbox mode</span>
        @endif
        <a href="{{ route('admin.social.accounts.index') }}" class="admin-btn">All accounts</a>
        <a href="{{ route('admin.social.composer') }}" class="admin-btn admin-btn-primary">Compose</a>
    </x-slot:actions>

    @if(session('status'))
        <div class="mb-4 rounded-lg border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-900">{{ session('status') }}</div>
    @endif
    @if($errors->any())
        <div class="mb-4 rounded-lg border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">{{ $errors->first() }}</div>
    @endif

    <div class="order-ops-stat-rail mb-5">
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Status</span>
            <span class="order-ops-stat-value capitalize">{{ $account->status }}</span>
            <span class="order-ops-stat-meta">{{ $account->high_risk ? 'High risk' : 'Standard' }}</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Token health</span>
            <span class="order-ops-stat-value">{{ $health['status'] }}</span>
            <span class="order-ops-stat-meta">{{ ($health['healthy'] ?? false) ? 'Healthy' : 'Needs attention' }}</span>
        </div>
        <div class="order-ops-stat">
            <span class="order-ops-stat-label">Capabilities</span>
            <span class="order-ops-stat-value">{{ count($entitled) }}</span>
            <span class="order-ops-stat-meta">Entitled keys</span>
        </div>
    </div>

    <div class="grid gap-5 xl:grid-cols-[minmax(0,1fr)_18rem]">
        <div class="space-y-5">
            <div class="rounded-xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                <h2 class="text-sm font-semibold">Capability matrix</h2>
                <div class="mt-3 flex flex-wrap gap-2">
                    @forelse($entitled as $cap)
                        <span class="rounded bg-emerald-50 px-2 py-1 text-[11px] font-medium text-emerald-800">{{ $cap }}</span>
                    @empty
                        <span class="text-xs text-[#6d7175]">No entitlements — reconnect to restore defaults.</span>
                    @endforelse
                </div>
            </div>

            <div class="rounded-xl border border-[var(--color-admin-border)] bg-white p-5 shadow-[var(--admin-shadow)]">
                <h2 class="text-sm font-semibold">Recent tokens</h2>
                <ul class="mt-3 space-y-2 text-xs text-[#6d7175]">
                    @foreach($account->tokens as $token)
                        <li class="flex justify-between rounded-lg border border-[var(--color-admin-border)] px-3 py-2">
                            <span>{{ $token->health_status }} · expires {{ $token->expires_at?->toDateString() ?? 'n/a' }}</span>
                            <span>{{ $token->revoked_at ? 'revoked' : 'active' }}</span>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>

        <aside class="space-y-3">
            <div class="rounded-xl border border-[var(--color-admin-border)] bg-white p-4 shadow-[var(--admin-shadow)] space-y-2">
                <h2 class="text-sm font-semibold mb-2">Actions</h2>
                <form method="post" action="{{ route('admin.social.accounts.reconnect', $account) }}">@csrf
                    <button class="admin-btn admin-btn-primary w-full" type="submit">Reconnect</button>
                </form>
                @if($account->schedules_paused_at)
                    <form method="post" action="{{ route('admin.social.accounts.resume', $account) }}">@csrf
                        <button class="admin-btn w-full" type="submit">Resume schedules</button>
                    </form>
                @else
                    <form method="post" action="{{ route('admin.social.accounts.pause', $account) }}">@csrf
                        <button class="admin-btn w-full" type="submit">Pause schedules</button>
                    </form>
                @endif
                <form method="post" action="{{ route('admin.social.accounts.revoke', $account) }}" onsubmit="return confirm('Revoke token and pause schedules?')">@csrf
                    <button class="admin-btn w-full text-red-700" type="submit">Revoke token</button>
                </form>
            </div>
        </aside>
    </div>
</x-admin.page>
@endsection