{% extends "base.html" %}
{% block content %}
<h1>Ballistic Analyzer</h1>

{% if error %}
<div class="error">{{ error }}</div>
{% endif %}

<p style="margin-bottom:1.5rem; color:#555;">
  Upload a CSV file to analyse shot groups. The file must contain the following columns:
  <strong>index</strong>, <strong>speed</strong>, <strong>standard deviation</strong>,
  <strong>energy</strong>, <strong>power factor</strong>, <strong>time of the day</strong>.
</p>

<form method="POST" action="/analyze" enctype="multipart/form-data" style="display:flex;gap:1rem;align-items:center;flex-wrap:wrap;">
  <input
    type="file"
    name="csv_file"
    accept=".csv,text/csv"
    required
    style="border:1px solid #ccc;border-radius:4px;padding:0.5rem 0.75rem;background:#fafafa;font-size:0.95rem;"
  >
  <button
    type="submit"
    style="background:#1f77b4;color:#fff;border:none;border-radius:4px;padding:0.55rem 1.4rem;font-size:0.95rem;cursor:pointer;"
  >
    Analyze
  </button>
</form>
{% endblock %}