{% extends 'qcg/base.html' %}
{% load staticfiles %}

{% block extra_css %}
    <link href="{% static 'qcg/selectize/selectize.bootstrap3.css' %}" rel="stylesheet">

    <style>
        #env-controls > div > div:last-child {
            display: none;
        }

        .btn-group .btn-default.active[disabled] {
            background-color: #E6E6E6;
            border-color: #ADADAD;
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
        }
    </style>
{% endblock %}

{% block extra_js %}
    <script>
        $(function () {
            'use strict';

            $('#toggle-advanced').click(function(e) {
                e.preventDefault();
                $('.form-horizontal .collapse').collapse('toggle');
                $(this).find('span').text(this.text == "Pokaż zaawansowane" ? "Ukryj zaawansowane" : "Pokaż zaawansowane");
            });

            $('#desc').find('select:not(#id_wall_time_1)').selectize();

            $('input[name="notify_type"],input[name="watch_output_type"],input[name="preprocess_type"],input[name="postprocess_type"]').each(function() {
                if (this.checked)
                    $(this).tab('show');
            });
        });
    </script>
{% endblock extra_js %}