@extends('layouts.admin')
@section('title', 'Security Events')

@section('content')

<div style="display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem">
  <div>
    <h1 style="font-size:1.25rem;font-weight:800;color:var(--foreground);letter-spacing:-.025em;margin:0 0 .25rem">Security Events</h1>
    <p style="font-size:.8125rem;color:var(--muted-foreground);margin:0">Monitor threats and resolve security incidents</p>
  </div>
</div>

{{-- Severity summary --}}
<div style="display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem">
  @foreach(['critical'=>['#ef4444','rgba(239,68,68,.08)','rgba(239,68,68,.2)'],'high'=>['#f97316','rgba(249,115,22,.08)','rgba(249,115,22,.2)'],'medium'=>['#f59e0b','rgba(245,158,11,.08)','rgba(245,158,11,.2)'],'low'=>['#3b82f6','rgba(59,130,246,.08)','rgba(59,130,246,.2)']] as $sev=>[$c,$bg,$br])
  <div style="display:flex;align-items:center;gap:.5rem;padding:.45rem .875rem;border-radius:.6rem;background:{{ $bg }};border:1px solid {{ $br }}">
    <span style="width:6px;height:6px;border-radius:50%;background:{{ $c }};box-shadow:0 0 4px {{ $c }}80"></span>
    <span style="font-size:.875rem;font-weight:800;color:var(--foreground)">{{ $summary[$sev]??0 }}</span>
    <span style="font-size:.75rem;color:var(--foreground);text-transform:capitalize">{{ $sev }}</span>
  </div>
  @endforeach
</div>

<div class="card" style="padding:.875rem 1.25rem;margin-bottom:1rem">
  <form method="GET" style="display:flex;flex-wrap:wrap;gap:.625rem;align-items:center">
    <select name="severity" class="select" style="width:140px">
      <option value="">All Severities</option>
      @foreach(['low','medium','high','critical'] as $s)
      <option value="{{ $s }}" @selected(request('severity')===$s)>{{ ucfirst($s) }}</option>
      @endforeach
    </select>
    <select name="type" class="select" style="width:185px">
      <option value="">All Types</option>
      @foreach(['replay_attack','brute_force','invalid_signature','tamper_detected'] as $t)
      <option value="{{ $t }}" @selected(request('type')===$t)>{{ ucwords(str_replace('_',' ',$t)) }}</option>
      @endforeach
    </select>
    <label style="display:flex;align-items:center;gap:.45rem;font-size:.8rem;color:var(--foreground);cursor:pointer;margin:0">
      <input type="checkbox" name="unresolved" value="1" @checked(request('unresolved')) style="accent-color:var(--foreground)">
      Unresolved only
    </label>
    <button type="submit" class="btn btn-primary btn-sm">Filter</button>
    @if(request()->anyFilled(['severity','type','unresolved']))
    <a href="{{ route('admin.security.events') }}" class="btn btn-ghost btn-sm">Clear</a>
    @endif
  </form>
</div>

<div class="card">
  <table style="width:100%;border-collapse:collapse">
    <thead>
      <tr style="border-bottom:1px solid var(--border)">
        <th class="th" style="width:90px">Severity</th>
        <th class="th">Event Type</th>
        <th class="th">Description</th>
        <th class="th">IP Address</th>
        <th class="th">Time</th>
        <th class="th">Status</th>
        <th class="th"></th>
      </tr>
    </thead>
    <tbody>
      @forelse($events as $event)
      @php
        $sevMap=['critical'=>'b-red','high'=>'b-orange','medium'=>'b-yellow','low'=>'b-blue'];
        $sevColor=['critical'=>'#ef4444','high'=>'#f97316','medium'=>'#f59e0b','low'=>'#3b82f6'];
        $bc=$sevMap[$event->severity]??'b-gray';
        $sc=$sevColor[$event->severity]??'#9ca3af';
      @endphp
      <tr class="trow">
        <td class="td">
          <div style="display:flex;align-items:center;gap:.5rem">
            <span style="width:6px;height:6px;border-radius:50%;background:{{ $sc }};box-shadow:0 0 4px {{ $sc }}80;flex-shrink:0"></span>
            <span class="badge {{ $bc }}" style="font-size:.65rem">{{ ucfirst($event->severity) }}</span>
          </div>
        </td>
        <td class="td"><code style="font-size:.72rem;color:var(--foreground);font-family:monospace">{{ $event->event_type }}</code></td>
        <td class="td" style="max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--foreground);font-size:.78rem">{{ $event->description }}</td>
        <td class="td"><code style="font-family:monospace;font-size:.72rem;color:var(--muted-foreground)">{{ $event->ip_address??'-' }}</code></td>
        <td class="td" style="font-size:.75rem;color:var(--muted-foreground);white-space:nowrap">{{ $event->created_at->diffForHumans() }}</td>
        <td class="td">
          @if($event->is_resolved)
          <span class="badge b-green">Resolved</span>
          @else
          <span class="badge b-red">Open</span>
          @endif
        </td>
        <td class="td">
          @unless($event->is_resolved)
          <form method="POST" action="{{ route('admin.security.events.resolve',$event) }}">
            @csrf
            <button class="btn btn-secondary btn-xs">Resolve</button>
          </form>
          @endunless
        </td>
      </tr>
      @empty
      <tr><td colspan="7" style="padding:3rem;text-align:center;color:var(--muted-foreground);font-size:.8rem"></td></tr>
      @endforelse
    </tbody>
  </table>
  <div style="padding:.875rem 1.25rem;border-top:1px solid var(--border)">{{ $events->links() }}</div>
</div>

@endsection