<div id="delete-image-modal" class="modal-overlay">
	<div
		class="modal"
		role="dialog"
		aria-modal="true"
		aria-labelledby="deleteImageModalTitle"
		aria-describedby="deleteImageModalDescription"
	>
		<div class="modal-header">
			<h2 id="deleteImageModalTitle">Delete image?!</h2>
			<button class="close" aria-label="Close">&times;</button>
		</div>
		<div class="modal-body" id="deleteImageModalDescription">
			<h3>Image title</h3>
			<p>
				By clicking on the
				<strong>Delete</strong>
				button, the image will be permanently erased!
				<br />
				Once deleted, the image will no longer be available in the gallery, page(s), or post(s) where it was
				previously displayed.
				<br />
				Please note that deleted images cannot be recovered!
				<br />
				This action is irreversible, the image will be forever lost if you confirm the deletion!
			</p>

			<form id="image-form-delete" action="/bd-admin/delete-image" method="post" hidden>
				<input type="text" name="imagePath" id="image-href" />
			</form>
		</div>
		<div class="modal-footer">
			<button class="cancel bd-button-grey">Cancel</button>
			<button class="confirm bd-button-red" type="submit" form="image-form-delete">Delete</button>
		</div>
	</div>
</div>
