@extends('layouts.panel.index')
@section('title','Berita')
@include('admin.category._js.index')

@section('content')

<div class="clearfix mb-2">
    <div class="float-start">
        <h5><b>Kategori</b></h5>
    </div>
    <div class="float-end">
        {{-- <a href="{{ route('admin.news.create')}}" class="btn btn-primary rounded btn-sm"><i class="fa-solid fa-plus"></i> Tambah</a> --}}
    </div>
</div>

<div class="card border-0">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Nama Kategori</th>
                    </tr>
                </thead>
                <tbody class="table-category">
                    
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="modal fade" id="delete-data" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header bg-danger text-white">
                <h1 class="modal-title fs-5" id="exampleModalLabel">Hapus Data</h1>
                <button type="button" class="btn-close text-white" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-warning alert-outline alert-outline-coloured alert-dismissible user-select-none" role="alert">
                    <div class="alert-icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>
                    </div>
                    <div class="alert-message">
                        <h6 class="mb-0"> Apakah anda yakin ingin menghapus data ini? </h6>
                        <small>Data yang sudah dihapus tidak dapat dikembalikan lagi</small>
                    </div>
                </div>
                <div class="text-end">
                    <button type="button" class="btn btn-sm rounded btn-danger" data-bs-dismiss="modal"><i class="fa-solid fa-xmark"></i>   Batal</button>
                    <button type="button" class="btn btn-sm rounded btn-warning"><i class="fa-solid fa-trash"></i> Hapus</button>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection