{% extends 'bare.html.twig' %}

{% block title %}Getting Started &mdash; Torsearch{% endblock %}

{% block body %}
    <div class="flex flex-col bg-orange-500/50 p-4 rounded-lg gap-4 w-full md:w-[420px] border-orange-500 border-2 text-gray-50 animate-fade">
        <h2 class="text-2xl text-bold text-center text-gray-50">Getting Started</h2>
        <p class="mb-1">Now let's create your first Filter.</p>
{#        <p class="mb-2 text-sm">Your filter will be pre-applied to your results, so you're only shown what you want to see. Don't worry, though, you can toggle each filter option afterwards, so you can see the rest of the results.</p>#}

        {{ form_start(form) }}
        {{ form_row(form.language) }}
        {{ form_row(form.quality) }}
        {{ form_row(form.provider) }}
        {{ form_row(form.resolution) }}
        {{ form_row(form.codec) }}
        <button class="submit-button">Save</button>
        {{ form_end(form) }}
    </div>
{% endblock %}
