@extends('layouts.dashboard')
@section('title', 'Logs · '.$guild->name.' · TacForce Pro')

@php
  // Colour-code the type badge by broad category.
  $typeBadge = function (string $type) {
      return match (true) {
          str_contains($type, 'accepted') => 'bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 ring-emerald-500/20',
          str_contains($type, 'rejected'), str_contains($type, 'ban'), str_contains($type, 'kick') => 'bg-red-500/10 text-red-600 dark:text-red-400 ring-red-500/20',
          str_contains($type, 'warn') => 'bg-amber-500/10 text-amber-600 dark:text-amber-400 ring-amber-500/20',
          str_contains($type, 'ticket') => 'bg-blue-500/10 text-blue-600 dark:text-blue-400 ring-blue-500/20',
          default => 'bg-zinc-500/10 text-zinc-500 dark:text-zinc-400 ring-zinc-500/20',
      };
  };
@endphp

@section('content')
  <div class="mb-6 flex flex-wrap items-end justify-between gap-4">
    <div>
      <h1 class="text-2xl font-semibold tracking-tight text-zinc-900 dark:text-white">Logs</h1>
      <p class="mt-1 text-sm text-zinc-500 dark:text-zinc-400">Alle protokollierten Server-Ereignisse.</p>
    </div>

    {{-- Type filter --}}
    <form method="GET" action="{{ route('dashboard.logs', $guild) }}" class="flex items-center gap-2">
      <label for="type" class="sr-only">Typ filtern</label>
      <select id="type" name="type" onchange="this.form.submit()"
        class="rounded-lg border border-zinc-200 dark:border-zinc-800 bg-white dark:bg-zinc-950 px-3 py-2 text-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500/30 outline-none">
        <option value="">Alle Typen</option>
        @foreach ($types as $t)
          <option value="{{ $t }}" @selected($activeType === $t)>{{ $t }}</option>
        @endforeach
      </select>
      @if ($activeType)
        <a href="{{ route('dashboard.logs', $guild) }}" class="inline-flex items-center gap-1.5 rounded-lg border border-zinc-200 dark:border-zinc-800 bg-white dark:bg-zinc-900 px-3 py-2 text-sm font-medium text-zinc-700 dark:text-zinc-200 hover:bg-zinc-100 dark:hover:bg-zinc-800 transition">
          <x-icon name="x" class="h-4 w-4" /> Zurücksetzen
        </a>
      @endif
    </form>
  </div>

  <section class="rounded-xl border border-zinc-200 dark:border-zinc-800 bg-white dark:bg-zinc-900">
    @if ($logs->isEmpty())
      <div class="px-5 py-16 text-center">
        <div class="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-zinc-100 dark:bg-zinc-800 text-zinc-400 dark:text-zinc-500"><x-icon name="list" class="h-6 w-6" /></div>
        <p class="mt-4 text-sm text-zinc-500 dark:text-zinc-400">
          @if ($activeType) Keine Einträge für den Typ „{{ $activeType }}". @else Noch keine Log-Einträge vorhanden. @endif
        </p>
      </div>
    @else
      <div class="overflow-x-auto">
        <table class="w-full min-w-[640px] text-left text-sm">
          <thead>
            <tr class="border-b border-zinc-200 dark:border-zinc-800 text-[11px] uppercase tracking-[0.06em] text-zinc-400 dark:text-zinc-500">
              <th class="px-5 py-3 font-medium">Typ</th>
              <th class="px-5 py-3 font-medium">Ereignis</th>
              <th class="px-5 py-3 font-medium">Akteur</th>
              <th class="px-5 py-3 text-right font-medium">Zeit</th>
            </tr>
          </thead>
          <tbody class="text-[13.5px]">
            @foreach ($logs as $log)
              <tr class="border-t border-zinc-100 dark:border-zinc-800 hover:bg-zinc-50 dark:hover:bg-zinc-800/40 transition">
                <td class="px-5 py-3.5">
                  <span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-[11px] font-medium ring-1 {{ $typeBadge($log->type) }}">{{ $log->type }}</span>
                </td>
                <td class="px-5 py-3.5 text-zinc-900 dark:text-white">{{ $log->message }}</td>
                <td class="px-5 py-3.5 text-zinc-500 dark:text-zinc-400">{{ $log->actor_discord_id ?? '—' }}</td>
                <td class="px-5 py-3.5 text-right text-zinc-400 dark:text-zinc-500" title="{{ $log->created_at }}">{{ $log->created_at?->diffForHumans() }}</td>
              </tr>
            @endforeach
          </tbody>
        </table>
      </div>

      @if ($logs->hasPages())
        <div class="border-t border-zinc-200 dark:border-zinc-800 px-5 py-4">
          {{ $logs->links() }}
        </div>
      @endif
    @endif
  </section>
@endsection