@php use App\Models\PostCategory; @endphp
@php use App\Models\Admin; @endphp
@php use App\Models\Post; @endphp
@extends('cms.layouts.frame')

@section('scripts')
    @vite(['resources/js/cms/knowledge/index.js'])
@endsection

@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">
                        <select class="form-select category">
                            <option value="" {{ $selected("") }}>全部分類</option>
                            @foreach($postCategories as $category)
                                <option value="{{ $category['id'] }}" {{ $selected($category['id']) }}>
                                    {{ $category['title'] }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    @can("knowledgeCategoryView", PostCategory::class)
                        <div class="col-auto mt-1 mb-1 g-2">
                            <a class="btn btn-secondary"
                               role="button"
                               href="{{ route("cms.knowledgeCategory.index") }}">編輯分類
                            </a>
                        </div>
                    @endcan

                    @can("knowledgeCreate", Post::class)
                        <div class="col-auto mt-1 mb-1 g-2">
                            <a class="btn btn-primary"
                               role="button"
                               href="{{ route("cms.knowledge.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>
                        <th scope="col">作者</th>
                        <th scope="col">時間</th>
                        @canany(["knowledgeUpdate", "knowledgeDelete"], Post::class)
                            <th scope="col">操作</th>
                        @endcanany
                    </tr>
                    </thead>
                    <tbody>

                    @foreach($posts as $post)
                        <tr>
                            <td>
                                <div style="
                                    width: 45px;
                                    height: 45px;
                                    background-color: #dedede;
                                    background-position: center;
                                    background-size: contain;
                                    background-repeat: no-repeat;
                                    border-radius: 0.3em;
                                    background-image: url('{{ $cover($post['cover']) }}');
                                    "></div>
                            </td>
                            <td>
                                {{ $post['title'] }}
                            </td>
                            <td>
                                {{ $status($post['status']) }}
                            </td>
                            <td>
                                <a href="#">
                                    {{ $owner($post['ownerAdmin']) }}
                                </a>
                            </td>
                            <td>
                                <div>發佈：{{ $post['published_at'] }}</div>
                                <div>建立：{{ $post['created_at'] }}</div>
                            </td>
                            <td>
                                @can("knowledgeUpdate", Post::class)
                                    <a class="btn btn-primary btn-sm"
                                       href="{{ route("cms.knowledge.edit", [$post['id'], 'redirect' => url()->full()]) }}"
                                       role="button">
                                        {!! App\Libraries\Icon::edit() !!}
                                    </a>
                                @endcan

                                @can("isSuperAdmin", Admin::class)
                                    @can("knowledgeUpdate", Post::class)
                                        <a class="btn btn-primary btn-sm"
                                           href="{{ route("cms.knowledge.edit", [$post['id'], 'action' => 'gallery', 'redirect' => url()->full()]) }}"
                                           role="button">
                                            {!! App\Libraries\Icon::image() !!}
                                        </a>
                                    @endcan
                                @endcan

                                @can("knowledgeDelete", Post::class)
                                    <form method="post" action="{{ route("cms.knowledge.destroy") }}"
                                          style="display: inline-block">
                                        @csrf
                                        @method('DELETE')
                                        <input type="hidden" name="id" value="{{ $post['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 class="row mt-2 mb-2">
                    {{ $posts->withQueryString()->links() }}
                </div>
            </div>

        </div>
    </main>
@endsection