@section('title', $title)
@push('css_file')
    <link rel="stylesheet" href="{{ asset('assets/css/plugins/dataTables.bootstrap5.min.css') }}" />
    <link rel="stylesheet" href="{{ asset('assets/css/plugins/select.bootstrap5.min.css') }}" />
    <link href="{{ asset('assets/css/plugins/animate.min.css') }}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="{{ asset('assets/css/plugins/prism-coy.css') }}" />
@endpush
<x-app-layout>
    <x-slot name="header_link">
        <a href="{{ url('/') }}">Home</a>
    </x-slot>
    <x-slot name="header_parent">
        Dashboard
    </x-slot>

    @if (auth()->user()->hasRole(['super_admin', 'admin', 'pejabat']))
        <div class="row">
            <div class="col-md-5 col-xxl-4">
                <x-widget-donut-kategori-berita :categories="$categories" />
                <x-widget-berita :posts="$posts" :totalViews="$totalViews" />
            </div>
            <div class="col-md-7 col-xxl-8">
                <x-widget-count-data :users="$users" />
                <x-widget-chart-bar-berita />
            </div>
            <div class="col-md-6">
                <div class="card">
                    <div class="py-3 card-header d-flex align-items-center justify-content-between">
                        <h5 class="mb-0">Aktivitas Pengguna</h5>
                    </div>
                    <div class="card-body table-card">
                        <x-widget-aktivitas-pengguna />
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card">
                    <div class="py-3 card-header d-flex align-items-center justify-content-between">
                        <h5 class="mb-0">Log Deteksi Spam</h5>
                    </div>
                    <div class="card-body table-card">
                        <x-widget-log-deteksi-spam />
                    </div>
                </div>
            </div>
            <div class="col-12">
                <div class="card">
                    <div class="py-3 card-header d-flex align-items-center justify-content-between">
                        <h5 class="mb-0">Daftar Keyword Spam</h5>
                    </div>
                    <div class="card-body table-card">
                        <x-widget-daftar-keyword-spam />
                    </div>
                </div>
            </div>
        </div>
    @elseif (auth()->user()->hasRole(['editor']))
        <div class="row">
            <div class="col-md-5 col-xxl-4">
                <x-widget-donut-kategori-berita :categories="$categories" />
                <x-widget-berita :posts="$posts" :totalViews="$totalViews" />
            </div>
            <div class="col-md-7 col-xxl-8">
                <x-widget-count-data :posts="$posts" />
                <x-widget-chart-bar-berita />
            </div>
        </div>
    @else
        <x-dashboard-user />
    @endif

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