@props([
	// Component configuration: pass these from the host page
	'id' => 'saveAndCreate',
	'formId' => null, // required: the wrapping form element id that will be submitted
	'actionInputId' => 'action-type',
	// Optional: name of a global callback run before submit; may return/resolve false to cancel
	'beforeSubmitCallback' => null,

	// Feature switches for which actions to show/enable
	'canSave' => false, // disables all save actions if false
	'supportDrafts' => true, // show/hide "Save As Draft"
	'showPrint' => true, // show/hide "Save And Print"

	// Styling hooks to preserve legacy visual styles
	'itemClass' => '', // extra classes for all non-print items (e.g., 'save-font')
	'printItemClass' => '', // extra classes for the print item

	// Print flow state (server indicates redirect back with print intent)
	'isPrintOld' => old('is_print'), // preserve state across validation errors
	'isPrintRequest' => request('isPrint'), // indicates server redirected back with print intent

	// Validation checks controlled by the page
	'dateFieldName' => null, // required: form input[name] to check against fiscal year (e.g., payment_date)
	'requireTypeSelection' => false, // set true to enforce a non-empty selection (e.g., invoice type)
	'typeSelectorId' => null, // the select element id to validate when requireTypeSelection=true
])

{{--
	USAGE (examples):

	Invoices:
	<x-save-actions
		id="saveAndCreate"
		form-id="invoiceForm"
		action-input-id="action-type"
		:can-save="isset($currentFiscalYearId)"
		:support-drafts="!str_contains(request()->getRequestUri(), 'debit')"
		:show-print="!str_contains(request()->getRequestUri(), 'debit')"
		date-field-name="payment_date"
		:require-type-selection="true"
		type-selector-id="invoiceType"
	/>

	Expenses:
	<x-save-actions
		id="saveAndCreate"
		form-id="expenseForm"
		action-input-id="action-type"
		:can-save="isset($currentFiscalYearId)"
		:support-drafts="false"
		:show-print="false"
		date-field-name="date"
	/>

	Purchase Bills:
	<x-save-actions
		id="saveAndCreate"
		form-id="purchaseBillForm"
		action-input-id="action-type"
		:can-save="isset($currentFiscalYearId)"
		:support-drafts="true"
		:show-print="true"
		date-field-name="payment_date"
		before-submit-callback="onBillReturnBeforeSubmit"
	/>
--}}
<div class="dropdown-menu" id="{{ $id }}" data-bs-auto-close="outside">
	<input type="hidden" name="action" value="" id="{{ $actionInputId }}">
	<input type="hidden" name="is_print" value="">
	{{-- Primary actions. These are buttons (not submit) so submission is fully controlled via JS below. --}}
	<a class="dropdown-item form-submit-button save-actions-item {{ $itemClass }}" name="action" type="button" action-value="save" value="save" @if(!$canSave) data-disabled="true" aria-disabled="true" @endif>
		<span>{{ __('Save And Close')}}</span>
	</a>

	<a class="dropdown-item form-submit-button save-actions-item {{ $itemClass }}" name="action" type="button" action-value="save_new" value="save_new" @if(!$canSave) data-disabled="true" aria-disabled="true" @endif>
		<span>{{ __('Save And New') }}</span>
	</a>

	@if($supportDrafts)
		<a class="dropdown-item form-submit-button save-actions-item {{ $itemClass }}" name="action" type="button" action-value="save_as_draft" @if(!$canSave) data-disabled="true" aria-disabled="true" @endif>
			<span>{{ __('Save As Draft') }}</span>
		</a>
	@endif

	@if($showPrint)
		{{-- Save and redirect to show route with isPrint=true to trigger printing. --}}
		<a class="dropdown-item form-submit-button save-actions-item printClick {{ $printItemClass ?: $itemClass }}" name="action" type="button" action-value="save" value="save" @if(!$canSave) data-disabled="true" aria-disabled="true" @endif>
			<span>{{ __('Save And Print') }}</span>
			<div class="hide">
				{{-- This checkbox is used by backend validation/old() to persist the print intent. --}}
				<input class="form-check-input" id="is_print_option" type="checkbox" name="is_print" value="1" @if($isPrintOld) checked @endif>
				<label class="form-check-label" for="is_print_option">@lang('Print')</label>

				{{-- is_print is read after redirect to trigger printing on the show page --}}
				<input id="is_print" type="hidden" value="{{ $isPrintRequest }}">
			</div>
		</a>
	@endif
</div>

{{--
	Local confirmation modal (namespaced by component id)
	Displayed when the selected date precedes the fiscal-year boundary; if user proceeds,
	the same action is submitted.
--}}
<div class="modal fade" id="{{ $id }}-confirmationModal" tabindex="-1" role="dialog" aria-labelledby="{{ $id }}-confirm-label">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<h4 class="modal-title" id="{{ $id }}-confirm-label">@lang('accounting::manual_journal_entries.confirmation_date')</h4>
			</div>
			<div class="modal-body">
				<p>@lang('accounting::manual_journal_entries.confirmation_date_in_past')</p>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default mx-1" data-dismiss="modal">@lang('Cancel')</button>
				<span class="pull-right">
					<button type="button" class="btn btn-primary" id="{{ $id }}-continue">@lang('Continue')</button>
				</span>
			</div>
		</div>
	</div>
</div>

@push('extra_scripts')
<script>
	(function() {
		try {
			const container = document.getElementById(@json($id));
			if (!container) return;


	
			// Resolve form and hidden input that receives the chosen action
			const form = @json($formId) ? document.getElementById(@json($formId)) : null;
			const actionInput = @json($actionInputId) ? document.getElementById(@json($actionInputId)) : null;
	
			// Query helpers scoped to this component to avoid affecting other DOM parts
			const qsInContainer = (selector) => container ? container.querySelector(selector) : null;
			const qsaInContainer = (selector) => container ? Array.prototype.slice.call(container.querySelectorAll(selector)) : [];
	
			// Mark print intent when user chooses Save & Print
			qsaInContainer('.printClick').forEach((btn) => {
				btn.addEventListener('click', () => {
					const printInput = (container.closest('form') || document).querySelector('input[name="is_print"]');
					if (printInput) { printInput.value = '1'; }
				});
			});
	
			// Local modal wiring
			const confirmModalId = @json($id . '-confirmationModal');
			const continueBtn = document.getElementById(@json($id . '-continue'));
	
			// Prevent accidental double submissions across all menu options
			const disableButtons = () => {
				qsaInContainer('.form-submit-button').forEach((btn) => {
					btn.setAttribute('disabled', 'disabled');
				});
			};

			const enableButtons = () => {
				qsaInContainer('.form-submit-button').forEach((btn) => {
					btn.removeAttribute('disabled');
				});
			};
	
			// Show the confirmation modal; returns true if shown via Bootstrap's jQuery
			const openConfirmModal = () => {
				if (window.jQuery && typeof jQuery.fn.modal === 'function') {
					jQuery('#' + confirmModalId).modal('show');
				} else {
					return false;
				}
				return true;
			};
			// Main handler for all submit actions in the dropdown (delegated on document)
			document.addEventListener('click', async (e) => {
				const btn = e.target.closest(`#${@json($id)} .form-submit-button`);
				if (!btn) return;
				if (btn.hasAttribute('data-disabled')) { e.preventDefault(); return; }
				// Resolve form at click-time to avoid stale/disconnected references
				const formEl = @json($formId) ? document.getElementById(@json($formId)) : (container ? container.closest('form') : null);
				if (!formEl || !formEl.isConnected || !document.body.contains(formEl)) { e.preventDefault(); return; }
	
					// 1) Persist chosen action into the hidden input
					const action = btn.getAttribute('action-value') || '';
					const actionInputEl = @json($actionInputId) ? document.getElementById(@json($actionInputId)) : null;
					if (actionInputEl) { actionInputEl.value = action; }

					// Set/Clear print intent on the FORM
					const formPrintInput = formEl.querySelector('input[name="is_print"]');
					if (formPrintInput) { formPrintInput.value = btn.classList.contains('printClick') ? '1' : ''; }
	
					// 2) Optional: require a type selection (e.g., invoices)
					if (@json($requireTypeSelection) && @json($typeSelectorId)) {
						const typeSelect = document.getElementById(@json($typeSelectorId));
						if (typeSelect && (!typeSelect.value || typeSelect.value === '')) {
							const typeError = document.getElementById('type-error');
							if (typeError) { typeError.classList.remove('d-none'); }
							e.preventDefault();
							return;
						}
					}
	
					// 3) Optional: check date against fiscal year boundary
					const dateInput = @json($dateFieldName) ? formEl.querySelector('input[name="{{ $dateFieldName }}"]') : null;
					if (dateInput) {
						const fy = dateInput.getAttribute('data-fiscal-year');
						if (!fy) { e.preventDefault(); return; }
	
						// Convert DD-MM-YYYY to YYYY-MM-DD for Date()
						const raw = (dateInput.value || '').trim();
						const normalized = raw ? raw.split('-').reverse().join('-') : '';
						if (normalized && new Date(normalized) < new Date(fy)) {
							if (openConfirmModal()) {
								if (continueBtn) {
							continueBtn.onclick = async () => {
										if (actionInput) { actionInput.value = action; }
								// Before final submit from modal, honor optional callback
								try {
									const cbName = @json($beforeSubmitCallback);
									if (cbName && typeof window[cbName] === 'function') {
										const result = window[cbName]({ action, form: formEl, button: continueBtn, containerId: @json($id) });
										const allowed = result && typeof result.then === 'function' ? await result : result;
										if (allowed === false) { enableButtons(); return; }
									}
								} catch (err) { enableButtons(); return; }
								disableButtons();
								if (typeof formEl.requestSubmit === 'function') { formEl.requestSubmit(); } else { formEl.submit(); }
									};
								}
								e.preventDefault();
								return;
							}
						}
					}
	
					// 4) Optional: host-provided pre-submit callback (sync or async)
					try {
						const cbName = @json($beforeSubmitCallback);
						if (cbName && typeof window[cbName] === 'function') {
							const result = window[cbName]({ action, form: formEl, button: btn, containerId: @json($id) });
							const allowed = result && typeof result.then === 'function' ? await result : result;
							if (allowed === false) {
								// Cancel submission and re-enable buttons
								e.preventDefault();
								enableButtons();
								return;
							}
						}
					} catch (err) {
						// On error, cancel to be safe
						e.preventDefault();
						enableButtons();
						return;
					}

					// 5) Submit immediately
					disableButtons();
					if (typeof formEl.requestSubmit === 'function') { formEl.requestSubmit(); } else { formEl.submit(); }
			});
	
			// After redirect back from server: no client-side window.open; show pages handle print when isPrint is present
		} catch (e) {
			// Fail-safe: avoid blocking the page if something goes wrong inside the component
		}
	})();
	</script>
@endpush