@extends('layouts.atelier')

@section('title', 'Agent ' . $agentToken->name)
@section('page-title', 'Agent ' . $agentToken->name)

@section('topbar-actions')
    <a href="{{ route('admin.connecteurs') }}" class="btn btn-ghost btn-sm">← Connecteurs</a>
    @if($agentToken->active)
    <button id="revoke-agent-btn" class="btn btn-danger btn-sm"
            data-url="{{ route('admin.tokens.revoke', $agentToken) }}">
        Révoquer
    </button>
    @endif
@endsection

@section('content')

@php
    $feedUrl = route('admin.agents.feed', $agentToken);
    $batPct  = null;
@endphp

<div style="max-width:900px;">

{{-- ══ 1. IDENTITÉ ═══════════════════════════════════════════════════════════ --}}
<div class="card" style="margin-bottom:1rem;">
    <div style="display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;">
        <div>
            <div style="font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#64748b;margin-bottom:0.75rem;">
                Identité
            </div>
            <table style="border-collapse:collapse;">
                <tr>
                    <td style="padding:0.25rem 1.5rem 0.25rem 0;color:#64748b;font-size:0.82rem;">Nom</td>
                    <td style="font-weight:600;">{{ $agentToken->name }}</td>
                </tr>
                <tr>
                    <td style="padding:0.25rem 1.5rem 0.25rem 0;color:#64748b;font-size:0.82rem;">Propriétaire</td>
                    <td style="font-size:0.82rem;">{{ $agentToken->owner?->full_name ?? 'Système' }}</td>
                </tr>
                <tr>
                    <td style="padding:0.25rem 1.5rem 0.25rem 0;color:#64748b;font-size:0.82rem;">Token</td>
                    <td style="font-family:monospace;font-size:0.82rem;color:#475569;">
                        {{ substr($agentToken->token, 0, 8) }}…{{ substr($agentToken->token, -4) }}
                    </td>
                </tr>
                <tr>
                    <td style="padding:0.25rem 1.5rem 0.25rem 0;color:#64748b;font-size:0.82rem;">Dernière IP</td>
                    <td id="agent-info-ip" style="font-family:monospace;font-size:0.82rem;">{{ $agentToken->last_ip ?? '—' }}</td>
                </tr>
                <tr>
                    <td style="padding:0.25rem 1.5rem 0.25rem 0;color:#64748b;font-size:0.82rem;">Statut</td>
                    <td>
                        @if($agentToken->active)
                            <span class="badge badge-success">Actif</span>
                        @else
                            <span class="badge badge-muted">Révoqué</span>
                        @endif
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>

{{-- ══ 2. PARTAGE ════════════════════════════════════════════════════════════ --}}
<div class="card" style="margin-bottom:1rem;">
    <div style="font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#64748b;margin-bottom:0.75rem;">
        Partage
    </div>

    @if($agentToken->sharedWith->isNotEmpty())
        <div style="margin-bottom:0.75rem;">
            <div style="font-size:0.82rem;color:#64748b;margin-bottom:0.4rem;">Utilisateurs avec accès :</div>
            <ul style="margin:0;padding:0;list-style:none;">
                @foreach($agentToken->sharedWith as $user)
                    <li style="display:flex;align-items:center;justify-content:space-between;padding:0.3rem 0;border-bottom:1px solid rgba(0,0,0,0.05);font-size:0.82rem;">
                        <span>{{ $user->full_name }} <span style="color:#94a3b8;">({{ $user->pivot->permission }})</span></span>
                        <form method="POST" action="{{ route('admin.agents.unshare', [$agentToken, $user]) }}" style="display:inline;">
                            @csrf @method('DELETE')
                            <button type="submit" class="btn btn-danger btn-sm" style="font-size:0.7rem;">Retirer</button>
                        </form>
                    </li>
                @endforeach
            </ul>
        </div>
    @else
        <div style="font-size:0.82rem;color:#94a3b8;margin-bottom:0.75rem;">
            Agent non partagé — seul le propriétaire y a accès.
        </div>
    @endif

    <form method="POST" action="{{ route('admin.agents.share', $agentToken) }}" style="display:flex;gap:0.5rem;align-items:end;flex-wrap:wrap;">
        @csrf
        <div>
            <label class="form-label" style="font-size:0.72rem;">Ajouter un utilisateur</label>
            <select name="user_id" class="form-input" style="min-width:160px;">
                @foreach($users as $user)
                    <option value="{{ $user->id }}">{{ $user->full_name }}</option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="form-label" style="font-size:0.72rem;">Permission</label>
            <select name="permission" class="form-input">
                <option value="use">Utilisation</option>
                <option value="manage">Gestion</option>
            </select>
        </div>
        <button type="submit" class="btn btn-primary btn-sm">Partager</button>
    </form>

    <form method="POST" action="{{ route('admin.agents.share-all', $agentToken) }}" style="margin-top:0.5rem;">
        @csrf
        <button type="submit" class="btn btn-ghost btn-sm">Partager avec tous les utilisateurs</button>
    </form>
</div>

{{-- ══ 3. ACTIVITÉ (live polling) ═══════════════════════════════════════════ --}}
<div class="card" id="agent-activity-card"
     data-agent-feed="{{ $feedUrl }}"
     data-agent-id="{{ $agentToken->id }}"
     style="margin-bottom:1rem;">
    <div style="font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#64748b;margin-bottom:0.75rem;">
        Activité
    </div>
    <div id="agent-activity-content">
        @include('admin.agent-activity', [
            'online'         => $agentToken->isOnline(),
            'lastSeenAt'     => $agentToken->last_seen_at,
            'lastLogAt'      => $agentToken->last_log_at,
            'inventoryCount' => $connector?->last_inventory ? count($connector->last_inventory) : 0,
            'inventorySyncAt' => $connector?->last_sync_at,
        ])
    </div>
</div>

{{-- ══ 4. LOG AGENT ═════════════════════════════════════════════════════════ --}}
<div class="card" style="margin-bottom:1rem;">
    <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem;">
        <div style="font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#64748b;">
            Log agent
            <span id="agent-log-count" style="font-weight:400;color:#94a3b8;text-transform:none;">
                ({{ is_array($agentToken->last_agent_log) ? count($agentToken->last_agent_log) : 0 }} lignes)
            </span>
        </div>
    </div>
    <pre id="agent-log-content" style="
        background:#1e293b;color:#e2e8f0;padding:0.75rem;border-radius:0.375rem;
        font-size:0.75rem;line-height:1.5;max-height:300px;overflow:auto;
        white-space:pre-wrap;word-break:break-all;
    ">@if(is_array($agentToken->last_agent_log))
@foreach($agentToken->last_agent_log as $line){{ $line }}
@endforeach
@else—
@endif</pre>
</div>

{{-- ══ 5. LOG ESL-WORKING ═══════════════════════════════════════════════════ --}}
<div class="card" style="margin-bottom:1rem;">
    <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem;">
        <div style="font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#64748b;">
            Log ESL-Working
            <span id="eslworking-log-count" style="font-weight:400;color:#94a3b8;text-transform:none;">
                ({{ is_array($agentToken->last_eslworking_log) ? count($agentToken->last_eslworking_log) : 0 }} lignes)
            </span>
        </div>
    </div>
    <pre id="eslworking-log-content" style="
        background:#1e293b;color:#e2e8f0;padding:0.75rem;border-radius:0.375rem;
        font-size:0.75rem;line-height:1.5;max-height:300px;overflow:auto;
        white-space:pre-wrap;word-break:break-all;
    ">@if(is_array($agentToken->last_eslworking_log))
@foreach($agentToken->last_eslworking_log as $line){{ $line }}
@endforeach
@else—
@endif</pre>
</div>

</div>
@endsection

@section('scripts')
<script>
document.addEventListener('DOMContentLoaded', () => {
    const card = document.getElementById('agent-activity-card');
    if (!card) return;

    const feedUrl = card.dataset.agentFeed;
    if (!feedUrl) return;

    function updateActivity(data) {
        // Badge online/offline
        const badgeHtml = data.online
            ? '<span class="badge badge-success" style="font-size:0.82rem;">En ligne</span>'
            : '<span class="badge badge-muted" style="font-size:0.82rem;">Hors ligne</span>';

        document.getElementById('agent-live-status').innerHTML = badgeHtml;
        document.getElementById('agent-last-seen').textContent   = data.last_seen_ago ?? '—';
        document.getElementById('agent-last-seen-iso').textContent = data.last_seen_iso ?? '';
        document.getElementById('agent-info-ip').textContent     = data.last_ip ?? '—';

        // Log times
        document.getElementById('agent-last-log').textContent = data.last_log_ago ?? '—';
        if (data.last_log_iso) {
            document.getElementById('agent-last-log-iso').textContent = data.last_log_iso;
        }

        // Inventory
        document.getElementById('agent-inventory-count').textContent   = data.inventory_count;
        document.getElementById('agent-inventory-sync').textContent   = data.inventory_sync_ago ?? '—';
        if (data.inventory_sync_iso) {
            document.getElementById('agent-inventory-sync-iso').textContent = data.inventory_sync_iso;
        }

        // Agent log
        if (data.agent_log && data.agent_log.length) {
            document.getElementById('agent-log-content').textContent = data.agent_log.join('\n');
            document.getElementById('agent-log-count').textContent = '(' + data.agent_log.length + ' lignes)';
        }

        // ESL-Working log
        if (data.eslworking_log && data.eslworking_log.length) {
            document.getElementById('eslworking-log-content').textContent = data.eslworking_log.join('\n');
            document.getElementById('eslworking-log-count').textContent = '(' + data.eslworking_log.length + ' lignes)';
        }
    }

    function pollFeed() {
        fetch(feedUrl)
            .then(r => r.json())
            .then(data => {
                if (data && typeof data.online === 'boolean') {
                    updateActivity(data);
                }
            })
            .catch(() => {});
    }

    // Poll toutes les 30s
    setInterval(pollFeed, 30000);
});

// Révoquer
document.addEventListener('DOMContentLoaded', () => {
    const btn = document.getElementById('revoke-agent-btn');
    if (!btn) return;

    btn.addEventListener('click', () => {
        if (!confirm('Révoquer cet agent ? L\'agent ne pourra plus communiquer.')) return;
        fetch(btn.dataset.url, {
            method: 'POST',
            headers: {
                'X-CSRF-TOKEN': document.querySelector('meta[name=csrf-token]').content,
                'Accept': 'application/json',
            },
        })
        .then(r => r.json())
        .then(data => {
            if (data.success) {
                window.location.href = '{{ route('admin.connecteurs') }}';
            }
        })
        .catch(() => {
            window.location.href = '{{ route('admin.connecteurs') }}';
        });
    });
});
</script>
@endsection