{% extends "base.html" %}
{% block content %}

<h2>Your Reports</h2>

<form method="POST" class="mb-4">
    <textarea name="note"
              class="form-control mb-2"
              placeholder="Describe the issue..."
              required></textarea>

    <button class="btn btn-primary">
        Create Report
    </button>
</form>

<hr>

{% if reports %}
    <ul class="list-group">
        {% for report in reports %}
        <li class="list-group-item">
            <a href="{{ url_for('reports.detail', report_id=report.id) }}">
                Report #{{ report.id }}
            </a>
        </li>
        {% endfor %}
    </ul>
{% else %}
    <p class="text-muted">No reports yet.</p>
{% endif %}

{% endblock %}