@extends("blogetc_admin::layouts.admin_layout")
@section("content")

    @forelse ($categories as $category)

        <div class="card m-4" style="max-width: 500px;">
            <div class="card-body">
                <h5 class='card-title'><a href='{{$category->url()}}'>{{$category->category_name}}</a></h5>


                <a href="{{$category->url()}}" class="card-link btn btn-outline-secondary">View Posts in this category</a>
                <a href="{{$category->edit_url()}}" class="card-link btn btn-primary">Edit Category</a>
                <form

                        onsubmit="return confirm('Are you sure you want to delete this blog post category?\n You cannot undo this action!');"

                        method='post' action='{{route("blogetc.admin.categories.destroy_category", $category->id)}}' class='float-right'>
                    @csrf
                    @method("DELETE")
                    <input type='submit' class='btn btn-danger btn-sm' value='Delete'/>
                </form>
            </div>
        </div>


    @empty
    <div class='alert alert-danger'>None found, why don't you add one?</div>
    @endforelse


    <div class='text-center'>
        {{$categories->appends( [] )->links()}}
    </div>

    @endsection