@extends('admin.layouts.index')
@section('breadcrumb')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0">{{'Blog Kategoriler'}}</h4>
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{url('cmspanel')}}">Anasayfa</a></li>
                        <li class="breadcrumb-item active">Blog Kategoriler</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('cssFiles')
    <link href="{{url('backend/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css')}}" rel="stylesheet" type="text/css"/>
    <link href="{{url('backend/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css')}}" rel="stylesheet" type="text/css"/>
@endsection
@section('content')
    <div class="card">
        <div class="card-header align-items-center d-flex">
            <h4 class="card-title mb-0 flex-grow-1">Blog Kategorileri Yönetimi</h4>
            <div class="flex-shrink-0">
                <a href="{{url('cmspanel/blogs/categories/add')}}" class="btn btn-primary bg-gradient waves-effect waves-light">Yeni Kategori Ekle</a>
            </div>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table align-middle mb-0 table-striped" id="kt_datatable" style="width: 100%;">
                    <thead class="table-light">
                        <tr>
                            <th scope="col">Tarih</th>
                            <th scope="col">Başlık</th>
                            <th scope="col">Durum</th>
                            <th scope="col">İşlemler</th>
                        </tr>
                    </thead>
                    <tbody> </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script src="{{url('backend/libs/datatables.net/js/jquery.dataTables.min.js')}}"></script>
    <script src="{{url('backend/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
    <script src="{{url('backend/libs/datatables.net-responsive/js/dataTables.responsive.min.js')}}"></script>
    <script src="{{url('backend/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js')}}"></script>
    <script>
        var portalDatatable = true;
        var portalUrl       = '/cmspanel/blogs/categories/ajax';
        var portalColumns   = [
            {data: 'created_at', name: 'created_at'},
            {data: 'title', name: 'title'},
            {data: 'status',  name: 'status'},
            {data: 'actions', name: 'actions',width: '10%'}
        ];
    </script>
@endsection