@csrf
@if($category->exists)
    @method('PUT')
@endif
<div class="doc-form-grid">
    <div class="doc-field">
        <label class="doc-label" for="name">Name</label>
        <input class="doc-input" id="name" name="name" value="{{ old('name', $category->name) }}" required maxlength="150">
        @error('name') <div class="doc-error">{{ $message }}</div> @enderror
    </div>
    <div class="doc-field">
        <label class="doc-label" for="slug">Slug</label>
        <input class="doc-input" id="slug" name="slug" value="{{ old('slug', $category->slug) }}" maxlength="180" placeholder="Auto-generated when blank">
        @error('slug') <div class="doc-error">{{ $message }}</div> @enderror
    </div>
    <div class="doc-field">
        <label class="doc-label" for="icon">Icon</label>
        <input class="doc-input" id="icon" name="icon" value="{{ old('icon', $category->icon) }}" maxlength="80" placeholder="book-open, file-check, shield">
        @error('icon') <div class="doc-error">{{ $message }}</div> @enderror
    </div>
    <div class="doc-field">
        <label class="doc-label" for="colour">Colour</label>
        <input class="doc-input" id="colour" name="colour" value="{{ old('colour', $category->colour ?: 'emerald') }}" required maxlength="32">
        @error('colour') <div class="doc-error">{{ $message }}</div> @enderror
    </div>
    <div class="doc-field">
        <label class="doc-label" for="sort_order">Sort order</label>
        <input class="doc-input" id="sort_order" name="sort_order" type="number" min="0" value="{{ old('sort_order', $category->sort_order ?: 0) }}">
        @error('sort_order') <div class="doc-error">{{ $message }}</div> @enderror
    </div>
    <div class="doc-field" style="display:flex;align-items:end;">
        <label><input type="checkbox" name="is_active" value="1" @checked(old('is_active', $category->is_active ?? true))> Active category</label>
    </div>
    <div class="doc-field full">
        <label class="doc-label" for="description">Description</label>
        <textarea class="doc-textarea" id="description" name="description" style="min-height:140px;">{{ old('description', $category->description) }}</textarea>
        @error('description') <div class="doc-error">{{ $message }}</div> @enderror
    </div>
</div>
<div class="doc-actions" style="margin-top:22px;">
    <button class="doc-button dark" type="submit">Save category</button>
    <a class="doc-button light" href="{{ route('documentation.categories.index') }}">Cancel</a>
</div>