@extends('admin.layout')
@section('title', 'Setting Kategori')

@section('content')
<div class="toolbar">
    <h2 style="font-size:18px; color:#fff;">🗂️ Setting Kategori</h2>
    <a href="{{ route('admin.videos.index') }}" class="btn btn-secondary">← Kembali ke Video</a>
</div>

@if($errors->any())
    <div class="alert alert-error">
        <ul style="margin-left:16px">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div style="background:#1a1a1a; border:1px solid #2a2a2a; border-radius:8px; padding:16px; margin-bottom:16px;">
    <h3 style="font-size:14px; margin-bottom:12px; color:#bbb;">Tambah Kategori</h3>
    <form method="POST" action="{{ route('admin.categories.store') }}" style="display:flex; gap:8px; align-items:flex-end; flex-wrap:wrap;">
        @csrf
        <div class="form-group" style="margin-bottom:0;">
            <label for="name">Nama Kategori</label>
            <input type="text" id="name" name="name" class="form-control" required maxlength="120" style="max-width:320px;" placeholder="Contoh: Action">
        </div>
        <button type="submit" class="btn btn-primary">Tambah</button>
    </form>
</div>

@if($categories->count())
    <table>
        <thead>
            <tr>
                <th>Nama</th>
                <th>Slug</th>
                <th>Dipakai Video</th>
                <th style="width:260px">Aksi</th>
            </tr>
        </thead>
        <tbody>
            @foreach($categories as $category)
                <tr>
                    <td>
                        <form method="POST" action="{{ route('admin.categories.update', $category) }}" style="display:flex; gap:8px; align-items:center;">
                            @csrf
                            @method('PUT')
                            <input type="text" name="name" value="{{ $category->name }}" class="form-control" maxlength="120" required style="max-width:280px;">
                            <button type="submit" class="btn btn-sm btn-secondary">Simpan</button>
                        </form>
                    </td>
                    <td><span class="text-muted">{{ $category->slug }}</span></td>
                    <td>{{ $category->videos_count }}</td>
                    <td>
                        <form method="POST" action="{{ route('admin.categories.destroy', $category) }}" onsubmit="return confirm('Hapus kategori ini?')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-sm btn-danger">Hapus</button>
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
@else
    <div class="empty-state">
        <p>Belum ada kategori.</p>
    </div>
@endif
@endsection