{% extends 'theme-6.html.twig' %}

{# Title #}
{% block title %}Tower{% endblock %}

{# CSS #}
{% block stylesheets %}{% endblock %}

{% block row %}
<div class="col-md-12">
    {% if form.success is defined %}
    <div>
        <div id="message" class="alert alert-success">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            {{ form.success.vars.label }}
        </div>
    </div>
    {% endif %}
    <form id="form1" class="form-horizontal" method="POST">
        <section class="panel">
            <header class="panel-heading">
                <h2 class="panel-title">Modifier les listes</h2>
            </header>
            <div class="panel-body">
                <div class="form-horizontal form-bordered">
                    {{ form_errors(form) }}

                    {% if not form.showcase0.rendered %}
                    {# start: showcase1 #}
                    <div class="form-group">
                        {{ form_label(form.showcase0, 'Liste 1', {'label_attr': {'class': 'col-md-3 control-label'}}) }}
                        {{ form_errors(form.showcase0) }}
                        <div class="col-md-9">
                            {{ form_widget(form.showcase0, {'attr': {'class': 'form-control'}}) }}
                        </div>
                    </div>
                    {# end: showcase0 #}
                    {% endif %}

                    {% if not form.showcase1.rendered %}
                    {# start: showcase1 #}
                    <div class="form-group">
                        {{ form_label(form.showcase1, 'Liste 2', {'label_attr': {'class': 'col-md-3 control-label'}}) }}
                        {{ form_errors(form.showcase1) }}
                        <div class="col-md-9">
                            {{ form_widget(form.showcase1, {'attr': {'class': 'form-control'}}) }}
                        </div>
                    </div>
                    {# end: showcase1 #}
                    {% endif %}

                    {% if not form.showcase2.rendered %}
                    {# start: showcase1 #}
                    <div class="form-group">
                        {{ form_label(form.showcase2, 'Liste 3', {'label_attr': {'class': 'col-md-3 control-label'}}) }}
                        {{ form_errors(form.showcase2) }}
                        <div class="col-md-9">
                            {{ form_widget(form.showcase2, {'attr': {'class': 'form-control'}}) }}
                        </div>
                    </div>
                    {# end: showcase2 #}
                    {% endif %}

                    {% if not form.showcase3.rendered %}
                    {# start: showcase3 #}
                    <div class="form-group">
                        {{ form_label(form.showcase3, 'Liste 4', {'label_attr': {'class': 'col-md-3 control-label'}}) }}
                        {{ form_errors(form.showcase3) }}
                        <div class="col-md-9">
                            {{ form_widget(form.showcase3, {'attr': {'class': 'form-control'}}) }}
                        </div>
                    </div>
                    {# end: showcase3 #}
                    {% endif %}

                    {% if not form.showcase4.rendered %}
                    {# start: showcase4 #}
                    <div class="form-group">
                        {{ form_label(form.showcase4, 'Liste 5', {'label_attr': {'class': 'col-md-3 control-label'}}) }}
                        {{ form_errors(form.showcase4) }}
                        <div class="col-md-9">
                            {{ form_widget(form.showcase4, {'attr': {'class': 'form-control'}}) }}
                        </div>
                    </div>
                    {# end: showcase4 #}
                    {% endif %}
                </div>
            </div>
            <footer class="panel-footer">
                {% if not form.save.rendered %}
                <div class="col-md-offset-3">
                    {{ form_widget(form.save, { 'label': 'Mettre à jour', 'attr': {'class': 'btn-primary btnSubmit'} }) }}
                </div>
                {% endif %}
            </footer>
        </section>
    </form>
</div>


{% endblock %}


{% block javascripts %}
<script>
    /*
    $(document).ready(function () {
        $("#spinner").hide();
        $(document).ready(function () {
            $('#form_longLabel').attr('disabled', 'disabled');
        });

        $('#form_showcase').change(function () {
            $("#spinner").show();
            var showcase = $(this);
            $('#form_longLabel').attr('disabled', 'disabled');

            if ($("#message")) {
                $("#message").remove();
            }
            $("#results").empty();


            $.ajax({
                url: "{{ url }}showcase/" + showcase.val(),
                type: "GET",
                dataType: "JSON",
                data: {},
                success: function (response) {
                    console.log(response[0]);
                    for (i = 0; i < response[0].list.length; i++) {
                        $("#results").append(
                            "<div><b>" + i + ":\"" +
                            response[0].list[i].title +
                            "\"</b></div><ul id='resultList'></ul>"
                        );
                    }


                    /*
                    $.each(response.genre, function (key, genre) {
                        $("#resultList").append("<li>" + genre.longLabel +
                            " <span class=' fa fa-minus-square remove' onclick='removeGenre(" +
                            genre.id + "," + response.id + ");'></span></li>"
                        );
                        $("#form_longLabel option[value='" + genre.id + "']")
                            .remove();


                    });*/
    /*
                    $("#spinner").hide();

                    $('#form_longLabel').removeAttr('disabled');
                },
                error: function (err) {
                    alert("An error ocurred while loading data ...");
                    $('#form_showcase').removeAttr('disabled');
                    $("#spinner").hide();
                }
            });



        });
    });

    function removeGenre(genre, showcase) {
        alert(genre + "," + showcase);
    }*/
</script>

{% endblock %}