@extends('layouts.admin')

@section('page-title', 'Halaman')

@section('header-actions')
    <a href="{{ route('admin.pages.create', ['brand_id' => $brandId]) }}" class="btn-admin-primary">
        + Tambah Halaman
    </a>
@endsection

@section('content')

<div class="filter-bar">
    <select class="form-select select-brand"
            onchange="window.location.href='?brand_id=' + this.value">
        <option value="">-- Pilih Brand --</option>
        @foreach ($brands as $brand)
            <option value="{{ $brand->id }}" {{ $brandId == $brand->id ? 'selected' : '' }}>
                {{ $brand->name }}
            </option>
        @endforeach
    </select>
    @if ($brandId)
        <span style="font-size:13px; color:var(--muted);">
            {{ $pages->total() }} halaman ditemukan
        </span>
    @endif
</div>

@if ($brandId)
<div class="admin-table-wrap">
    <table class="admin-table">
        <thead>
            <tr>
                <th>Judul</th>
                <th>Slug</th>
                <th>Template</th>
                <th>Status</th>
                <th>Diperbarui</th>
                <th>Aksi</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($pages as $page)
                <tr>
                    <td><strong>{{ $page->title }}</strong></td>
                    <td><code>/{{ optional($page->brand)->slug }}/{{ $page->slug }}</code></td>
                    <td>{{ $page->template }}</td>
                    <td>
                        <span class="badge badge-{{ $page->status }}">
                            {{ $page->status === 'published' ? 'Publish' : 'Draft' }}
                        </span>
                    </td>
                    <td>{{ $page->updated_at->diffForHumans() }}</td>
                    <td>
                        <div class="action-btns">
                            @if ($page->is_published)
                                <a href="{{ route('subweb.page', [optional($page->brand)->slug, $page->slug]) }}"
                                   target="_blank" class="btn-sm btn-ghost">Lihat ↗</a>
                            @endif
                            <a href="{{ route('admin.pages.edit', $page) }}" class="btn-sm btn-edit">Edit</a>
                            <form method="POST" action="{{ route('admin.pages.destroy', $page) }}"
                                  onsubmit="return confirm('Hapus halaman 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 halaman untuk brand ini.
                        <a href="{{ route('admin.pages.create', ['brand_id' => $brandId]) }}">Buat sekarang</a>.
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>
<div class="pagination">{{ $pages->links() }}</div>
@else
    <div style="text-align:center; padding:60px; color:var(--muted);">
        <p style="font-size:32px; margin-bottom:12px;">📄</p>
        <p>Pilih brand terlebih dahulu untuk melihat halamannya.</p>
    </div>
@endif
@endsection