{% extends 'base.html' %}
{% block content %}
<div class="container py-3">
  <h3 class="mb-3">Submitted Feedback</h3>

  <form class="row g-2 mb-3" method="get">
    <div class="col-md-3">
      <label class="form-label">Month</label>
      <select name="month" class="form-select">
        <option value="">All</option>
        {% for m in months %}
          <option value="{{ m }}" {% if m == current_month %}selected{% endif %}>{{ m }}</option>
        {% endfor %}
      </select>
    </div>
    <div class="col-md-4">
      <label class="form-label">Search</label>
      <input name="q" class="form-control" value="{{ q }}" placeholder="Name, code, email">
    </div>
    <div class="col-md-2">
      <label class="form-label">Rows</label>
      <select name="per_page" class="form-select">
        {% for n in [20,50,100] %}
          <option value="{{ n }}" {% if per_page==n %}selected{% endif %}>{{ n }}</option>
        {% endfor %}
      </select>
    </div>
    <div class="col-md-3 d-flex align-items-end gap-2">
      <button class="btn btn-primary">Filter</button>
      <a class="btn btn-outline-secondary" href="{{ url_for('feedback.view_submitted_feedback') }}">Reset</a>
    </div>
  </form>

  {% if items %}
  <div class="card shadow-sm">
    <div class="table-responsive">
      <table class="table table-hover mb-0 align-middle">
        <thead class="table-light">
          <tr>
            <th>Month</th>
            <th>Employee</th>
            <th>Anonymous</th>
            <th>Submitted</th>
            <th class="text-end">Actions</th>
          </tr>
        </thead>
        <tbody>
          {% for r in items %}
          <tr>
            <td class="text-nowrap">{{ r.month }}</td>
            <td>
              {% if r.employee %}
                <div class="fw-semibold">{{ r.employee.full_name }}</div>
                <div class="small text-muted">{{ r.employee.employee_code }} · {{ r.employee.email }}</div>
              {% else %}
                <span class="text-muted">—</span>
              {% endif %}
            </td>
            <td>{{ 'Yes' if r.is_anonymous else 'No' }}</td>
            <td class="text-nowrap">{{ r.submitted_at.strftime('%Y-%m-%d %H:%M') if r.submitted_at else '' }}</td>
            <td class="text-end">
              <a class="btn btn-sm btn-outline-primary"
                 href="{{ url_for('feedback.response_detail', resp_id=r.id) }}">
                 View
              </a>
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>

    <div class="card-footer d-flex justify-content-between align-items-center">
      <span class="small text-muted">Page {{ pagination.page }} / {{ pagination.pages or 1 }} · {{ pagination.total }} total</span>
      <nav>
        <ul class="pagination mb-0">
        <li class="page-item {% if not pagination.has_prev %}disabled{% endif %}">
            <a class="page-link"
            href="{{ url_for('feedback.view_submitted_feedback',
                                page=pagination.prev_num,
                                per_page=per_page, q=q, month=current_month) }}">Prev</a>
        </li>

        {% for p in page_numbers %}
            <li class="page-item {% if p == pagination.page %}active{% endif %}">
            <a class="page-link"
                href="{{ url_for('feedback.view_submitted_feedback',
                                page=p, per_page=per_page, q=q, month=current_month) }}">{{ p }}</a>
            </li>
        {% endfor %}

        <li class="page-item {% if not pagination.has_next %}disabled{% endif %}">
            <a class="page-link"
            href="{{ url_for('feedback.view_submitted_feedback',
                                page=pagination.next_num,
                                per_page=per_page, q=q, month=current_month) }}">Next</a>
        </li>
        </ul>
      </nav>
    </div>
  </div>
  {% else %}
    <div class="alert alert-info">No feedback found for the selected filters.</div>
  {% endif %}
</div>
{% endblock %}