{% extends "base.html" %}
{% block title %}Upload{% endblock %}
{% block content %}
<h1>Carica documenti</h1>
<p style="color:var(--muted);margin-bottom:1.5rem;font-family:system-ui,sans-serif;font-size:0.92rem;">
  Carica uno o piu PDF di materiale didattico. StudyGraph li analizzera automaticamente.
</p>

<div class="card">
  <form action="/upload" method="post" enctype="multipart/form-data">
    <label>File PDF</label>
    <input type="file" name="files" accept=".pdf" multiple required>
    <label>Corso (opzionale)</label>
    <input type="text" name="course" placeholder="es. Analisi 1, Fisica, Programmazione...">
    <label style="display:inline-flex;align-items:center;gap:0.4rem;margin-top:1rem;">
      <input type="checkbox" name="dry_run" value="true" style="width:auto;">
      Dry-run (nessuna API key necessaria)
    </label>
    <div style="margin-top:1.2rem;">
      <button type="submit">Carica e analizza</button>
    </div>
  </form>
</div>

<h2>Oppure prova la demo</h2>
<div class="card" style="border-left:3px solid var(--green);">
  <p style="font-family:system-ui,sans-serif;font-size:0.92rem;color:var(--muted);">
    Se non hai documenti tuoi, puoi provare la demo integrata con dati di esempio
    (Fourier, Limiti, Derivate).
  </p>
  <p style="margin-top:0.6rem;">
    <a href="/run-demo" class="btn btn-ghost">Prova la demo</a>
  </p>
</div>
{% endblock %}