{% extends 'base.html' %}

{% block content %}
<div class="card mt-2 mb-2">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<h5 class="card-title mt-0">{% if question.from_who %}{{ question.from_who }}{% else %}Anonymous{% endif %}</h5>
<h6 class="card-subtitle fw-light text-body-secondary">{{ formatRelativeTime(str(question.creation_date)) }}</h6>
</div>
<p class="card-text">{{ question.content }}</p>
<p class="mb-0">{{ answer.content }}</p>
</div>
<div class="card-footer text-body-secondary d-flex justify-content-between align--center">
<span class="fs-6">answered {{ formatRelativeTime(str(answer.creation_date)) }}</span>
<div class="dropdown">
<a class="text-reset btn-sm icon-link dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false"><i style="font-size: 1.2rem;" class="bi bi-three-dots"></i></a>
<ul class="dropdown-menu">
	<li><button class="dropdown-item" onclick="copy({{ question.id }})">Copy link</button></li>
	{% if logged_in %}
	<li><button class="dropdown-item" hx-post="{{ url_for('api.returnToInbox', question_id=question.id) }}" hx-target="#question-{{ question.id }}" hx-swap="none">Return to inbox</button></li>
	{% endif %}
</ul>
</div>
</div>
</div>
{% endblock %}