@extends('dashboard.admin.layouts.master')

@section('toolbar')
    <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
        <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
            <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-0">{{ trans('dash_site.categories') }}</h1>
        </div>
        <a href="{{ route('admin.blog-categories.create') }}" class="btn btn-sm btn-primary">{{ trans('dash_site.add_category') }}</a>
    </div>
@endsection

@section('content')
    <div id="kt_app_content_container" class="app-container container-xxl">
        @if(session('success'))
            <div class="alert alert-success mb-4">{{ session('success') }}</div>
        @endif

        <div class="card">
            <div class="card-body py-4">
                <div class="table-responsive">
                    <table class="table align-middle table-row-dashed fs-6 gy-5">
                        <thead>
                        <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
                            <th>{{ trans('dash_site.category') }}</th>
                            <th class="text-end">{{ trans('forms.Action') }}</th>
                        </tr>
                        </thead>
                        <tbody class="text-gray-600 fw-semibold">
                        @forelse($categories as $category)
                            <tr>
                                <td>{{ $category->name }}</td>
                                <td class="text-end">
                                    <a href="{{ route('admin.blog-categories.edit', $category->id) }}" class="btn btn-sm btn-light-primary me-2">{{ trans('forms.edite_btn') }}</a>
                                    <form action="{{ route('admin.blog-categories.destroy', $category->id) }}" method="POST" class="d-inline">
                                        @csrf @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-light-danger" onclick="return confirm('{{ trans('forms.delete_quetion') }}?')">{{ trans('forms.delete_btn') }}</button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="2" class="text-center py-10">{{ trans('dash_site.no_records') }}</td></tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
                <div class="mt-4">{{ $categories->links() }}</div>
            </div>
        </div>
    </div>
@endsection