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

{% block title %}{% endblock %}

{% block stylesheets %}

{% endblock %}



{% block formTitle %}Ajouter une photo à un auteur{% endblock %}
{% 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 %}
<!--start: Album-->
<div class="form-group">
    {{ form_label(form.author, null, {'label_attr': {'class': 'col-md-3 control-label'}}) }}
    {{ form_errors(form.author) }}
    <div class="col-md-6">
        {{ form_widget(form.author, {'attr': {'class': 'form-control'}}) }}
    </div>
</div>
<!--end: Album-->




<div class="form-group">
    <div class="col-md-offset-3 col-md-6" id="wrapper"></div>
</div>
{% endblock %}
{% block formFooter %}

{% endblock %}


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


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

    });
    $('#form_author').change(function () {


        $("#DZ").remove();
        var author = $(this);
        var form = document.createElement('form');
        form.id = "DZ";
        form.classList.add('dropzone');
        form.method = 'post';
        form.action = '{{ url }}author/uploadphoto/' + author.val();
        document.getElementById('wrapper').appendChild(form);
        new Dropzone(form);

    });
</script>

{% endblock %}