@extends('admin.layout')
@section('title',$d->url)
@section('content')

<a href="{{ route('admin.dashboard') }}" class="text-sm text-slate-500 hover:text-slate-800">&larr; Domene</a>

<div class="flex items-center gap-3 mt-2 mb-5">
  <h1 class="text-xl font-bold">{{ $d->url }}</h1>
  @if($d->isChampion())<span class="text-xs bg-amber-100 text-amber-700 px-2 py-0.5 rounded-full">★ prvak</span>@endif
  <span class="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="grid md:grid-cols-3 gap-4">
  <div class="bg-white rounded-lg border p-4 text-sm">
    <div class="font-semibold mb-2">Dostop</div>
    <div class="space-y-1 text-slate-600">
      <div>platforma: <b>{{ $d->platform }}</b></div>
      <div>način: <b>{{ $d->access_mode }}</b></div>
      <div>db: <b>{{ $d->db_name ?? '—' }}</b></div>
      <div>prefix: <b>{{ $d->table_prefix }}</b></div>
      <div>REST: <b>{{ $d->usesRest() ? ($d->wp_rest_url ?: 'ni URL-ja') : 'izklopljen' }}</b>
        @if($restOk===true)<span class="text-emerald-600">● povezan</span>@elseif($restOk===false)<span class="text-red-600">● ni povezave</span>@endif
      </div>
    </div>
  </div>

  <div class="bg-white rounded-lg border p-4 text-sm md:col-span-2">
    <div class="font-semibold mb-2">Cross-domain footprint (scan)</div>
    @if($error)
      <div class="text-red-600">Napaka: {{ $error }}</div>
    @elseif(!$d->isWp())
      <div class="text-slate-400">Custom stran — ni MySQL scana.</div>
    @elseif($scan)
      <div class="flex gap-6 mb-2">
        <div>meni linki na druge domene: <b class="{{ $scan['menu']?'text-red-600':'text-emerald-600' }}">{{ $scan['menu'] }}</b></div>
        <div>vsebinske cross-domain ref: <b class="{{ array_sum($scan['by_sibling'])?'text-red-600':'text-emerald-600' }}">{{ array_sum($scan['by_sibling']) }}</b></div>
      </div>
      @if($scan['by_sibling'])
        <ul class="text-slate-600 list-disc ml-5">
          @foreach($scan['by_sibling'] as $h=>$n)<li>{{ $h }}: <b>{{ $n }}</b></li>@endforeach
        </ul>
      @else
        <div class="text-emerald-600">✓ Čisto — domena ni povezana z mrežo.</div>
      @endif
    @endif
  </div>
</div>

@if($d->isWp())
<div class="bg-white rounded-lg border p-4 mt-4">
  <div class="font-semibold mb-3 text-sm">Operacije</div>
  <div class="flex flex-wrap gap-3">
    <form method="post" action="{{ route('admin.run',$d->key) }}" onsubmit="return confirm('Razklopim vse cross-domain povezave -> self?')">
      @csrf <input type="hidden" name="op" value="decouple">
      <button class="bg-slate-800 hover:bg-slate-900 text-white text-sm rounded px-4 py-2">Razklopi (decouple)</button>
    </form>
    <form method="post" action="{{ route('admin.run',$d->key) }}" onsubmit="return confirm('Odstranim Google Translate artefakte?')">
      @csrf <input type="hidden" name="op" value="clean-gt">
      <button class="bg-slate-800 hover:bg-slate-900 text-white text-sm rounded px-4 py-2">Počisti GT artefakte</button>
    </form>
  </div>
</div>
@endif

<h2 class="text-lg font-bold mt-6 mb-3">Operacije te domene</h2>
<div class="bg-white rounded-lg border 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">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"><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="4" class="px-3 py-4 text-center text-slate-400">Ni operacij.</td></tr>
      @endforelse
    </tbody>
  </table>
</div>
@endsection