@extends('admin.layout')
@section('title', $site->name . ' - Sayfalar')
@section('content')
<div class="site-tabs">
    <a href="{{ route('admin.home.edit', $site) }}">Ana Sayfa</a>
    <a href="{{ route('admin.pages.index', $site) }}" class="active">Sayfalar</a>
    <a href="{{ route('admin.media.index', $site) }}">Medya Kütüphanesi</a>
</div>
<h1>{{ $site->name }} — Sayfalar ({{ $pages->total() }})</h1>

<form method="GET" style="margin-bottom:14px;">
    <input type="text" name="q" placeholder="Yol ara... (örn: firsat)" value="{{ request('q') }}" style="width:300px;display:inline-block;">
    <button class="btn" type="submit">Ara</button>
</form>

<table>
    <thead><tr><th>Yol</th><th>Diller</th><th>Durum</th><th></th></tr></thead>
    <tbody>
        @foreach($pages as $page)
        <tr>
            <td>{{ $page->canonical_path }}</td>
            <td>{{ $page->translations->pluck('locale')->map(fn($l) => strtoupper($l))->implode(', ') }}</td>
            <td>
                @if($page->translations->contains('had_fetch_error', true))
                    <span class="badge badge-bad">hata var</span>
                @else
                    <span class="badge badge-ok">ok</span>
                @endif
            </td>
            <td><a href="{{ route('admin.pages.edit', $page) }}">Düzenle</a></td>
        </tr>
        @endforeach
    </tbody>
</table>
<div style="margin-top:14px;">{{ $pages->links() }}</div>
@endsection