{% extends "base.html" %}

{% block title %}Report New Incident{% endblock %}

{% block content %}
<main>
  <div class="header">
    <h1>Report a New <span>Incident</span></h1>
    <p>Fill out the form below to report a new incident.</p>
  </div>

  <div class="login-form-container">
    <form method="post" class="incident-card">
      {% csrf_token %}
      <div class="form-group">
        <label for="{{ form.brand.id_for_label }}">Brand</label>
        {{ form.brand }}
      </div>
      <div class="form-group">
        <label for="{{ form.incident_type.id_for_label }}">Incident Type</label>
        {{ form.incident_type }}
      </div>
      <div class="form-group">
        <label for="{{ form.source_url.id_for_label }}">Source URL</label>
        {{ form.source_url }}
      </div>
      <div class="form-group">
        <label for="{{ form.content.id_for_label }}">Content</label>
        {{ form.content }}
      </div>
      <div class="card-footer">
        <button type="submit" class="btn btn-review">Submit Incident</button>
      </div>
    </form>
  </div>
</main>
{% endblock %}
