{% extends "global/Page.html" %}
{% load otree %}

{% block content %}
    <h3>Please choose a video:</h3>

    <div class="d-flex flex-column gap-3" style="max-width: 400px;">
        {% for key, val in videos.items %}
            <button name="baseline_choice" value="{{ key }}" class="btn btn-primary btn-lg">
                {{ val.0 }}
            </button>
        {% endfor %}
    </div>

    <br>
    {% next_button %}
{% endblock %}