@extends('layouts.admin.admin')

@section('content')

<style>
    .btn-sm, .btn-group-sm > .btn {
        font-size: 12px;
    }
</style>

<div class="container py-4">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">Home</a></li>
            <li class="breadcrumb-item active" aria-current="page">Manage Services</li>
        </ol>
    </nav>
    @if ($message = Session::get('success'))
        <div class="alert alert-success">
            <p>{{ $message }}</p>
        </div>
    @endif
    <div class="pull-right my-2">
        <a class="btn btn-primary" href="{{ route('category.create') }}"> Add New</a>
    </div>
    <div class="row justify-content-center">
    <table class="table table-striped table-hover">
                <thead>
                    <tr>
                        <th width="20%">Service Name</th>
                        <th width="20%">Category Name</th>
                        <th width="20%">Add Date</th>
						<th width="20%">Udate Date</th>
                        <th width="20%">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($categories as $category)
                    <tr>
                        <td> {{ $category->service_name }} </td>
                        <td> {{ $category->category_name }} </td>
                        <td> {{ $category->created_at }} </td>
                        <td> {{ $category->updated_at }} </td>
                        <td>
                        <form action="{{ route('category.destroy',$category->id) }}" method="POST">
                            <a class="btn btn-primary" href="{{ route('category.edit',$category->id) }}">Edit</a>
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger">Delete</button>
                        </form>   
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
    </div>
</div>



@endsection