{{-- expects $article (Article|null), $categories (Collection<ArticleCategory>), $subcategories (Collection<ArticleSubcategory>) --}}
@php
	$isEdit       = (bool) ($article?->id);
	$selCategory  = old('category_id',    $article->category_id    ?? '');
	$selSubcat    = old('subcategory_id', $article->subcategory_id ?? '');
	$selTitle     = old('title',          $article->title          ?? '');
	$selAuthor    = old('author',         $article->author         ?? '');
	$selPublish   = old('publish_date',   optional($article?->publish_date)->format('Y-m-d') ?? '');
	$selArticle   = old('article',        $article->article        ?? '');
@endphp

<form method="POST" action="{{ route('admin.articles.save') }}" id="articleForm">
	@csrf
	<input type="hidden" name="id" value="{{ $article->id ?? '' }}">

	{{-- Row 1: Title (full width) --}}
	<div class="row">
		<div class="col-12">
			<div class="mb-3">
				<label class="form-label" for="article-title">Title <span class="text-danger">*</span></label>
				<input id="article-title"
					type="text"
					name="title"
					value="{{ $selTitle }}"
					class="form-control @error('title') is-invalid @enderror"
					maxlength="768"
					autofocus
					required>
				@error('title') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
			</div>
		</div>
	</div>

	{{-- Row 2: Author / Category / Subcategory --}}
	<div class="row">
		<div class="col-md-4">
			<div class="mb-3">
				<label class="form-label" for="article-author">Author <span class="text-danger">*</span></label>
				<input id="article-author"
					type="text"
					name="author"
					value="{{ $selAuthor }}"
					class="form-control @error('author') is-invalid @enderror"
					maxlength="500"
					required>
				@error('author') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
			</div>
		</div>

		<div class="col-md-4">
			<div class="mb-3">
				<label class="form-label" for="article-category-id">Category <span class="text-danger">*</span></label>
				<select id="article-category-id" name="category_id" class="form-select @error('category_id') is-invalid @enderror" required>
					<option value="">— Select a Category —</option>
					@foreach ($categories as $c)
						<option value="{{ $c->id }}" {{ (string) $selCategory === (string) $c->id ? 'selected' : '' }}>{{ $c->category }}</option>
					@endforeach
				</select>
				@error('category_id') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
			</div>
		</div>

		<div class="col-md-4">
			<div class="mb-3">
				<label class="form-label" for="article-subcategory-id">Subcategory <span class="text-muted small">(optional)</span></label>
				<select id="article-subcategory-id" name="subcategory_id" class="form-select @error('subcategory_id') is-invalid @enderror">
					<option value="" data-category="">— None —</option>
					@foreach ($subcategories as $s)
						<option value="{{ $s->id }}"
							data-category="{{ $s->article_category_id }}"
							{{ (string) $selSubcat === (string) $s->id ? 'selected' : '' }}>
							{{ $s->subcategory }}
						</option>
					@endforeach
				</select>
				@error('subcategory_id') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
			</div>
		</div>
	</div>

	{{-- Row 3: Publish date (compact, on its own line) --}}
	<div class="row">
		<div class="col-md-3">
			<div class="mb-3">
				<label class="form-label" for="article-publish-date">Publish date <span class="text-danger">*</span></label>
				{{-- Flatpickr swaps this for a visible dd-mm-Y input and writes Y-m-d back here on submit. --}}
				<input id="article-publish-date"
					type="text"
					name="publish_date"
					value="{{ $selPublish }}"
					placeholder="dd-mm-yyyy"
					autocomplete="off"
					class="form-control @error('publish_date') is-invalid @enderror"
					required>
				@error('publish_date') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
			</div>
		</div>
	</div>

	{{-- Row 4: Article body (CKEditor 5 replaces this textarea) --}}
	<div class="mb-3">
		<label class="form-label" for="article-input">Article body <span class="text-danger">*</span></label>
		<textarea id="article-input"
			name="article"
			rows="14"
			class="form-control @error('article') is-invalid @enderror">{{ $selArticle }}</textarea>
		@error('article') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
	</div>

	<div class="d-flex justify-content-between align-items-center">
		<a href="{{ route('admin.articles.index') }}" class="btn btn-link text-muted">
			<i class="fas fa-arrow-left"></i> Back to list
		</a>
		<button type="submit" class="btn btn-success">
			<i class="fas {{ $isEdit ? 'fa-pencil-alt' : 'fa-save' }}"></i>
			{{ $isEdit ? 'Update Article' : 'Save Article' }}
		</button>
	</div>
</form>