{% extends 'shop/base.html' %}
{% block title %}Answer Question - Nana Tradings{% endblock %}

{% block content %}
<div class="container mt-5">
    <h2 class="text-center text-success fw-bold">Answer Question</h2>
    <hr>

    <!-- ✅ Show the question -->
    <div class="faq-item mb-4 p-3 border-start border-4 border-success rounded">
        <strong>Question:</strong>
        <p class="mb-0">{{ faq.question }}</p>
    </div>

<form method="POST" class="p-4 rounded shadow-sm">
    {% csrf_token %}

    <div class="mb-3">
        <label for="id_answer" class="form-label fw-bold">Your Answer</label>
        <textarea name="answer" id="id_answer" class="form-control" rows="4" placeholder="Write your answer here...">{{ form.answer.value }}</textarea>
        {% if form.answer.errors %}
            <div class="text-danger small mt-1">{{ form.answer.errors }}</div>
        {% endif %}
    </div>

    <button type="submit" class="btn btn-success fw-bold">
        <i class="fas fa-paper-plane"></i> Submit Answer
    </button>
</form>

</div>


{% endblock %}