@php use App\Models\PostCategory; @endphp@can("question
@extends('cms.layouts.frame')

@section('content')
    <main>
        <nav>
            <div class="nav nav-tabs" id="nav-tab" role="tablist">
                <button class="nav-link {{ $activeNavLink("index") }}" id="nav-index-tab" data-bs-toggle="tab"
                        data-bs-target="#nav-index" type="button" role="tab" aria-controls="nav-index"
                        aria-selected="true">所有分類
                </button>
            </div>
        </nav>
        <div class="tab-content pt-3" id="nav-tabContent">
            {{-- 列表 --}}
            <div class="tab-pane fade {{ $activeTabPane("index") }}" id="nav-index" role="tabpanel"
                 aria-labelledby="nav-index-tab" tabindex="0">

                <div class="row">
                    <div class="col-auto mt-1 mb-1">
                        <a class="btn btn-secondary"
                           role="button"
                           href="{{ route("cms.question.index") }}">返回列表
                        </a>
                    </div>

                    @can("questionCategoryCreate", PostCategory::class)
                        <div class="col-auto mt-1 mb-1 g-2">
                            <a class="btn btn-primary"
                               role="button"
                               href="{{ route("cms.questionCategory.create") }}">新增
                            </a>
                        </div>
                    @endcan
                </div>


                <table class="table min-w-1280  mt-2">
                    <thead>
                    <tr>
                        <th scope="col">#</th>
                        <th scope="col">分類名稱</th>
                        <th scope="col">文章數量</th>
                        @canany(["questionCategoryUpdate", "questionCategoryDelete"], PostCategory::class)
                            <th scope="col">操作</th>
                        @endcanany
                    </tr>
                    </thead>
                    <tbody>

                    @foreach($categories as $category)
                        <tr>
                            <th scope="row">{{ $category['id'] }}</th>
                            <td>{{ $category['title'] }}</td>
                            <td>
                                <a href="{{ route("cms.question.index", ['categoryId' => $category['id']]) }}">
                                    {{ $category['posts_count'] }} 篇
                                </a>
                            </td>
                            <td>
                                @can("questionCategoryUpdate", PostCategory::class)
                                    <a class="btn btn-primary btn-sm"
                                       href="{{ route("cms.questionCategory.edit", [$category['id']]) }}"
                                       role="button">{!! App\Libraries\Icon::edit() !!}
                                    </a>
                                @endcan

                                @can("questionCategoryDelete", PostCategory::class)
                                    <form method="post" action="{{ route("cms.questionCategory.destroy") }}"
                                          style="display: inline-block">
                                        @csrf
                                        @method('DELETE')
                                        <input type="hidden" name="id" value="{{ $category['id'] }}">
                                        <button type="submit"
                                                class="btn btn-secondary btn-sm js-confirm-delete">{!! App\Libraries\Icon::delete() !!}
                                        </button>
                                    </form>
                                @endcan
                            </td>
                        </tr>
                    @endforeach

                    </tbody>
                </table>
            </div>
        </div>
    </main>
@endsection