{% extends 'default/layout.html.twig' %}
{% block title %}{{'Submit torrent' | trans }} - {{ name }}{% endblock %}
{% block main_content %}
    <div class="padding-24-px margin-y-8-px border-radius-3-px background-color-night">
        <div class="padding-b-16-px border-bottom-default">
            <h1>{{'Submit torrent' | trans }}</h1>
        </div>
        <form name="submit" method="post" enctype="multipart/form-data" action="{{ path('torrent_submit') }}">
            <div class="margin-y-16-px">
                {% for error in form.torrent.error %}
                    <div class="text-color-red margin-y-8-px">
                        {{ error }}
                    </div>
                {% endfor %}
                <input class="width-100" type="file" name="torrent" value="" accept=".torrent" />
            </div>
            <div class="margin-b-16-px border-bottom-default"></div>
            <div class="margin-y-16-px">
                <div class="margin-b-8-px">
                    <label for="locales">
                        {{'Content language' | trans }}
                    </label>
                    <sub class="opacity-0 parent-hover-opacity-09" title="{{ 'This torrent contains selected languages' | trans }}">
                        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
                        </svg>
                    </sub>
                    {% for error in form.locales.error %}
                        <div class="text-color-red margin-y-8-px">
                            {{ error }}
                        </div>
                    {% endfor %}
                </div>
                {% for locale in locales | sort %}
                    <div class="margin-t-8-px margin-b-4-px margin-r-8-px display-inline-block min-width-120-px">
                        {% if locale in form.locales.attribute.value %}
                            <input type="checkbox" name="locales[]" id="{{ locale }}" value="{{ locale }}" checked="checked" />
                        {% else %}
                            <input type="checkbox" name="locales[]" id="{{ locale }}" value="{{ locale }}" />
                        {% endif %}
                        <label class="margin-l-4-px" for="{{ locale }}">
                            {{ locale | locale_name(locale) | u.title }}
                        </label>
                    </div>
                {% endfor %}
                {#
                {{'Other...'|trans }}
                #}
            </div>
            <div class="margin-b-16-px border-bottom-default"></div>
            <div class="margin-y-16-px">
                <div class="margin-b-8-px">
                    <label for="categories">
                        {{'Content category' | trans }}
                    </label>
                    <sub class="opacity-0 parent-hover-opacity-09" title="{{ 'This torrent have selected categories' | trans }}">
                        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
                        </svg>
                    </sub>
                    {% for error in form.categories.error %}
                        <div class="text-color-red margin-y-8-px">
                            {{ error }}
                        </div>
                    {% endfor %}
                </div>
                {% for category in categories | sort %}
                    <div class="margin-t-8-px margin-b-4-px margin-r-8-px display-inline-block min-width-120-px">
                        {% if category in form.categories.attribute.value %}
                            <input type="checkbox" name="categories[]" id="{{ category }}" value="{{ category }}" checked="checked" />
                        {% else %}
                            <input type="checkbox" name="categories[]" id="{{ category }}" value="{{ category }}" />
                        {% endif %}
                        <label class="margin-l-4-px" for="{{ category }}">
                            {{ category | trans_category | u.title }}
                        </label>
                    </div>
                {% endfor %}
                {#
                {{'Other...'|trans }}
                #}
            </div>
            <div class="margin-b-16-px border-bottom-default"></div>
            <div>
                <input type="checkbox" name="sensitive" id="sensitive" value="true" {% if form.sensitive.attribute.value %}checked="checked"{% endif %} />
                <label class="margin-l-4-px" for="sensitive">
                    {{'Sensitive'|trans }}
                </label>
                <sub class="opacity-0 parent-hover-opacity-09" title="{{ 'Mark torrent content as sensitive' | trans }}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
                    </svg>
                </sub>
            </div>
            <div class="text-right">
                <input class="button-green" type="submit" value="{{'Submit'|trans }}" />
            </div>
        </form>
    </div>
{% endblock %}