@extends('admin.layout')
@section('title', 'Astroloji Yorum Kütüphanesi')
@section('page-title', 'Astroloji Yorum Kütüphanesi')

@section('content')
<div class="container-fluid p-0">
    <div class="row mb-3 align-items-center">
        <div class="col">
            <h2 class="h4 mb-1">Astroloji Yorum Kütüphanesi</h2>
            <p class="text-muted small mb-0">
                Gezegen-burç, gezegen-ev vb. hazır yorum metinlerinin elle küratörlük yapıldığı tablo
                ({{ $records->total() }} kayıt). Bu içerik yalnızca Astrobilge'de değil,
                <strong>Astrowise ve Astrosabio ile ortak</strong> kullanılır — buradaki değişiklik üçünde de anında geçerli olur.
            </p>
        </div>
    </div>

    @if (session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            <i class="bi bi-check-circle me-1"></i> {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Kapat"></button>
        </div>
    @endif

    <div class="content-card mb-3">
        <form method="GET" class="row g-2 align-items-center">
            <div class="col-md-4">
                <input type="text" name="q" value="{{ $search }}" class="form-control" placeholder="Başlık, anahtar veya içerikte ara...">
            </div>
            <div class="col-md-3">
                <select name="category" class="form-select">
                    <option value="">Tüm kategoriler</option>
                    @foreach ($categories as $cat)
                        <option value="{{ $cat }}" @selected($selectedCategory === $cat)>{{ $cat }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <select name="status" class="form-select">
                    <option value="">Tüm durumlar</option>
                    <option value="active" @selected($selectedStatus === 'active')>Sadece aktif</option>
                    <option value="inactive" @selected($selectedStatus === 'inactive')>Sadece pasif</option>
                </select>
            </div>
            <div class="col-md-3 d-flex gap-2">
                <button type="submit" class="btn btn-primary"><i class="bi bi-search"></i> Ara</button>
                <a href="{{ route('admin.interpretations.index') }}" class="btn btn-outline-secondary">Temizle</a>
            </div>
        </form>
    </div>

    <div class="content-card">
        <div class="table-responsive">
            <table class="table table-sm table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Kategori</th>
                        <th>Anahtar</th>
                        <th>Başlık</th>
                        <th>Konu Etiketi</th>
                        <th class="text-center">Öncelik</th>
                        <th class="text-center">Durum</th>
                        <th class="text-end">İşlem</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($records as $r)
                        <tr>
                            <td><span class="badge bg-light text-dark border">{{ $r->category }}</span></td>
                            <td><code class="small">{{ $r->key_primary }}@if($r->key_secondary) / {{ $r->key_secondary }}@endif</code></td>
                            <td>{{ Str::limit($r->title, 60) }}</td>
                            <td class="text-muted small">{{ $r->topic_tag }}</td>
                            <td class="text-center">{{ $r->priority }}</td>
                            <td class="text-center">
                                @if ($r->is_active)
                                    <span class="badge bg-success">Aktif</span>
                                @else
                                    <span class="badge bg-secondary">Pasif</span>
                                @endif
                            </td>
                            <td class="text-end">
                                <a href="{{ route('admin.interpretations.edit', $r) }}" class="btn btn-sm btn-outline-primary">
                                    <i class="bi bi-pencil"></i>
                                </a>
                                <form action="{{ route('admin.interpretations.toggle-status', $r) }}" method="POST" class="d-inline">
                                    @csrf
                                    @method('PATCH')
                                    <button type="submit" class="btn btn-sm btn-outline-secondary" title="Aktif/Pasif">
                                        <i class="bi bi-toggle2-{{ $r->is_active ? 'on' : 'off' }}"></i>
                                    </button>
                                </form>
                                <form action="{{ route('admin.interpretations.destroy', $r) }}" method="POST" class="d-inline"
                                    onsubmit="return confirm('Bu kaydı kalıcı olarak silmek istediğinize emin misiniz? Bu değişiklik Astrowise ve Astrosabio\'yu da etkiler.');">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-outline-danger">
                                        <i class="bi bi-trash"></i>
                                    </button>
                                </form>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="text-center text-muted py-4">Kayıt bulunamadı.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="p-3">
            {{ $records->links() }}
        </div>
    </div>
</div>
@endsection