{%- extends "base.html" %}

{% block content %}
    {{ super() }}
    <div class="container">
        <div class="card" style="width: fit-content">
            <ul class="list-group list-group-flush">
                <li class="list-group-item">
                    <form method="POST">
                    {{ form.csrf_token }}
                    {{ form.url.label }} <br>
                    {{ form.url }}
                    {{ form.submit }}
                    </form>
                </li>
            </ul>
        </div>

        {% if form.errors %}
        {{ form.errors['url'][0][:-1] + ', try again.' }}
        {% endif %}

        {% if not ytLink %}
            Please enter a full, valid YouTube URL.
        {% endif %}

    </div>
{%- endblock %}