{% extends "base.html" %}
{% block title %}Material del bootcamp — {{ nombre }}{% endblock %}

{% block content %}
<section class="descargas-section">
  <h1 class="hello">¡Hola {{ nombre }}!</h1>
  <p class="hello-sub">Acá tienes todo el material del bootcamp.</p>

  <div class="download-cards">
    {% for d in downloads %}
    <article class="download-card">
      <div class="dl-icon">{{ d.icon }}</div>
      <h2>{{ d.title }}</h2>
      <p>{{ d.description }}</p>
      <p class="size">{% if d.available %}{{ d.size_mb }} MB{% else %}Próximamente{% endif %}</p>
      {% if d.available %}
      <a class="btn btn-primary" href="/download/{{ d.filename }}?token={{ token }}">Descargar</a>
      {% else %}
      <span class="btn btn-disabled" title="Archivo aún no disponible">No disponible</span>
      {% endif %}
    </article>
    {% endfor %}
  </div>
</section>
{% endblock %}
