@extends('admin.layouts.app')

@php use App\Support\AdminOptions; @endphp

@section('title', 'Berita Esports')

@section('actions')
  <a href="{{ route('admin.news.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> Tulis Berita</a>
@endsection

@section('content')
  <div class="card admin-card">
    <div class="card-header">
      <x-admin.toolbar :action="route('admin.news.index')" placeholder="Cari judul berita esports…" :filters="['template', 'category', 'status']">
        <x-admin.filter-select name="template" :options="AdminOptions::NEWS_TEMPLATES" placeholder="Semua template" />
        <x-admin.filter-select name="category" :options="AdminOptions::NEWS_CATEGORIES" placeholder="Semua kategori" />
        <x-admin.filter-select name="status" :options="['1' => 'Terbit', '0' => 'Draft']" placeholder="Semua status" />
      </x-admin.toolbar>
      <x-admin.bulk-delete :action="route('admin.news.bulk-destroy')" label="berita" />
    </div>

    <div class="table-responsive">
      <table class="table table-hover align-middle mb-0 admin-table">
        <thead>
          <tr>
            <th class="admin-table__check"><x-admin.check-all /></th>
            <th><x-admin.sort-link column="title" label="Judul &amp; Template" /></th>
            <th class="d-none d-md-table-cell"><x-admin.sort-link column="category" label="Kategori" /></th>
            <th><x-admin.sort-link column="is_published" label="Status" /></th>
            <th class="d-none d-lg-table-cell"><x-admin.sort-link column="published_at" label="Terbit" :default="true" default-dir="desc" /></th>
            <th class="d-none d-xl-table-cell">Penulis</th>
            <th class="text-end"><span class="visually-hidden">Aksi</span></th>
          </tr>
        </thead>
        <tbody>
          @forelse ($newsList as $item)
            <tr>
              <td class="admin-table__check"><x-admin.row-check :value="$item->id" /></td>
              <td class="admin-table__wide">
                <a href="{{ route('admin.news.edit', $item) }}" class="admin-table__name">
                  <x-admin.thumb :src="$item->thumbnail_url" :alt="$item->title" :round="false" />
                  <div class="min-w-0">
                    <span class="text-truncate d-block fw-semibold">{{ \Illuminate\Support\Str::limit($item->title, 65) }}</span>
                    <div class="d-flex align-items-center gap-1 mt-1">
                      @if ($item->template === 'tournament_recap')
                        <span class="badge text-bg-primary-subtle text-primary-emphasis" style="font-size:10.5px">
                          <i class="bi bi-trophy"></i> Template 1: Rekap Match
                        </span>
                      @else
                        <span class="badge text-bg-secondary-subtle text-secondary-emphasis" style="font-size:10.5px">
                          <i class="bi bi-newspaper"></i> Template 2: Berita Standar
                        </span>
                      @endif
                      @if ($item->is_featured)
                        <span class="badge text-bg-warning text-dark" style="font-size:10.5px" title="Berita Utama / Hero Magazine">
                          <i class="bi bi-star-fill"></i> Utama
                        </span>
                      @endif
                      @if ($item->tournament_name)
                        <span class="badge text-bg-dark border border-secondary-subtle" style="font-size:10px">
                          {{ $item->tournament_name }} ({{ $item->team_a_score ?? 0 }} - {{ $item->team_b_score ?? 0 }})
                        </span>
                      @endif
                    </div>
                  </div>
                </a>
              </td>
              <td class="d-none d-md-table-cell"><span class="badge text-bg-info-subtle text-info-emphasis">{{ $item->category }}</span></td>
              <td><span class="badge text-bg-{{ $item->is_published ? 'success' : 'secondary' }}">{{ $item->is_published ? 'Terbit' : 'Draft' }}</span></td>
              <td class="d-none d-lg-table-cell small">{{ $item->published_at?->translatedFormat('d M Y H:i') ?? '—' }}</td>
              <td class="d-none d-xl-table-cell small">{{ $item->author?->name ?? '—' }}</td>
              <td class="text-end">
                <x-admin.row-actions :edit="route('admin.news.edit', $item)" :delete="route('admin.news.destroy', $item)" name="berita ini" />
              </td>
            </tr>
          @empty
            <tr>
              <td colspan="7" class="text-center text-body-secondary py-5">
                <i class="bi bi-newspaper fs-1 d-block mb-2 text-secondary opacity-50"></i>
                Belum ada berita esports. Klik <b>Tulis Berita</b> untuk membuat liputan baru.
              </td>
            </tr>
          @endforelse
        </tbody>
      </table>
    </div>

    @if ($newsList->hasPages())
      <div class="card-footer d-flex align-items-center justify-content-between flex-wrap gap-2">
        <div class="small text-body-secondary">
          Menampilkan {{ $newsList->firstItem() }}–{{ $newsList->lastItem() }} dari {{ $newsList->total() }} berita
        </div>
        {{ $newsList->links() }}
      </div>
    @endif
  </div>
@endsection