@extends('layouts.app')
@section('content')
<div class="mt-2 mb-3 d-lg-flex justify-content-lg-between">
<div>
<h1 class="title1 d-inline mr-4">Category</h1>
<small class="">Categorize your courses</small>
</div>
</div>
<x-admin.alert />
<div class="mt-4 row">
<div class="col-lg-6 offset-lg-3 mb-4">
<form action="{{ route('addcategory') }}" method="post">
@csrf
<div class="form-group">
<h6 class="">Category Name</h6>
<input type="text" class="form-control border border-primary" name="category" required>
</div>
<div class="form-group">
<button type="submit" class="px-5 btn btn-primary">Add</button>
</div>
</form>
</div>
<div class="col-12 mt-3">
<h5 class="">Categories List</h5>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Name</th>
<th></th>
</tr>
</thead>
<tbody>
@forelse ($categories as $category)
<tr>
<td>{{ $category->name }}</td>
<td>
<form action="{{ route('deletecategory', $category->id) }}" method="post">
@csrf
@method('DELETE')
<button type="submit" class="btn btn-danger btn-sm">Delete</button>
</form>
</td>
</tr>
@empty
<tr>
<td colspan="2" class="text-center">No Data Available</td>
</tr>
@endforelse
</tbody>
</table>
</div>
</div>
</div>
@endsection