{% extends 'theme.html.twig' %}
{# Title #}
{% block title %}{% endblock %}

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

{# start: FormTitle #}
{% block formTitle %}
Rendre visible un album
{% endblock %}
{# end: FormTitle #}

{% block form %}

{% 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_errors(form) }}
{% if not form.album.rendered %}
{# start: Album #}
<div class="form-group">
    {{ form_label(form.album, null, {'label_attr': {'class': 'col-md-3 control-label'}}) }}
    {{ form_errors(form.album) }}
    <div class="col-md-6">
        {{ form_widget(form.album, {'attr': {'class': 'form-control'}}) }}
    </div>
</div>
{# end: Album #}
{% endif %}

{% endblock %}


{# start: Footer> #}
{% block formFooter %}
{% if not form.save.rendered %}
<div class="col-md-offset-3">
    {{ form_widget(form.save, { 'label': 'Rendre visible l\'album', 'attr': {'class': 'btn-primary btnSubmit'} }) }}
</div>
{% endif %}
{% endblock %}
{# end: Footer #}

{% block javascripts %}

<script>
    $(document).ready(function () {
        $("#form_album").html($("#form_album option").sort(function (a, b) {
            if ((a.text == "Selectionnez un album...") || (b.text ==
                    "Selectionnez un album..."))
                return 0;
            return a.text == b.text ? 0 : a.text.toLowerCase() < b.text.toLowerCase() ?
                -1 : 1
        }))
        $('#form_album  option').filter(function () {
            return ($(this).text() == 'Selectionnez un album...'); //To select Blue
        }).prop('selected', true);

        $('#form_album').change(function () {

            if ($("#message")) {
                $("#message").remove();
            }
        });
    });
</script>
{% endblock %}