@if ($errors->any())
    <div class="error-box">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<input type="hidden" name="type" value="{{ old('type', $category->type ?? $type ?? 'product') }}">

<div class="form-grid two-col">
    <div class="form-group">
        <label>Category Type</label>
        <input value="{{ (old('type', $category->type ?? $type ?? 'product') === 'expense') ? 'Expense Category' : 'Product Category' }}" disabled>
    </div>
    <div class="form-group">
        <label>Category Name</label>
        <input name="name" value="{{ old('name', isset($category) ? $category->displayName() : '') }}" required @disabled(($category->is_system ?? false))>
        @if ($category->is_system ?? false)
            <input type="hidden" name="name" value="{{ $category->getRawOriginal('name') }}">
        @endif
    </div>
</div>

<details class="optional-field-disclosure" @if(old('description', $category->description ?? '')) open @endif><summary><span><strong>Add description</strong><small>Optional category detail</small></span><b aria-hidden="true">+</b></summary><div class="optional-field-body form-group"><label>Description</label><textarea name="description" rows="3">{{ old('description', $category->description ?? '') }}</textarea></div></details>