@extends('layouts.admin')
@section('title', 'Berita & Acara – Admin')

@section('admin-content')
<div class="sd-admin-topbar">
  <div>
    <p class="sd-admin-eyebrow">Informasi</p>
    <h1 class="sd-admin-title">Berita &amp; Acara</h1>
  </div>
  <a href="{{ route('admin.berita-acara.create') }}" class="sd-admin-btn"><i class="bi bi-plus-lg"></i> Tambah Manual</a>
</div>

{{-- Panel RSS --}}
<div class="sd-admin-card">
  <h2 class="sd-admin-card-title"><i class="bi bi-rss"></i> Sumber RSS Otomatis</h2>
  <p class="hint" style="margin-bottom:16px">
    Tempel link <strong>RSS langsung</strong> di sini (biasanya berakhiran <code>/feed</code>, <code>/rss</code>, atau <code>rss.xml</code> — bukan alamat halaman biasa).
    Setiap kali disinkronkan, item baru akan otomatis muncul di <strong>widget Berita &amp; Acara halaman Beranda saja</strong>
    — tidak memengaruhi daftar di halaman Berita &amp; Acara ini, karena halaman ini khusus untuk berita/acara yang ditambahkan manual oleh sekolah.
    Yang isinya teks saja tetap tampil teks, yang ada gambarnya akan ikut tampil gambarnya.
  </p>

  <form action="{{ route('admin.berita-acara.rss.store') }}" method="POST" style="display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px">
    @csrf
    <input type="text" name="nama" class="sd-form-control" style="max-width:200px" placeholder="Nama sumber (opsional)">
    <input type="url" name="url" class="sd-form-control" style="flex:1;min-width:240px" placeholder="https://contoh.com/feed.xml" required>
    <select name="type" class="sd-form-control" style="max-width:150px">
      <option value="berita">Berita</option>
      <option value="acara">Acara</option>
    </select>
    <button type="submit" class="sd-admin-btn"><i class="bi bi-plus-lg"></i> Tambah RSS</button>
  </form>

  <div class="sd-admin-table-wrap">
    <table class="sd-admin-table">
      <thead>
        <tr><th>Nama</th><th>URL</th><th>Tipe</th><th>Terakhir Sinkron</th><th>Aksi</th></tr>
      </thead>
      <tbody>
        @forelse($rssSources as $rss)
        <tr>
          <td>{{ $rss->nama ?: '-' }}</td>
          <td style="max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{{ $rss->url }}</td>
          <td><span class="sd-badge {{ $rss->type === 'acara' ? 'kuning' : '' }}">{{ ucfirst($rss->type) }}</span></td>
          <td>{{ $rss->last_synced_at ? $rss->last_synced_at->diffForHumans() : 'Belum pernah' }}</td>
          <td class="sd-admin-actions-cell">
            <form action="{{ route('admin.berita-acara.rss.sync', $rss->id) }}" method="POST">
              @csrf
              <button type="submit" class="sd-admin-btn kecil"><i class="bi bi-arrow-repeat"></i> Sinkronkan</button>
            </form>
            <form action="{{ route('admin.berita-acara.rss.destroy', $rss->id) }}" method="POST" onsubmit="return confirm('Hapus sumber RSS ini?')">
              @csrf @method('DELETE')
              <button type="submit" class="sd-admin-btn kecil merah"><i class="bi bi-trash"></i></button>
            </form>
          </td>
        </tr>
        @empty
        <tr><td colspan="5" style="text-align:center;padding:18px;color:var(--teks-abu)">Belum ada sumber RSS.</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>
</div>

{{-- Daftar Berita & Acara --}}
<div class="sd-admin-card">
  <h2 class="sd-admin-card-title">Semua Berita &amp; Acara</h2>
  <div class="sd-admin-table-wrap">
    <table class="sd-admin-table">
      <thead>
        <tr><th>Gambar</th><th>Tipe</th><th>Judul</th><th>Tanggal</th><th>Video</th><th>Sumber</th><th>Aksi</th></tr>
      </thead>
      <tbody>
        @forelse($items as $item)
        <tr>
          <td>
            @if($item->gambar)
            <img src="{{ str_starts_with($item->gambar,'http') ? $item->gambar : asset($item->gambar) }}" class="thumb">
            @else
            <span style="color:var(--teks-abu);font-size:.78rem">Tidak ada</span>
            @endif
          </td>
          <td><span class="sd-badge {{ $item->type === 'acara' ? 'kuning' : '' }}">{{ ucfirst($item->type) }}</span></td>
          <td style="font-weight:600;max-width:260px">{{ $item->judul }}</td>
          <td>{{ $item->tanggal->format('d M Y') }}</td>
          <td>{{ $item->video ? 'Ya' : '-' }}</td>
          <td>{{ $item->rss_source ? 'RSS' : 'Manual' }}</td>
          <td class="sd-admin-actions-cell">
            <a href="{{ route('admin.berita-acara.edit', $item->id) }}" class="sd-admin-btn kecil outline"><i class="bi bi-pencil"></i></a>
            <form action="{{ route('admin.berita-acara.destroy', $item->id) }}" method="POST" onsubmit="return confirm('Hapus item ini?')">
              @csrf @method('DELETE')
              <button type="submit" class="sd-admin-btn kecil merah"><i class="bi bi-trash"></i></button>
            </form>
          </td>
        </tr>
        @empty
        <tr><td colspan="7" style="text-align:center;padding:24px;color:var(--teks-abu)">Belum ada data.</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>
</div>
@endsection