MarseyWorld/files/templates/modals/report_post.html

<div class="modal fade" id="reportPostModal" tabindex="-1">
	<div class="modal-dialog modal-dialog-centered">
		<div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">Report Post</h5>
				<button type="button" class="close" data-bs-dismiss="modal">
					<span><i class="fas fa-times"></i></span>
				</button>
			</div>
			<div class="modal-body">
				<h6>We're sorry something here is wrong.</h6>
				<small class="form-text text-muted">Please enter a reason for reporting below.</small>
				<input autocomplete="off" maxlength="100" id="reason_post" class="allow-emojis form-control b2 mt-1">
				{{macros.emoji_btn('reason_post', 'reportPostModal')}}
				{% if SITE_NAME == 'WPD' %}
					<small class="form-text text-muted mt-3">
						If you are reporting a repost, include a link to the original post. Reposts are allowed after 60 days unless they are in the famous videos list.
					</small>
				{% endif %}
			</div>

			<div class="modal-footer">
				<button type="button" class="btn btn-link text-muted" data-bs-dismiss="modal">Cancel</button>
				<button type="button" id="reportPostButton" class="btn btn-primary btn-danger" data-bs-dismiss="modal">Report Post</button>
			</div>
		</div>
	</div>
</div>

<script defer src="{{'js/report_post_modal.js' | asset}}"></script>