@extends('layouts.dashboard')

@section('content')
@php /** @var array $rows @var array $pager */
@endphp
@php /* .qm-d2: the dashboard density standard (app.css §35) */
@endphp
<div class="qm-d2">
@php // Page primary action → top-bar subheader slot (leaves the table card header for the
//      title + any table-scoped utility). ob_start captures the button HTML for the layout slot.
ob_start();
@endphp
<button class="qm-btn qm-btn-sm" data-bs-toggle="modal" data-bs-target="#catModal" data-blogcat-add>{{ t_raw('admin.blog_categories.add_btn') }}</button>
@php \App\Support\View::slot('subhead', ob_get_clean());
@endphp
<div class="qm-card">
    <div class="qm-ops-head">
        <h2 class="mb-0">{{ t_raw('admin.blog_categories.list_heading') }}</h2>
    </div>
    <div class="table-responsive">
    <table class="qm-table" data-sortable>
        <thead><tr><th data-sort="text">{{ t_raw('common.name') }}</th><th data-sort="text">{{ t_raw('common.slug') }}</th><th data-sort="number">{{ t_raw('admin.blog_categories.col_posts') }}</th><th class="text-end">{{ t_raw('common.actions') }}</th></tr></thead>
        <tbody>
            @if ($rows)
            @foreach ($rows as $c)
            <tr>
                <td><strong>{{ $c['name'] }}</strong></td>
                <td><code>{{ $c['slug'] }}</code></td>
                <td>{{ (int) ($c['post_count'] ?? 0) }}</td>
                <td class="qm-actions-cell">
                    <button type="button" class="qm-icon-btn" data-bs-toggle="modal" data-bs-target="#catModal" data-blogcat-edit
                        data-id="{{ (int) $c['id'] }}" data-name="{{ $c['name'] }}" aria-label="{{ t_raw('admin.blog_categories.aria_edit_category', [':name' => $c['name']]) }}"><i class="fas fa-pen"></i></button>
                    <form method="post" action="{{ route('admin.blog.categories.delete') }}" class="d-inline" data-confirm="{{ t_raw('admin.blog_categories.confirm_delete') }}">@csrf<input type="hidden" name="id" value="{{ (int) $c['id'] }}"><button type="submit" class="qm-icon-btn danger" aria-label="{{ t_raw('common.delete') }}"><i class="fas fa-trash-alt"></i></button></form>
                </td>
            </tr>
            @endforeach
            @else
            @partial('table-empty', ['colspan' => 4, 'icon' => 'fa-folder', 'msg' => t('admin.blog_categories.empty')])
            @endif
        </tbody>
    </table>
    </div>
    @partial('table-toolbar', ['pager' => $pager, 'base' => '/admin/blog/categories'])
</div>

<div class="modal fade" id="catModal" tabindex="-1" aria-labelledby="blogcat-modal-title" aria-hidden="true">
    <div class="modal-dialog">
        <form class="modal-content" method="post" action="{{ route('admin.blog.categories') }}">
            @csrf
            <input type="hidden" name="id" id="blogcat-id">
            <div class="modal-header"><h2 class="modal-title h5" id="blogcat-modal-title" data-title-add="{{ t_raw('admin.blog_categories.modal_title') }}" data-title-edit="{{ t_raw('admin.blog_categories.modal_edit_title') }}">{{ t_raw('admin.blog_categories.modal_title') }}</h2><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{{ t_raw('common.close') }}"></button></div>
            <div class="modal-body">
                <div class="mb-3"><label class="form-label" for="blogcat-name">{{ t_raw('common.name') }}</label><input type="text" id="blogcat-name" name="name" class="form-control" required placeholder="{{ t_raw('admin.blog_form.new_category_placeholder') }}"></div>
            </div>
            <div class="modal-footer"><button type="button" class="qm-btn qm-btn-outline" data-bs-dismiss="modal">{{ t_raw('common.cancel') }}</button><button type="submit" class="qm-btn">{{ t_raw('common.save') }}</button></div>
        </form>
    </div>
</div>

</div>@php /* /.qm-d2 */
@endphp
@endsection