{{-- expects $samasya (Samasya|null), $categories (Collection<ArticleCategory>), $subcategories (Collection<ArticleSubcategory>) --}}
@php
	$isEdit       = (bool) ($samasya?->id);
	$selCategory  = old('category_id',    $samasya->category_id    ?? '');
	$selSubcat    = old('subcategory_id', $samasya->subcategory_id ?? '');
	$selSamasya   = old('samasya',        $samasya->samasya        ?? '');
	$selPublish   = old('publish_date',   optional($samasya?->publish_date)->format('Y-m-d') ?? '');
	$selSamadhan  = old('samadhan',       $samasya->samadhan       ?? '');
@endphp

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

	{{-- Row 1: Category / Subcategory / Publish date --}}
	<div class="row">
		<div class="col-md-5">
			<div class="mb-3">
				<label class="form-label" for="samasya-category-id">Category <span class="text-danger">*</span></label>
				<select id="samasya-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="samasya-subcategory-id">Subcategory <span class="text-muted small">(optional)</span></label>
				<select id="samasya-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 class="col-md-3">
			<div class="mb-3">
				<label class="form-label" for="samasya-publish-date">Publish date <span class="text-muted small">(optional)</span></label>
				<input id="samasya-publish-date"
					type="text"
					name="publish_date"
					value="{{ $selPublish }}"
					placeholder="dd-mm-yyyy"
					autocomplete="off"
					class="form-control @error('publish_date') is-invalid @enderror">
				@error('publish_date') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
			</div>
		</div>
	</div>

	{{-- Row 2: Samasya (Question) — plain textarea, public side renders escaped --}}
	<div class="mb-3">
		<label class="form-label" for="samasya-input">Question (Samasya) <span class="text-danger">*</span></label>
		<textarea id="samasya-input"
			name="samasya"
			rows="4"
			maxlength="65535"
			class="form-control @error('samasya') is-invalid @enderror"
			placeholder="Write the legal question…"
			autofocus
			required>{{ $selSamasya }}</textarea>
		@error('samasya') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
	</div>

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

	<div class="d-flex justify-content-between align-items-center">
		<a href="{{ route('admin.samasyas.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 Samasya' : 'Save Samasya' }}
		</button>
	</div>
</form>