<script src="/assets/CHRISTMAS/js/delete_post_modal.js?a=1"></script>

<div class="modal fade" id="deletePostModal" tabindex="-1" role="dialog" aria-labelledby="deletePostModalTitle" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered" role="document">
		<div class="modal-content mx-auto max-w-xl bg-gray-100 dark:bg-gray-700 rounded-md shadow-lg">
			<div class="modal-header">
				<h5 class="font-bold text-xl leading-normal">Delete post?</h5>
				<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
					<span aria-hidden="true"><i class="far fa-times"></i></span>
				</button>
			</div>
			<div class="modal-body text-center">
				<div class="mb-3">
					<i class="fad fa-trash-alt fa-lg text-red-600"></i>
				</div>
				<p>
					Your post will be removed everywhere on {{'SITE_NAME' | app_config}}. This action can be undone.
				</p>
			</div>
			<div class="flex justify-end space-x-2 border-t border-gray-300 dark:border-gray-800 p-4">
				<button type="button" class="px-4 py-2 text-sm font-bold text-gray-500 hover:text-gray-400" data-bs-dismiss="modal">Cancel</button>
				<button type="button" id="deletePostButton" class="btn btn-red">Delete post</button>
			</div>
		</div>
	</div>
</div>
