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

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

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




{# start: FormTitle #}
{% block formTitle %}
Ajouter des épisodes à l'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 %}

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

{% endblock %}


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





{% block javascripts %}
<script>
    $(document).ready(function () {

        $(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 %}