{{-- expects $subcategory (ArticleSubcategory|null) and $categories (Collection<ArticleCategory>) --}}
<form id="articleSubcategoryForm">
	<input type="hidden" name="_token" value="{{ csrf_token() }}">
	<input type="hidden" name="id" value="{{ $subcategory->id ?? '' }}">

	<div class="mb-3">
		<label class="form-label" for="asc-category-id">Category <span class="text-danger">*</span></label>
		<select id="asc-category-id" name="article_category_id" class="form-select" required>
			<option value="">— Select a Category —</option>
			@foreach ($categories as $c)
				<option value="{{ $c->id }}" {{ ($subcategory->article_category_id ?? '') == $c->id ? 'selected' : '' }}>
					{{ $c->category }}
				</option>
			@endforeach
		</select>
	</div>

	<div class="mb-3">
		<label class="form-label" for="asc-name">Subcategory <span class="text-danger">*</span></label>
		<input id="asc-name"
			type="text"
			name="subcategory"
			value="{{ $subcategory->subcategory ?? '' }}"
			class="form-control"
			maxlength="100"
			required>
		<small class="text-muted">Subcategory name must be unique within the chosen Category (case-insensitive).</small>
	</div>

	<div class="mb-3">
		<label class="form-label" for="asc-description">Description <span class="text-muted small">(optional)</span></label>
		<textarea id="asc-description"
			name="description"
			rows="4"
			class="form-control">{{ $subcategory->description ?? '' }}</textarea>
	</div>

	<button type="submit"
		class="btn btn-success submitBtn"
		data-loading-text='<i class="fa-solid fa-spinner fa-spin"></i> {{ $subcategory?->id ? 'Updating...' : 'Saving...' }}'>
		<i class="fas {{ $subcategory?->id ? 'fa-pencil-alt' : 'fa-save' }}"></i>
		{{ $subcategory?->id ? 'Update' : 'Save' }}
	</button>
</form>