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

{% block body %}
    <div class="page-bar">
        <ul class="page-breadcrumb">
            <li>
                <a href="{{ path('homepage') }}">Accueil</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <a href="{{ path('dossier_index') }}">Dossiers</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <a href="{{ path('dossier_show', {'id': dossier.id}) }}">{{ dossier.numDossier }}</a>
                <i class="fa fa-circle"></i>
            </li>
            <li><span>Modifier</span></li>
        </ul>
    </div>

    <br/>

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-edit font-green"></i>
                <span class="caption-subject bold uppercase">Modifier le dossier {{ dossier.numDossier }}</span>
            </div>
        </div>
        <div class="portlet-body form">
            {{ form_start(edit_form, {'attr': {'class': 'form-horizontal'}}) }}
                <div class="form-body">
                    {% include 'dossier/_form.html.twig' with {'form': edit_form} %}
                </div>
                <div class="form-actions">
                    <div class="row">
                        <div class="col-md-offset-3 col-md-9">
                            <button type="submit" class="btn green">
                                <i class="fa fa-check"></i> Enregistrer
                            </button>
                            <a href="{{ path('dossier_show', {'id': dossier.id}) }}" class="btn default">
                                <i class="fa fa-times"></i> Annuler
                            </a>
                            {% if app.user.aDroit('dossier_suppression') %}
                            <button type="button" class="btn red pull-right" data-toggle="modal" data-target="#delete-modal">
                                <i class="fa fa-trash"></i> Supprimer
                            </button>
                            {% endif %}
                        </div>
                    </div>
                </div>
            {{ form_end(edit_form) }}

            {% if app.user.aDroit('dossier_suppression') %}
            <!-- Delete Modal -->
            <div class="modal fade" id="delete-modal" tabindex="-1" role="dialog">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Confirmer la suppression</h4>
                        </div>
                        <div class="modal-body">
                            <p>Êtes-vous sûr de vouloir supprimer ce dossier ?</p>
                            <p class="text-danger"><strong>Cette action est irréversible.</strong></p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn default" data-dismiss="modal">Annuler</button>
                            {{ form_start(delete_form, {'attr': {'style': 'display:inline;'}}) }}
                                <button type="submit" class="btn red">Confirmer la suppression</button>
                            {{ form_end(delete_form) }}
                        </div>
                    </div>
                </div>
            </div>
            {% endif %}
        </div>
    </div>
{% endblock %}