{% extends 'base.html' %}
{% block content %}
<div class="container py-3">
  <a href="{{ url_for('feedback.view_submitted_feedback', month=resp.month) }}" class="btn btn-link">&larr; Back</a>
  <div class="card shadow-sm">
    <div class="card-body">
      <h4 class="mb-3">Feedback – {{ resp.month }}</h4>
      <div class="mb-3">
        {% if resp.employee %}
          <div class="fw-semibold">{{ resp.employee.full_name }}</div>
          <div class="small text-muted">{{ resp.employee.employee_code }} · {{ resp.employee.email }}</div>
        {% else %}
          <span class="badge text-bg-secondary">Anonymous</span>
        {% endif %}
      </div>

      {% for a in resp.answers %}
        <div class="mb-3 pb-3 border-bottom">
          <div class="fw-semibold">{{ loop.index }}. {{ a.question.question_text }}</div>

          {# Show text #}
          {% if a.answer_text %}
            <div class="mt-1">{{ a.answer_text }}</div>
          {% endif %}

          {# Single-choice label (if present) #}
          {% if a.selected_option and a.selected_option.label %}
            <div class="mt-1"><span class="badge text-bg-primary">{{ a.selected_option.label }}</span></div>
          {% endif %}

          {# Multi-choice labels (if present) #}
          {% if a.selected_options %}
            <div class="mt-2 d-flex flex-wrap gap-2">
              {% for so in a.selected_options %}
                <span class="badge text-bg-primary">{{ so.option.label }}</span>
              {% endfor %}
            </div>
          {% endif %}
        </div>
      {% endfor %}
    </div>
  </div>
</div>
{% endblock %}