@extends('layouts.app')

@section('content')
	@if(session()->has('success'))
		<div class="alert alert-success">
			{{ session()->get('success') }}
		</div>
	@endif
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-md-12">
				<h1>Blog Categories</h1>
				<div class="d-flex justify-content-end">
					<a href="/cms/post-admin/category/add" class="btn btn-success">Add new category</a>
				</div>
				<div class="table-responsive mt-4">
					<table class="table">
						<thead>
						<tr>
							<th>#</th>
							<th>Name</th>
							<th>Slug</th>
							<th></th>
						</tr>
						</thead>
						<tbody>
						@foreach($categories as $category)
							<tr>
								<td>{{ $category->id }}</td>
								<td>{{ $category->name }}</td>
								<td>{{ $category->slug }}</td>
								<td class="d-flex flex-column">
									<a href="/category/{{$category->slug}}" target="_blank" class="btn btn-success mb-2">View</a>
									<a href="/cms/post-admin/category/edit/{{$category->id}}" class="btn btn-warning mb-2">Edit</a>
									<form method="post" class="delete_form" action="/cms/post-admin/category/delete/{{$category->id}}" style="width: 100%">
										@method('DELETE')
										@csrf
										<button type="submit" class="btn btn-danger" style="width: 100%">Delete</button>
									</form>
								</td>
							</tr>
						@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>

@endsection