{% extends 'base.html' %}
{% block title %}Free Preview — {{ course.name }}{% endblock %}
{% block content %}
<section style="padding:3rem 6%;">
  <div style="max-width:1100px; margin:0 auto;">
    <h1>{{ course.name }} — Free Preview</h1>
    {% for head, items in videolist.items %}
      <h3 style="margin-top:1.25rem;">{{ head }}</h3>
      <div style="display:grid; gap:0.75rem;">
        {% for v in items %}
          <div style="background:var(--bg-card); padding:0.75rem; border-radius:8px;">{{ v.title }}</div>
        {% endfor %}
      </div>
    {% endfor %}
  </div>
</section>
{% endblock %}