{% extends "base.html" %}
{% block title %}Import Schedule — Solitaire Hockey{% endblock %}

{% block content %}
<div class="page">
  <h1>Import Schedule</h1>

  {% with messages = get_flashed_messages(with_categories=true) %}
  {% if messages %}
  {% for category, message in messages %}
  <div class="card" style="margin-bottom:1rem;border-color:{% if category == 'success' %}#34d399{% else %}#f87171{% endif %};">
    <p style="color:{% if category == 'success' %}#34d399{% else %}#f87171{% endif %};font-size:0.85rem;">{{ message }}</p>
  </div>
  {% endfor %}
  {% endif %}
  {% endwith %}

  <div class="card">
    <div class="section-title">CSV Format</div>
    <p style="font-size:0.82rem;color:#8892a4;margin-bottom:0.75rem;">
      The file must have a header row with these columns in any order:
    </p>
    <pre style="background:#14182a;border-radius:6px;padding:0.75rem;font-size:0.78rem;color:#c8d0de;overflow-x:auto;">season,game_number,date,away,home
20002001,1,2000-10-05,DET,COL
20002001,2,2000-10-05,BOS,TOR
20002001,3,2000-10-07,TOR,MTL</pre>
    <p style="font-size:0.78rem;color:#5a6070;margin-top:0.5rem;">
      Team tricodes must match those used in your teams data. Duplicate game numbers for the same season are skipped.
    </p>
  </div>

  <div class="card">
    <div class="section-title">Upload File</div>
    <form method="POST" enctype="multipart/form-data">
      <input type="file" name="schedule_file" accept=".csv"
             style="font-size:0.85rem;color:#e8eaf0;margin-bottom:0.75rem;display:block;">
      <button type="submit" class="btn-primary" style="padding:0.5rem 1.25rem;">Import</button>
      <a href="/schedule" style="margin-left:0.75rem;font-size:0.82rem;color:#8892a4;">Cancel</a>
    </form>
  </div>

</div>
{% endblock %}