@extends('admin.layout')
@section('title','Domene')
@section('content')

<h1 class="text-xl font-bold mb-1">Mreža domen</h1>
<p class="text-sm text-slate-500 mb-5">2 prvaka + servisne/rezervne. Klikni domeno za scan in operacije.</p>

<div class="grid md:grid-cols-2 gap-3">
  @foreach($domains as $d)
  <a href="{{ route('admin.domain', $d->key) }}"
     class="block bg-white rounded-lg border border-slate-200 hover:border-emerald-400 hover:shadow p-4">
    <div class="flex items-center gap-2">
      <span class="font-semibold">{{ $d->url }}</span>
      @if($d->isChampion())
        <span class="text-xs bg-amber-100 text-amber-700 px-2 py-0.5 rounded-full">★ prvak</span>
      @else
        <span class="text-xs bg-slate-100 text-slate-500 px-2 py-0.5 rounded-full">servisna</span>
      @endif
      <span class="ml-auto text-xs px-2 py-0.5 rounded-full {{ $d->market==='HR'?'bg-blue-100 text-blue-700':'bg-violet-100 text-violet-700' }}">{{ $d->market }}</span>
    </div>
    <div class="mt-2 text-xs text-slate-500 flex gap-3">
      <span>platforma: <b>{{ $d->platform }}</b></span>
      <span>dostop: <b>{{ $d->access_mode }}</b></span>
      <span>db: <b>{{ $d->db_name ?? '—' }}</b></span>
    </div>
  </a>
  @endforeach
</div>

<h2 class="text-lg font-bold mt-8 mb-3">Zadnje operacije</h2>
<div class="bg-white rounded-lg border border-slate-200 overflow-hidden">
  <table class="w-full text-sm">
    <thead class="bg-slate-50 text-slate-500 text-left">
      <tr><th class="px-3 py-2">čas</th><th class="px-3 py-2">domena</th><th class="px-3 py-2">tip</th><th class="px-3 py-2">povzetek</th><th class="px-3 py-2 text-right">vrstic</th></tr>
    </thead>
    <tbody>
      @forelse($ops as $op)
        <tr class="border-t border-slate-100">
          <td class="px-3 py-2 text-slate-400">{{ $op->created_at?->format('d.m H:i') }}</td>
          <td class="px-3 py-2">{{ $op->domain_key }}</td>
          <td class="px-3 py-2"><span class="text-xs bg-slate-100 px-2 py-0.5 rounded">{{ $op->type }}</span></td>
          <td class="px-3 py-2 text-slate-600">{{ $op->summary }}</td>
          <td class="px-3 py-2 text-right font-medium">{{ $op->affected }}</td>
        </tr>
      @empty
        <tr><td colspan="5" class="px-3 py-4 text-center text-slate-400">Ni operacij.</td></tr>
      @endforelse
    </tbody>
  </table>
</div>
@endsection