@extends('layouts.app')

@section('content')
<div class="container-xxl flex-grow-1 container-p-y">
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0">Category Details</h5>
            <hr />
        </div>

        <div class="card-body">
            <p><b>ID:</b> {{ $category->id }}</p>
            <p><b>Name:</b> {{ $category->name }}</p>
            <p><b>Created By:</b> {{ $category->creator?->name ?? 'N/A' }}</p>
            <p><b>Created At:</b> {{ $category->created_at }}</p>

            <a href="{{ route('categories.index') }}" class="btn btn-secondary">Back</a>
        </div>
    </div>
</div>
@endsection