@extends('layouts.app')

@section('title', 'Scan: '.$scan->name)

@section('actions')
    @if ($scan->status->value === 'draft' || $scan->status->value === 'approved')
        @can('start', $scan)
            <form method="POST" action="{{ route('scans.start', $scan) }}">
                @csrf
                <button class="btn btn-primary btn-sm" type="submit">Scan starten</button>
            </form>
        @endcan
    @endif

    @if ($scan->isCancellable())
        @can('abort', $scan)
            <form method="POST" action="{{ route('scans.abort', $scan) }}"
                  data-confirm="Scan wirklich abbrechen? Die Nachbeobachtung läuft weiter.">
                @csrf
                <button class="btn btn-danger btn-sm" type="submit">Sofort abbrechen</button>
            </form>
        @endcan
    @endif

    @can(\App\Enums\Permission::REPORT_CREATE)
        <a href="{{ route('reports.create', ['scan_job_id' => $scan->id]) }}" class="btn btn-ghost btn-sm">Bericht erstellen</a>
    @endcan
@endsection

@section('content')
    <section class="grid grid-4">
        <div class="stat">
            <div class="label">Status</div>
            <div class="value" style="font-size:1.3rem;">
                <span class="badge {{ $scan->status->badgeClass() }}" id="status-badge">{{ $scan->status->label() }}</span>
            </div>
            <div class="hint">{{ $scan->profile->name }}</div>
        </div>
        <div class="stat">
            <div class="label">Fortschritt</div>
            <div class="value" id="progress-value">{{ (int) $scan->progress_percent }} %</div>
            <div class="progress"><span id="progress-bar" style="width: {{ (int) $scan->progress_percent }}%"></span></div>
        </div>
        <div class="stat">
            <div class="label">Laufzeit</div>
            <div class="value" id="runtime-value">
                {{ $scan->runtimeSeconds() !== null ? gmdate('H:i:s', $scan->runtimeSeconds()) : '–' }}
            </div>
            <div class="hint">Limit {{ gmdate('H:i:s', (int) $scan->max_runtime_seconds) }}</div>
        </div>
        <div class="stat {{ $scan->abort_reason_code ? 'danger' : '' }}">
            <div class="label">Ziele</div>
            <div class="value">{{ $scan->targets_completed }} / {{ $scan->targets_total }}</div>
            <div class="hint">{{ $scan->open_ports_found }} offene Ports, {{ $scan->findings_count }} Findings</div>
        </div>
    </section>

    @if ($scan->abort_reason)
        <div class="alert alert-critical">
            <strong>{{ $scan->status->label() }}:</strong> {{ $scan->abort_reason }}
            @if ($scan->post_observation_until)
                <br>Nachbeobachtung bis {{ $scan->post_observation_until->format('H:i:s') }}.
                Am Zielgerät wurden keinerlei Massnahmen ausgeführt.
            @endif
        </div>
    @endif

    <section class="grid grid-2">
        {{-- --------------------------------------------------- Zusammenfassung --}}
        <div class="panel">
            <div class="panel-head"><h2>Zusammenfassung</h2></div>
            <div class="panel-body">
                <dl class="kv">
                    <dt>Kunde / Projekt</dt>
                    <dd>{{ $scan->project->customer->name }} · {{ $scan->project->name }}</dd>
                    <dt>Scanprofil</dt>
                    <dd>{{ $scan->profile->name }} ({{ $scan->profile->intensityLabel() }})</dd>
                    <dt>Geplante Intensität</dt>
                    <dd class="mono small">
                        T{{ data_get($scan->effective_options, 'options.timing', '–') }},
                        {{ data_get($scan->effective_options, 'options.min_rate', '–') }}–{{ data_get($scan->effective_options, 'options.max_rate', '–') }} Pakete/s,
                        Parallelität {{ data_get($scan->effective_options, 'options.max_parallelism', '–') }}
                    </dd>
                    <dt>Erwartete Dauer</dt>
                    <dd>{{ $scan->profile->estimated_duration_seconds ? gmdate('H:i:s', $scan->profile->estimated_duration_seconds) : 'unbestimmt' }}</dd>
                    <dt>Ausführender Benutzer</dt><dd>{{ $scan->creator?->name }}</dd>
                    <dt>Genehmigt durch</dt><dd>{{ $scan->approver?->name ?? 'keine Freigabe erforderlich' }}</dd>
                    <dt>Wartungsfenster</dt>
                    <dd>
                        @if ($scan->maintenanceWindow)
                            {{ $scan->maintenanceWindow->name }}
                            ({{ $scan->maintenanceWindow->starts_at->format('d.m. H:i') }}–{{ $scan->maintenanceWindow->ends_at->format('H:i') }})
                        @else – @endif
                    </dd>
                    <dt>Autorisierung</dt>
                    <dd>{{ $scan->authorization_reference ?: '–' }}
                        <span class="badge badge-ok">bestätigt</span></dd>
                    <dt>Profil-Prüfsumme</dt>
                    <dd class="mono small">{{ substr($scan->profile_snapshot_hash, 0, 16) }}…</dd>
                </dl>
            </div>
        </div>

        {{-- ------------------------------------------------ Schutzmechanismen --}}
        <div class="panel">
            <div class="panel-head"><h2>Aktive Schutzmechanismen und Abbruchgrenzen</h2></div>
            <div class="panel-body">
                <dl class="kv">
                    @foreach ($riskSummary['abort_thresholds'] as $key => $value)
                        <dt class="small">{{ $key }}</dt><dd class="mono small">{{ $value ?? '–' }}</dd>
                    @endforeach
                </dl>
                <p class="help">
                    Bei Überschreitung wird der Nmap-Prozess kontrolliert beendet (SIGTERM, danach SIGKILL),
                    ein laufender Nessus-Scan gestoppt und die Nachbeobachtung fortgesetzt.
                    Es erfolgen keine Neustarts oder Konfigurationsänderungen am Zielgerät.
                </p>
            </div>
        </div>
    </section>

    {{-- ------------------------------------------------------------- Ziele --}}
    <section class="panel">
        <div class="panel-head"><h2>Ziele</h2></div>
        <div class="table-wrap">
            <table class="data">
                <thead><tr><th>Gerät</th><th>IP</th><th>Status</th><th>Allowlist</th><th>Start</th><th>Ende</th></tr></thead>
                <tbody>
                @foreach ($scan->targets as $target)
                    <tr>
                        <td>{{ $target->hostname ?: '–' }}</td>
                        <td class="mono">{{ $target->ip_address }}</td>
                        <td><span class="badge badge-{{ $target->status === 'completed' ? 'ok' : ($target->status === 'running' ? 'running' : 'neutral') }}">{{ $target->status }}</span></td>
                        <td class="small mono">{{ $target->allowlistEntry?->cidr ?? '–' }}</td>
                        <td class="small">{{ $target->started_at?->format('H:i:s') ?? '–' }}</td>
                        <td class="small">{{ $target->finished_at?->format('H:i:s') ?? '–' }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </section>

    {{-- ----------------------------------------------- Zeitachse und Verlauf --}}
    <section class="grid grid-2">
        <div class="panel">
            <div class="panel-head">
                <h2>Zeitachse</h2>
                <div class="actions"><span class="muted small" id="live-indicator"></span></div>
            </div>
            <div class="panel-body" style="max-height:460px;overflow-y:auto;">
                <ul class="timeline" id="timeline">
                    @foreach ($events as $event)
                        <li class="{{ $event->severityClass() }}">
                            <span class="time">{{ $event->occurred_at->format('H:i:s') }}</span>{{ $event->message }}
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>

        <div class="panel">
            <div class="panel-head"><h2>Gesundheitswerte</h2></div>
            <div class="panel-body">
                @forelse ($chartData as $series)
                    <h3 style="font-size:0.9rem;">{{ $series['hostname'] }}</h3>
                    <canvas class="chart health-chart" data-series="{{ json_encode($series['points']) }}"
                            width="600" height="190" role="img"
                            aria-label="Verlauf CPU, Latenz und Paketverlust"></canvas>
                    <p class="muted small">
                        Blau: CPU (%) · Bernstein: Latenz (ms) · Rot: Paketverlust (%)
                    </p>
                @empty
                    <div class="empty">Noch keine Messwerte erfasst.</div>
                @endforelse
            </div>
        </div>
    </section>

    {{-- ------------------------------------------------------------ Ergebnisse --}}
    @if ($results->isNotEmpty())
        <section class="panel">
            <div class="panel-head"><h2>Erkannte Ports und Dienste</h2></div>
            <div class="table-wrap">
                <table class="data">
                    <thead>
                    <tr><th>Ziel</th><th>Port</th><th>Protokoll</th><th>Status</th><th>Dienst</th><th>Produkt / Version</th><th>CPE</th></tr>
                    </thead>
                    <tbody>
                    @foreach ($results as $result)
                        @foreach ($result->ports as $port)
                            <tr>
                                <td class="mono small">{{ $result->ip_address }}</td>
                                <td class="num">{{ $port->port }}</td>
                                <td>{{ $port->protocol }}</td>
                                <td>
                                    <span class="badge badge-{{ $port->state === 'open' ? 'critical' : 'neutral' }}">{{ $port->state }}</span>
                                </td>
                                <td>{{ $port->service_name ?: '–' }}</td>
                                <td class="small">{{ trim($port->product.' '.$port->version) ?: '–' }}</td>
                                <td class="mono small">{{ implode(', ', (array) ($port->cpe ?? [])) ?: '–' }}</td>
                            </tr>
                        @endforeach
                    @endforeach
                    </tbody>
                </table>
            </div>
            <div class="panel-body">
                @foreach ($results as $result)
                    <p class="muted small mono">
                        {{ $result->ip_address }}: {{ $result->commandLine() }}
                        (Exit {{ $result->exit_code }}, {{ number_format((float) $result->duration_seconds, 1) }} s,
                        SHA-256 {{ substr((string) $result->xml_sha256, 0, 16) }}…)
                    </p>
                @endforeach
            </div>
        </section>
    @endif

    @if ($scan->stages->isNotEmpty())
        <section class="panel">
            <div class="panel-head"><h2>Laststufen</h2></div>
            <div class="table-wrap">
                <table class="data">
                    <thead><tr><th>#</th><th>Stufe</th><th>Parameter</th><th>Status</th><th>Freigabe</th><th>Dauer</th></tr></thead>
                    <tbody>
                    @foreach ($scan->stages as $stage)
                        <tr>
                            <td class="num">{{ $stage->sequence }}</td>
                            <td>{{ $stage->label }}</td>
                            <td class="mono small">{{ $stage->parameters ? json_encode($stage->parameters) : '– nur Beobachtung –' }}</td>
                            <td><span class="badge badge-{{ $stage->status === 'completed' ? 'ok' : ($stage->status === 'running' ? 'running' : 'neutral') }}">{{ $stage->status }}</span></td>
                            <td class="small">{{ $stage->approved_at?->format('d.m. H:i') ?? ($stage->requires_approval ? 'erforderlich' : '–') }}</td>
                            <td class="small">{{ $stage->planned_duration_seconds }} s</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </section>
    @endif
@endsection

@push('scripts')
    <script nonce="{{ request()->attributes->get('csp_nonce') }}">
        // Einfache Liniendiagramme ohne externe Bibliothek (CSP-konform).
        (function () {
            function draw(canvas) {
                var points = JSON.parse(canvas.dataset.series || '[]');
                if (!points.length) return;

                var ctx = canvas.getContext('2d');
                var w = canvas.width, h = canvas.height, pad = 24;

                ctx.clearRect(0, 0, w, h);
                ctx.strokeStyle = 'rgba(128,128,128,0.3)';
                ctx.beginPath(); ctx.moveTo(pad, h - pad); ctx.lineTo(w - 4, h - pad); ctx.stroke();

                function series(key, color, max) {
                    var values = points.map(function (p) { return p[key]; });
                    var top = max || Math.max.apply(null, values.filter(function (v) { return v !== null; }).concat([1]));
                    ctx.strokeStyle = color;
                    ctx.lineWidth = 1.6;
                    ctx.beginPath();
                    var started = false;
                    values.forEach(function (v, i) {
                        if (v === null || v === undefined) return;
                        var x = pad + (i / Math.max(1, values.length - 1)) * (w - pad - 6);
                        var y = (h - pad) - (v / top) * (h - pad - 8);
                        started ? ctx.lineTo(x, y) : ctx.moveTo(x, y);
                        started = true;
                    });
                    ctx.stroke();
                }

                series('cpu', '#002D4E', 100);
                series('rtt', '#F7A600', null);
                series('loss', '#b3261e', 100);
            }

            document.querySelectorAll('.health-chart').forEach(draw);

            // Live-Aktualisierung bei laufendem Scan.
            var active = {{ $scan->isActive() ? 'true' : 'false' }};
            if (!active) return;

            var lastEvent = '{{ $events->last()?->occurred_at?->toIso8601String() }}';
            var indicator = document.getElementById('live-indicator');
            var timeline = document.getElementById('timeline');

            setInterval(function () {
                fetch('{{ route('scans.live', $scan) }}?since=' + encodeURIComponent(lastEvent), {
                    credentials: 'same-origin', headers: { 'Accept': 'application/json' }
                })
                    .then(function (r) { return r.json(); })
                    .then(function (data) {
                        indicator.textContent = 'Stand ' + new Date().toLocaleTimeString('de-CH');

                        document.getElementById('progress-value').textContent = data.progress + ' %';
                        document.getElementById('progress-bar').style.width = data.progress + '%';
                        document.getElementById('status-badge').textContent = data.status_label;

                        if (data.runtime_seconds !== null) {
                            var s = data.runtime_seconds;
                            document.getElementById('runtime-value').textContent =
                                String(Math.floor(s / 3600)).padStart(2, '0') + ':' +
                                String(Math.floor((s % 3600) / 60)).padStart(2, '0') + ':' +
                                String(s % 60).padStart(2, '0');
                        }

                        data.events.forEach(function (event) {
                            var li = document.createElement('li');
                            li.className = 'event-' + event.severity;
                            li.innerHTML = '<span class="time"></span>';
                            li.querySelector('.time').textContent = event.time;
                            li.appendChild(document.createTextNode(event.message));
                            timeline.appendChild(li);
                            lastEvent = event.at;
                        });

                        if (data.status === 'completed' || data.status === 'auto_aborted' ||
                            data.status === 'aborted' || data.status === 'failed') {
                            window.location.reload();
                        }
                    })
                    .catch(function () { indicator.textContent = 'Aktualisierung unterbrochen'; });
            }, 5000);
        })();
    </script>
@endpush