<div id="comment-edit-{{c.id}}" class="hidden flex flex-wrap w-full">
	<form id="comment-edit-form-{{c.id}}" action="/edit_comment/{{c.id}}" method="post" class="input-group" enctype="multipart/form-data"> 
		<input type="hidden" name="formkey" value="{{v.formkey}}">
		<div class="relative comment-box rounded-lg border border-gray-300 dark:border-gray-900 bg-gray-100 dark:bg-white/[.05] shadow-inner w-full">
			<textarea {% if v.longpost %}minlength="280"{% endif %} maxlength="{% if v.bird %}140{% else %}10000{% endif %}" id="comment-edit-body-{{c.id}}" data-id="{{c.id}}" name="body" form="comment-edit-form-{{c.id}}" class="w-full rounded-t-md p-3 bg-transparent focus:bg-white dark:focus:bg-transparent shadow-inner resize-y focus:outline-none placehoder:text-gray-400" aria-label="With textarea" placeholder="Add your comment..." rows="3">{{c.body}}</textarea> 
			<ul class="-mt-1 flex space-x-4 px-3 py-2 border-t border-dashed border-gray-400 dark:border-white/[.05] mb-0">
				<li>
					<button type="button" class="text-gray-400 hover:text-gray-500" onclick="makeBold('comment-edit-body-{{c.id}}')">
						<i class="fas fa-bold fa-fw fa-sm" data-bs-toggle="tooltip" data-bs-placement="bottom"  title="" data-bs-original-title="Bold"></i>
					</button>
				</li>
				<li>
					<button type="button" class="text-gray-400 hover:text-gray-500" onclick="makeItalics('comment-edit-body-{{c.id}}')">
						<i class="fas fa-italic fa-fw fa-sm" data-bs-toggle="tooltip" data-bs-placement="bottom"  title="" data-bs-original-title="Italicize"></i>
					</button>
				</li>
				<li>
					<button type="button" class="text-gray-400 hover:text-gray-500" onclick="makeQuote('comment-edit-body-{{c.id}}')">
						<i class="fas fa-quote-right fa-fw fa-sm" data-bs-toggle="tooltip" data-bs-placement="bottom"  title="" data-bs-original-title="Quote"></i>
					</button>
				</li>
				<li>
					<button type="button" class="text-gray-400 hover:text-gray-500" onclick="commentForm('comment-edit-body-{{c.id}}');getGif()">
						<span class="font-bold text-sm text-uppercase" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#gifModal" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Add GIF">GIF</span>
					</button>
				</li>
				<li>
					<button type="button" class="text-gray-400 hover:text-gray-500" onclick="loadEmojis('comment-edit-body-{{c.id}}')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Add Emoji">	<i class="fas fa-smile-beam fa-fw fa-sm"></i>
					</button>
				</li>
				{% if v %}
				<li>
					<label for="file-edit-reply-{{c.id}}" class="text-gray-400 hover:text-gray-500">
						<div id="filename-edit-reply-{{c.id}}">
							<i class="fas fa-camera fa-fw fa-sm"></i>
						</div>
						<input id="file-edit-reply-{{c.id}}" type="file" name="file" accept="image/*, video/*" onchange="document.getElementById('filename-edit-reply-{{c.id}}').innerHTML='image/video';" hidden>
					</label>
				</li>
				{% endif %}
			</ul>
		</div>
		<div class="flex w-full justify-between mt-2">
			<a href="/formatting" target="_blank" class="inline-block text-sm text-gray-600">
				Formatting help
			</a>
			<div class="ml-auto flex">
				<button type="button" id="cancel-edit-{{c.id}}" class="px-4 py-2 text-sm font-bold text-gray-400 hover:text-gray-500" onclick="toggleEdit('{{c.id}}')">
					Cancel
				</button>
				<button type="button" form="comment-edit-form-{{c.id}}" class="ml-2 btn btn-green" onclick="comment_edit('{{c.id}}')">
					Save edit
				</button>
			</div>
		</div>
		<!-- <div class="comment-format"> 
			<small class="btn btn-secondary format d-inline-block m-0"><span class="font-weight-bolder text-uppercase" aria-hidden="true" onclick="commentForm('comment-edit-body-{{c.id}}');getGif()" data-bs-toggle="modal" data-bs-target="#gifModal" data-bs-toggle="tooltip" data-bs-placement="bottom"  title="" data-bs-original-title="Add GIF">GIF</span></small>
			&nbsp;
			<small class="btn btn-secondary format d-inline-block m-0"><i class="fas fa-smile-beam" aria-hidden="true" onclick="loadEmojis('comment-edit-body-{{c.id}}')" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom"  title="" data-bs-original-title="Add Emoji"></i></small>
			&nbsp;
			<label class="btn btn-secondary format d-inline-block m-0" for="file-edit-reply-{{c.id}}">
				<div id="filename-edit-reply-{{c.id}}"><i class="far fa-image"></i></div>
				<input id="file-edit-reply-{{c.id}}" type="file" name="file" accept="image/*, video/*" onchange="document.getElementById('filename-edit-reply-{{c.id}}').innerHTML='image/video';" hidden>
			</label>

			<a id="cancel-edit-{{c.id}}" href="javascript:void(0)" onclick="toggleEdit('{{c.id}}')" class="hidden d-md-block btn btn-link text-muted ml-auto cancel-form">Cancel</a> 
			<a href="javascript:void(0)" form="comment-edit-form-{{c.id}}" class="hidden d-md-block btn btn-primary ml-2" onclick="comment_edit('{{c.id}}')">Save Edit</a> 
		</div>
		<a id="cancel-edit-{{c.id}}" href="javascript:void(0)" onclick="toggleEdit('{{c.id}}')" class="md:hidden btn btn-link text-muted ml-auto cancel-form">Cancel</a> 
		<a href="javascript:void(0)" form="comment-edit-form-{{c.id}}" class="md:hidden btn btn-primary ml-2" onclick="comment_edit('{{c.id}}')">Save Edit</a>  -->
	</form>
</div>