{{ form_start(form, {'method': 'post'}) }}
<div class="row" style="padding: 20px;">
    <div class="col-md-8">
        <div class="form-group">
            {{ form_widget(form.commentaire) }}
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group">
            {{ form_widget(form.file) }}
        </div>
    </div>
</div>
{% if history.demande.status != 'Complete and validation deviation' %}
    <div class="container-full buttonn">
        <div class="col-md-4">
            <button name="refuser" type="submit" class="btn btn-wide btn-danger" style="float: left;margin-bottom: 20px;">{{ 'pages.form.b716'|trans }} <i class="ti-thumb-down"></i>
            </button>
        </div>
        <div class="col-md-4 text-center">
            <button name="expert" type="button" class="btn btn-wide btn-warning btn-expert" data-toggle="modal" data-target=".bs-example-modal-sm">{{ 'pages.form.b717'|trans }} <i class="user-plus"></i></button>
        </div>
        <div class="col-md-4">
            <button name="approuver" type="submit" class="btn btn-wide btn-primary" style="float: right;"><i class="ti-thumb-up"></i> {{ 'pages.form.b715'|trans }}</button>
        </div>
    </div>
{% else %}
    <div class="col-md-12">
        <button name="cloturer" type="submit" class="btn btn-wide btn-primary"
                style="float: right;margin-bottom: 20px;"><i class="ti-thumb-up"></i> {{ 'pages.form.b718'|trans }}
        </button>
    </div>
{% endif %}
{{ form_end(form) }}

<style>
    .buttonn {
        margin-bottom: 20px !important;
    }
</style>

<div id="SendInvit" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">  {{ 'pages.invitation.title'|trans }}</h4>
            </div>
            <div class="modal-body">
                <div>
                    <div class="form-group">
                        <label for="Nom" class="required">{{ 'pages.invitation.nom'|trans }}</label>
                        <input type="text" id="Nom" name="Nom" required="required" class="form-control" placeholder="{{ 'pages.invitation.nomPlaceholder'|trans }}">
                    </div>
                    <div class="form-group">
                        <label for="Prenom" class="required">{{ 'pages.invitation.prenom'|trans }}</label>
                        <input type="text" id="Prenom" name="Prenom" required="required" class="form-control" placeholder="{{ 'pages.invitation.prenomPlaceholder'|trans }}">
                    </div>
                    <div class="form-group">
                        <label for="Email" class="required">E-mail</label>
                        <input type="email" id="Email" name="Email" required="required" class="form-control" placeholder="{{ 'pages.invitation.emailPlaceholder'|trans }}">
                    </div>
                    <div class="form-group">
                        <label for="subject" class="required">{{ 'pages.invitation.sujet'|trans }}</label>
                        <input type="text" id="subject" name="subject" required="required" class="form-control" placeholder="{{ 'pages.invitation.sujetPlaceholder'|trans }}">
                    </div>
                    <div class="text-center">
                        <button type="submit" class="btn btn-o btn-primary" id="sendInvitation">
                            Envoyer <i class="fa fa-arrow-circle-right"></i>
                        </button>
                    </div>
                    <input type="hidden" id="create_invitation__token" name="create_invitation[_token]" value="3jMTEkJfQQtyczDs_GUub7Wx0rM089xGuqDSOcnmgGY">
                </div>
            </div>
        </div>
    </div>
</div>