{% extends "base.html" %}
{% block title %}Report {{ package_name }}{% endblock %}
{% block content %}
<div style="max-width:560px; margin:2rem auto;">
    <h1>Report a package</h1>
    <p class="text-dim">
        Reporting <strong>{{ package_name }}</strong>. Reports are reviewed by
        registry admins; serious reports can lead to quarantine (hidden from
        search and downloads) pending investigation.
    </p>
    <div class="card">
        <form method="POST">
            <label>Reason
                <select name="reason" required>
                    {% for r in reasons %}
                    <option value="{{ r }}">{{ r }}</option>
                    {% endfor %}
                </select>
            </label>
            <label>Version <span class="text-dim">(optional)</span>
                <input type="text" name="version" placeholder="e.g. 1.2.0">
            </label>
            <label>Details
                <textarea name="details" rows="5"
                    placeholder="What did you observe? Include links, hashes or reproduction steps."></textarea>
            </label>
            <button type="submit" class="btn btn-danger" style="width:100%; justify-content:center;">
                Submit report
            </button>
        </form>
    </div>
</div>
{% endblock %}