@extends('layouts.admin')

@section('page-title', 'Brands & Sub-Web')

@section('header-actions')
    <a href="{{ route('admin.brands.create') }}" class="btn-admin-primary">+ Tambah Brand</a>
@endsection

@section('content')
<div class="admin-table-wrap">
    <table class="admin-table">
        <thead>
            <tr>
                <th>Urutan</th>
                <th>Brand</th>
                <th>Slug</th>
                <th>Status</th>
                <th>Portal</th>
                <th>Aksi</th>
            </tr>
        </thead>
        <tbody id="sortable-brands">
            @forelse ($brands as $brand)
                <tr data-id="{{ $brand->id }}">
                    <td class="drag-handle">⣿</td>
                    <td>
                        <div class="brand-cell">
                            @if ($brand->logo_url)
                                <img src="{{ $brand->logo_url }}" class="brand-thumb" alt="{{ $brand->name }}">
                            @endif
                            <span>{{ $brand->name }}</span>
                        </div>
                    </td>
                    <td><code>/{{ $brand->slug }}</code></td>
                    <td>
                        <span class="badge badge-{{ $brand->status }}">
                            {{ match($brand->status) {
                                'active'      => 'Aktif',
                                'coming_soon' => 'Segera',
                                'inactive'    => 'Nonaktif',
                            } }}
                        </span>
                    </td>
                    <td>{{ $brand->show_on_portal ? '✓' : '—' }}</td>
                    <td>
                        <div class="action-btns">
                            @if ($brand->is_active)
                                <a href="{{ route('subweb.home', $brand->slug) }}" target="_blank" class="btn-sm btn-ghost">Lihat ↗</a>
                            @endif
                            <a href="{{ route('admin.pages.index', ['brand_id' => $brand->id]) }}" class="btn-sm btn-ghost">Halaman</a>
                            <a href="{{ route('admin.brands.edit', $brand) }}" class="btn-sm btn-edit">Edit</a>
                            <form method="POST" action="{{ route('admin.brands.destroy', $brand) }}" onsubmit="return confirm('Hapus brand ini?')">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn-sm btn-danger">Hapus</button>
                            </form>
                        </div>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="6" class="table-empty">Belum ada brand. <a href="{{ route('admin.brands.create') }}">Buat sekarang</a>.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection

@push('scripts')
<script>
// Simple drag-sort (no library needed for MVP)
document.querySelectorAll('.drag-handle').forEach(handle => {
    handle.style.cursor = 'grab';
});
</script>
@endpush