{{-- CKEditor 5 init for #circular-details, Flatpickr for both date inputs, Choices.js on subject.
     Included from both create.blade.php and edit.blade.php inside @push('scripts'). --}}
<script>
document.addEventListener("DOMContentLoaded", function () {
	// --- CKEditor 5 (Super Build) on details body ---
	// Super Build exposes CKEDITOR.{ClassicEditor, ...}. Classic auto-syncs back to the
	// underlying <textarea> before form submit. removePlugins drops the premium / license-gated
	// bundle features so they don't try to initialise without a license key.
	if (typeof CKEDITOR !== 'undefined' && CKEDITOR.ClassicEditor) {
		CKEDITOR.ClassicEditor
			.create(document.getElementById('circular-details'), {
				removePlugins: [
					'AIAssistant', 'OpenAITextAdapter', 'AWSTextAdapter',
					'CKBox', 'CKBoxImageEdit', 'CKFinder', 'CKFinderUploadAdapter',
					'EasyImage', 'CloudServices',
					'Comments', 'CommentsAdapter', 'CommentsArchive', 'CommentsRepository',
					'TrackChanges', 'TrackChangesData', 'TrackChangesEditing',
					'RevisionHistory',
					'RealTimeCollaborativeEditing', 'RealTimeCollaborativeComments',
					'RealTimeCollaborativeTrackChanges', 'RealTimeCollaborativeRevisionHistory',
					'PresenceList',
					'Pagination', 'PaginationEditing', 'PaginationUI',
					'WProofreader',
					'TableOfContents', 'TableOfContentsEditing', 'TableOfContentsUI',
					'FormatPainter',
					'Template', 'TemplateEditing', 'TemplateUI',
					'CaseChange',
					'MultiLevelList',
					'ExportPdf', 'ExportWord', 'ImportWord',
					'PasteFromOfficeEnhanced',
					'SlashCommand',
					'DocumentOutline',
					'MathType',
					'WirisPlugin',
				],
				toolbar: {
					items: [
						'undo', 'redo', '|',
						'heading', 'style', '|',
						'fontFamily', 'fontSize', 'fontColor', 'fontBackgroundColor', '|',
						'bold', 'italic', 'underline', 'strikethrough', 'code', 'subscript', 'superscript', '|',
						'removeFormat', 'highlight', '|',
						'link', 'bulletedList', 'numberedList', 'todoList', '|',
						'alignment', 'outdent', 'indent', '|',
						'blockQuote', 'codeBlock', '|',
						'insertTable', 'mediaEmbed', 'horizontalLine', 'specialCharacters', 'pageBreak', '|',
						'sourceEditing', 'htmlEmbed', 'findAndReplace', '|',
						'uploadImage',
					],
					shouldNotGroupWhenFull: true,
				},
				image: {
					toolbar: [
						'imageTextAlternative', 'toggleImageCaption', '|',
						'imageStyle:inline', 'imageStyle:wrapText', 'imageStyle:breakText', '|',
						'resizeImage',
					],
					resizeOptions: [
						{ name: 'resizeImage:original', label: 'Original', value: null },
						{ name: 'resizeImage:50',       label: '50%',      value: '50' },
						{ name: 'resizeImage:75',       label: '75%',      value: '75' },
					],
				},
				table: {
					contentToolbar: [
						'tableColumn', 'tableRow', 'mergeTableCells',
						'tableProperties', 'tableCellProperties', 'toggleTableCaption',
					],
				},
				language: 'en',
				placeholder: 'Write the circular details…',
			})
			.catch(err => {
				console.error('CKEditor 5 init failed:', err);
			});
	} else {
		console.warn('CKEditor 5 Super Build did not load — CDN failure or wrong global. Falling back to plain textarea.');
	}

	// --- Flatpickr on both date inputs ---
	// Show dd-mm-Y to the user via altInput; the underlying inputs still submit Y-m-d
	// so the controller's `date` validation rules keep working unchanged.
	if (typeof flatpickr !== 'undefined') {
		flatpickr('#circular-date',         { dateFormat: 'Y-m-d', altInput: true, altFormat: 'd-m-Y', allowInput: true });
		flatpickr('#circular-publish-date', { dateFormat: 'Y-m-d', altInput: true, altFormat: 'd-m-Y', allowInput: true });
	}

	// --- Choices.js on subject select ---
	if (typeof Choices !== 'undefined') {
		new Choices(document.getElementById('circular-subject-id'), {
			searchEnabled: true,
			searchPlaceholderValue: 'Search subjects…',
			itemSelectText: '',
			shouldSort: false,
		});
	}
});
</script>