@extends('admin.layout')
@section('title', 'Auto Kategori & Auto Tags')

@section('content')
<div class="toolbar">
    <h2 style="font-size:18px; color:#fff;">🤖 Auto Kategori & Auto Tags</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

<form method="POST" action="{{ route('admin.videos.auto-taxonomy.save') }}" style="margin-bottom:18px; max-width:1000px;">
    @csrf
    @method('PUT')

    <div style="background:#1a1a1a; border:1px solid #2a2a2a; border-radius:8px; padding:16px; margin-bottom:14px;">
        <label style="display:flex; align-items:center; gap:8px; font-size:14px; color:#ddd; margin-bottom:10px;">
            <input type="checkbox" name="category_enabled" value="1" {{ old('category_enabled', $settings['category_enabled'] ?? false) ? 'checked' : '' }}>
            <span>Aktifkan Auto Kategori saat kategori kosong</span>
        </label>

        <label style="display:flex; align-items:center; gap:8px; font-size:14px; color:#ddd;">
            <input type="checkbox" name="tag_enabled" value="1" {{ old('tag_enabled', $settings['tag_enabled'] ?? false) ? 'checked' : '' }}>
            <span>Aktifkan Auto Tags saat tags kosong</span>
        </label>
    </div>

    <div style="display:grid; grid-template-columns:1fr 1fr; gap:14px;">
        <div style="background:#1a1a1a; border:1px solid #2a2a2a; border-radius:8px; padding:14px;">
            <h3 style="font-size:13px; margin-bottom:10px; color:#bbb;">Default Kategori (jika tidak match keyword)</h3>
            <div style="display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:8px; max-height:220px; overflow:auto;">
                @php $defaultCategoryIds = old('default_category_ids', array_filter(array_map('intval', explode(',', (string)($settings['default_category_ids'] ?? ''))))); @endphp
                @foreach($categories as $category)
                    <label style="display:flex; align-items:center; gap:6px; font-size:13px; color:#ccc;">
                        <input type="checkbox" name="default_category_ids[]" value="{{ $category->id }}" {{ in_array($category->id, $defaultCategoryIds) ? 'checked' : '' }}>
                        <span>{{ $category->name }}</span>
                    </label>
                @endforeach
            </div>
        </div>

        <div style="background:#1a1a1a; border:1px solid #2a2a2a; border-radius:8px; padding:14px;">
            <h3 style="font-size:13px; margin-bottom:10px; color:#bbb;">Default Tags (jika tidak match keyword)</h3>
            <div style="display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:8px; max-height:220px; overflow:auto;">
                @php $defaultTagIds = old('default_tag_ids', array_filter(array_map('intval', explode(',', (string)($settings['default_tag_ids'] ?? ''))))); @endphp
                @foreach($tags as $tag)
                    <label style="display:flex; align-items:center; gap:6px; font-size:13px; color:#ccc;">
                        <input type="checkbox" name="default_tag_ids[]" value="{{ $tag->id }}" {{ in_array($tag->id, $defaultTagIds) ? 'checked' : '' }}>
                        <span>{{ $tag->name }}</span>
                    </label>
                @endforeach
            </div>
        </div>
    </div>

    <div class="form-actions" style="margin-top:14px;">
        <button type="submit" class="btn btn-primary">Simpan Setting Auto</button>
    </div>
</form>

<div style="display:grid; grid-template-columns:1fr 1fr; gap:14px; max-width:1200px;">
    <div style="background:#1a1a1a; border:1px solid #2a2a2a; border-radius:8px; padding:14px;">
        <h3 style="font-size:14px; margin-bottom:12px; color:#bbb;">Keyword Kategori</h3>
        <form method="POST" action="{{ route('admin.videos.auto-taxonomy.category-keywords.store') }}" style="display:flex; flex-direction:column; gap:8px; margin-bottom:12px;">
            @csrf
            <select name="category_id" class="form-control" required>
                <option value="">-- Pilih Kategori --</option>
                @foreach($categories as $category)
                    <option value="{{ $category->id }}">{{ $category->name }}</option>
                @endforeach
            </select>
            <input type="text" name="keywords" class="form-control" placeholder="pisahkan dengan koma: jilbab, hijab, ukhti" required>
            <button type="submit" class="btn btn-secondary" style="max-width:220px;">Tambah Keyword Kategori</button>
        </form>

        @foreach($categories as $category)
            @php $rows = $categoryKeywords->get($category->id, collect()); @endphp
            @if($rows->count())
                <div style="margin-bottom:10px; border-top:1px solid #242424; padding-top:10px;">
                    <div style="font-size:12px; color:#6fafdf; margin-bottom:6px;">{{ $category->name }}</div>
                    <div style="display:flex; flex-wrap:wrap; gap:6px;">
                        @foreach($rows as $kw)
                            <div style="display:flex; align-items:center; gap:6px; background:#111; border:1px solid #2a2a2a; border-radius:6px; padding:4px 8px;">
                                <span style="font-size:12px; color:{{ $kw->is_active ? '#6fbf6f' : '#888' }};">{{ $kw->keyword }}</span>
                                <form method="POST" action="{{ route('admin.videos.auto-taxonomy.category-keywords.toggle', $kw) }}">@csrf @method('PUT')<button type="submit" class="btn btn-sm btn-secondary">{{ $kw->is_active ? 'OFF' : 'ON' }}</button></form>
                                <form method="POST" action="{{ route('admin.videos.auto-taxonomy.category-keywords.destroy', $kw) }}" onsubmit="return confirm('Hapus keyword ini?')">@csrf @method('DELETE')<button type="submit" class="btn btn-sm btn-danger">Hapus</button></form>
                            </div>
                        @endforeach
                    </div>
                </div>
            @endif
        @endforeach
    </div>

    <div style="background:#1a1a1a; border:1px solid #2a2a2a; border-radius:8px; padding:14px;">
        <h3 style="font-size:14px; margin-bottom:12px; color:#bbb;">Keyword Tags</h3>
        <form method="POST" action="{{ route('admin.videos.auto-taxonomy.tag-keywords.store') }}" style="display:flex; flex-direction:column; gap:8px; margin-bottom:12px;">
            @csrf
            <select name="tag_id" class="form-control" required>
                <option value="">-- Pilih Tag --</option>
                @foreach($tags as $tag)
                    <option value="{{ $tag->id }}">{{ $tag->name }}</option>
                @endforeach
            </select>
            <input type="text" name="keywords" class="form-control" placeholder="pisahkan dengan koma: tocil, semok, colmek" required>
            <button type="submit" class="btn btn-secondary" style="max-width:220px;">Tambah Keyword Tag</button>
        </form>

        @foreach($tags as $tag)
            @php $rows = $tagKeywords->get($tag->id, collect()); @endphp
            @if($rows->count())
                <div style="margin-bottom:10px; border-top:1px solid #242424; padding-top:10px;">
                    <div style="font-size:12px; color:#6fafdf; margin-bottom:6px;">{{ $tag->name }}</div>
                    <div style="display:flex; flex-wrap:wrap; gap:6px;">
                        @foreach($rows as $kw)
                            <div style="display:flex; align-items:center; gap:6px; background:#111; border:1px solid #2a2a2a; border-radius:6px; padding:4px 8px;">
                                <span style="font-size:12px; color:{{ $kw->is_active ? '#6fbf6f' : '#888' }};">{{ $kw->keyword }}</span>
                                <form method="POST" action="{{ route('admin.videos.auto-taxonomy.tag-keywords.toggle', $kw) }}">@csrf @method('PUT')<button type="submit" class="btn btn-sm btn-secondary">{{ $kw->is_active ? 'OFF' : 'ON' }}</button></form>
                                <form method="POST" action="{{ route('admin.videos.auto-taxonomy.tag-keywords.destroy', $kw) }}" onsubmit="return confirm('Hapus keyword ini?')">@csrf @method('DELETE')<button type="submit" class="btn btn-sm btn-danger">Hapus</button></form>
                            </div>
                        @endforeach
                    </div>
                </div>
            @endif
        @endforeach
    </div>
</div>
@endsection