@section('title', $title)
@push('css_file')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.default.min.css" />
@endpush
<x-app-layout>
    <x-slot name="header_link">
        <a href="/dashboard">Dashboard</a>
    </x-slot>

    <x-slot name="header_parent">
        @yield('title')
    </x-slot>

    <x-action-button title="Tambah Data" class="btn btn-secondary dropdown-toggle" dropdown="true" text="Tambah Data"
        :dropdownItems="[['route' => 'berita.create', 'text' => 'Artikel']]" />

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-body">

                    <ul class="mb-3 nav nav-tabs invoice-tab border-bottom" id="myTab">
                        @foreach ($status as $item)
                            <li class="nav-item">
                                <a href="/berita/{{ $item }}"
                                    class="nav-link {{ Request::segment(2) === $item ? 'active' : '' }} text-uppercase">{{ $item }}
                                    <span
                                        class="avtar rounded-circle bg-light-{{ $item == 'draft' ? 'warning' : 'success' }}  mx-2">{{ \App\Models\Apps\Post\Post::where('status', $item)->count() }}</span>
                                </a>
                            </li>
                        @endforeach
                    </ul>

                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active">
                            <x-filter-aksi-post :postType="$postType" :categories="$categories" />
                            <x-table-post />

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('admin.apps.berita.includes.modal')
    @include('admin.apps.berita.includes.index_js')
    @include('admin.apps.berita.includes.kategori_select_add_js')
</x-app-layout>