@extends('layouts.app')

@section('title', $category->name)

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="page-title mb-0">{{ $category->name }}</h1>
    <div>
        <a href="{{ route('categories.edit', $category) }}" class="btn btn-primary me-1">Edit</a>
        <a href="{{ route('categories.index') }}" class="btn btn-outline-secondary">Back</a>
    </div>
</div>

<div class="card">
    <div class="card-body">
        <p class="text-muted mb-0">Category: <strong>{{ $category->name }}</strong></p>
    </div>
</div>
@endsection