{% extends "orga/cfp/base.html" %}
{% load bootstrap4 %}
{% load compress %}
{% load i18n %}
{% load static %}

{% block stylesheets %}
    <link rel="stylesheet" type="text/css" href="{% static "vendored/colorpicker/css/bootstrap-colorpicker.min.css" %}"/>
{% endblock %}

{% block scripts %}
    {% compress js %}
        <script defer src="{% static "vendored/colorpicker/js/bootstrap-colorpicker.min.js" %}"></script>
        <script defer src="{% static "orga/js/colorpicker.js" %}"></script>
    {% endcompress %}
{% endblock %}


{% block cfp_content %}
    <h2>
        {% if form.instance.name %}
            {% translate "Track" %}: {{ form.instance.name }}
        {% else %}
            {% translate "New track" %}
        {% endif %}
    </h2>
    <form method="post">
        {% csrf_token %}
        {% bootstrap_form_errors form %}
        {% bootstrap_field form.name layout='event' %}
        {% bootstrap_field form.description layout='event' %}
        {% bootstrap_field form.color layout='event' addon_before="<i></i>" addon_before_class="colorpicker-input-addon color-visible" %}
        {% bootstrap_field form.requires_access_code layout='event' %}
        {% include "orga/submit_row.html" %}
    </form>

{% endblock %}
