@extends('layouts.app')
@section('title', 'Command & Control Centre')
@section('content')
<div class="container-fluid">
    {{-- Page guide: what this screen is for --}}
    <div class="alert alert-light border-start border-4 border-primary shadow-sm d-flex align-items-start mb-4" data-page-guide role="note">
        <i class="fas fa-circle-info text-primary me-2 mt-1"></i>
        <div><strong>Integrated Command & Control Centre (C&CC).</strong> Monitor the command & control centre: view linked stations and devices, acknowledge events and alerts, and — once hardware is connected — CCTV, access-control and the 3D prison view.</div>
    </div>

    <div class="d-flex justify-content-between align-items-center mb-3">
        <h3 class="fw-bold mb-0"><i class="fas fa-shield-halved me-2"></i>Integrated Command & Control Centre</h3>
        <a href="{{ route('prison.command-centre.three-d') }}" class="btn btn-dark btn-sm"><i class="fas fa-cube"></i> 3D View</a>
    </div>
    @if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
    @if($errors->any())<div class="alert alert-danger"><ul class="mb-0">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>@endif
    @if(! $cctvStatus['ready'])
        <div class="alert alert-warning"><i class="fas fa-triangle-exclamation me-1"></i>
            Hardware integration is in <strong>pending</strong> mode — the C&CC software pipeline (device registry, event ingestion, intrusion→CGP escalation, sub-centre control, 3D feed) is fully active and will start receiving live data as soon as CCTV / access-control / intrusion hardware is connected.</div>
    @endif

    <div class="row g-3">
        <div class="col-lg-5">
            <div class="card h-100"><div class="card-header fw-bold">Sub-Command Centres</div><div class="card-body p-0"><table class="table table-sm mb-0">
                <thead><tr><th>Name</th><th>Status</th><th></th></tr></thead><tbody>
                @forelse($subs as $s)
                    <tr><td>{{ $s->name }}</td>
                        <td><span class="badge {{ $s->status==='Active'?'bg-success':'bg-danger' }}">{{ $s->status }}</span>{!! $s->controlled_by_hq ? ' <span class="badge bg-dark">HQ control</span>':'' !!}</td>
                        <td class="text-end">
                            @if($s->status==='Active')
                            <form method="POST" action="{{ route('prison.command-centre.sub.deactivate', $s->id) }}">@csrf<button class="btn btn-outline-danger btn-sm" onclick="return confirm('Deactivate and hand control to HQ?')">Deactivate</button></form>
                            @else
                            <form method="POST" action="{{ route('prison.command-centre.sub.reactivate', $s->id) }}">@csrf<button class="btn btn-outline-success btn-sm">Reactivate</button></form>
                            @endif
                        </td></tr>
                @empty <tr><td colspan="3" class="text-muted text-center py-3">No sub-centres registered.</td></tr> @endforelse
                </tbody></table></div></div>
        </div>
        <div class="col-lg-7">
            <div class="card h-100"><div class="card-header fw-bold">Devices</div><div class="card-body p-0"><table class="table table-sm mb-0">
                <thead><tr><th>Type</th><th>Name</th><th>Location</th><th>Status</th><th>Last seen</th></tr></thead><tbody>
                @forelse($devices as $d)
                    <tr><td>{{ $d->type }}</td><td>{{ $d->name }}</td><td>{{ $d->location }}</td>
                        <td><span class="badge {{ $d->status==='Online'?'bg-success':($d->status==='Offline'?'bg-danger':'bg-secondary') }}">{{ $d->status }}</span></td>
                        <td>{{ optional($d->last_seen_at)->diffForHumans() ?? '—' }}</td></tr>
                @empty <tr><td colspan="5" class="text-muted text-center py-3">No devices registered yet.</td></tr> @endforelse
                </tbody></table></div></div>
        </div>
        <div class="col-12">
            <div class="card"><div class="card-header fw-bold">Recent Events &amp; Intrusion Feed</div><div class="card-body p-0"><table class="table table-sm mb-0">
                <thead><tr><th>When</th><th>Type</th><th>Severity</th><th>Device</th><th>CGP</th><th></th></tr></thead><tbody>
                @forelse($events as $e)
                    <tr><td>{{ optional($e->occurred_at)->format('Y-m-d H:i') }}</td><td>{{ $e->event_type }}</td>
                        <td><span class="badge {{ $e->severity==='Critical'?'bg-danger':($e->severity==='Warning'?'bg-warning text-dark':'bg-secondary') }}">{{ $e->severity }}</span></td>
                        <td>{{ optional($e->device)->name }}</td>
                        <td>{{ $e->cgp_notified_at ? 'Notified' : '—' }}</td>
                        <td class="text-end">@if(!$e->acknowledged_at)<form method="POST" action="{{ route('prison.command-centre.event.ack', $e->id) }}">@csrf<button class="btn btn-outline-secondary btn-sm">Ack</button></form>@else<span class="text-muted">ack</span>@endif</td></tr>
                @empty <tr><td colspan="6" class="text-muted text-center py-3">No events. Devices will populate this feed once connected.</td></tr> @endforelse
                </tbody></table></div></div>
        </div>
    </div>
</div>
@endsection