@props(['category' => null])

<div class="mb-3">
    <label for="name" class="form-label">Category Name</label>
    <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $category->name ?? '') }}" required>
    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>

<div class="mb-3">
    <label for="slug" class="form-label">Slug <span class="text-muted">(auto-generated if left blank)</span></label>
    <input type="text" name="slug" id="slug" class="form-control @error('slug') is-invalid @enderror" value="{{ old('slug', $category->slug ?? '') }}" placeholder="e.g. ecommerce-solutions">
    @error('slug')<div class="invalid-feedback">{{ $message }}</div>@enderror
</div>

<div class="form-check mb-4">
    <input type="checkbox" name="is_visible" id="is_visible" class="form-check-input" value="1" @checked(old('is_visible', $category->is_visible ?? true))>
    <label for="is_visible" class="form-check-label">Visible on the public site</label>
</div>