{% extends "embeds/embed_default.html" %}

{% set score=c.score_fuzzed %}

{% block title %}
<title>@{{c.author.username}} comments on "{{c.post.title}}"</title>
<meta name="description" content="{{c.body}}">
{% endblock %}


{% block content %}
<div class="post-info font-weight-bold">
		<span class="align-top"><a href="{{c.permalink}}">{{c.post.title | safe}}</a></span>
</div>

<div id="comment-{{c.id}}" class="comment">

		<span class="mr-2 d-block d-md-none"><a href="{{c.author.permalink}}"><img src="{{c.author.profile_url}}" class="profile-pic-25"></a></span>

		<span class="comment-collapse d-md-block d-none" onclick="collapse_comment('{{c.id}}')"></span>

		<div class="comment-body">

				<div id="comment-{{c.id}}-only">

						<div class="user-info">{% if c.over_18 %}<span class="badge badge-danger">+18</span> {% endif %}{% if c.author.title and c.author.title.is_before %}<span style="color:#{{c.author.title.color}}">{{c.author.title.text}}</span> {% endif %}<a href="{{c.author.permalink}}" class="user-name {% if c.post.author_id==c.author_id %}text-info{% endif %}">{{c.author.username}}</a>{% if c.author.title and not c.author.title.is_before %}<span style="color:#{{c.author.title.color}}">{{c.author.title.text}}</span>{% endif %}
		{% if c.distinguish_level or c.author_id==c.post.author_id %}
		<span> </span>
			{% if c.distinguish_level %}
				<i class="fas fa-shield text-admin" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Drama Badmin, speaking officially"></i>
			{% endif %}
			{% if c.post.author_id==c.author_id %}
				<i class="fas fa-microphone-stand text-info" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="Submitter"></i>
			{% endif %}
			<span> </span>
		{% endif %}
								<span class="time-stamp" data-toggle="tooltip" data-placement="bottom"  title="{{c.created_datetime}}"><span>&#183;</span> {{c.age_string}}</span>
		{% if c.edited_utc %}
		<span class="time-edited" data-toggle="tooltip" data-placement="bottom"  title="{{c.edited_datetime}}"><span>&#183;</span> <span class="font-italic">Edited {{c.edited_string}}</span></span>
		{% endif %}

				<span class="comment-collapse d-md-none" onclick="collapse_comment('{{c.id}}')"></span>

				</div>

						<div id="comment-text-{{c.id}}" class="comment-text">
								{{c.body_html | safe}}
						</div>

			
						<div id="comment-{{c.id}}-actions" class="comment-actions">
								<ul class="list-inline text-right text-md-left">



										<li id="comment-{{c.id}}-up" class="list-inline-item arrow-up d-none d-md-inline-block mr-2">
										</li>


										<li class="list-inline-item d-none d-md-inline-block mr-2">
											 <span id="comment-{{c.id}}-score-none"class="d-none text-black">{{score}}</span>										</li>
										<li class="list-inline-item text-muted d-none d-md-inline-block"><a href="javascript:void(0);" role="button" class="copy-link" data-clipboard-text="{{c.permalink | full_link}}"><i class="fas fa-link"></i><span>Copy link</span></a>
										</li>
										<li class="list-inline-item d-none d-md-inline-block">
												<div class="dropdown show">
													<a href="#" role="button" id="dropdownMoreLink" data-toggle="dropdown" aria-haspopup="true"
													aria-expanded="false">
													<i class="fas fa-ellipsis-h"></i>
											</a>

											<div class="dropdown-menu border-0 shadow" aria-labelledby="dropdownMoreLink">
												<a class="dropdown-item" href="{{c.parent.permalink}}"><i class="fas fa-dna"></i>Parent</a>
												<a class="dropdown-item d-none" href="#"><i class="fas fa-save"></i>Save</a>


										</div>
								</div>
						</li>
						<li class="list-inline-item d-inline-block d-md-none">
								<a href="#" data-toggle="modal" data-target="#actionsModal-{{c.id}}" data-focus="false"><i class="fas fa-ellipsis-h"></i></a>
						</li>

						<li id="comment-{{c.id}}-up" class="list-inline-item arrow-up d-inline-block d-md-none mr-2">
						</li>
						<li class="list-inline-item d-inline-block d-md-none mr-2">
<span id="comment-{{c.id}}-score-none" class="d-none text-black">{{score}}</span>
						</li>
						
						<li id="comment-{{c.id}}-down" class="list-inline-item arrow-down d-inline-block d-md-none">
						</li>
				</ul>

		</div>
</div>


<!-- Comment Actions Modal -->
<div class="modal fade d-md-none" id="actionsModal-{{c.id}}" tabindex="-1" role="dialog" aria-labelledby="actionsModalTitle" aria-hidden="true">
	<div class="modal-dialog modal-dialog-centered" role="document">
		<div class="modal-content">
				<div class="modal-header">
						<h5 class="modal-title h6">More options</h5>
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true"><i class="far fa-times"></i></span>
					</button>
			</div>
			<div class="modal-body">
					<ul class="list-group comment-actions">
						<li class="list-group-item"><a href="javascript:void(0);" role="button" class="d-block copy-link" data-dismiss="modal" data-clipboard-text="{{c.permalink | full_link}}"><i class="fas fa-link"></i><span>Share</span></a>
								<li class="list-group-item"><a class="d-block" href="{{c.parent.permalink}}"><i class="fas fa-dna"></i>Parent</a></li>
								<li class="list-group-item d-none"><a href="#" class="d-block"><i class="fas fa-save"></i>Save</a></li>

						 
						</ul>
				</div>
		</div>
</div>
</div>

</div>
{% endblock %}