{% for reservation in reservations %}
    <!-- Modal template -->
    <div class="modal modal-slide fade" id="modals-slide-view{{ reservation.id }}">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4>->
                        {{ reservation.clients.fullname }} - {{ reservation.reference }}
                    </h4>
                </div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                <div class="modal-body">
                    {#{% if reservation.packages.name == 'Pre' %}
                        
                    {% endif %}#}
                    <div class="table-responsive">
                        <table class="table card-table table-striped table-condensed table-hover" style="margin-bottom: 100px!important;">
                            <thead class="thead-light">
                            <tr><th colspan="7">Détails de la reservation</th></tr>
                            <tr>
                                {% for linereservation in reservation.linereservations %}
                                    {% if linereservation.packages.level == 1 %}
                                        <th>#ID#</th>
                                        <th>Prestation</th>
                                        <th>Proposition salariale</th>
                                        <th>Type Chauffeur</th>
                                        <th>Chauffeur</th>
                                        <th>Lieu d'hab Chauf.</th>
                                        <th>Horaires</th>
                                    {% else %}
                                        <th>#ID#</th>
                                        <th>Prestation</th>
                                        <th>Tarifs</th>
                                        <th>Prix Unit.</th>
                                        <th>Nbre jr.</th>
                                        <th>Total</th>
                                    {% endif %}
                                {% endfor %}
                            </tr>
                            </thead>
                            <tbody>
                            {% for linereservation in reservation.linereservations %}
                                {% set package = linereservation.packages %}
                                {% if package.level == 0 %}
                                    {% set color = 'success' %}
                                {% else %}
                                    {% set color = 'danger' %}
                                {% endif %}

                                {% if package.level == 1 %}
                                    <tr class="odd gradeX">
                                        <td style="vertical-align: middle!important;">
                                            {{ linereservation.id }}
                                        </td>
                                        <td style="vertical-align: middle!important;">
                                            <a href="{{ path('packages.show', {'id': package.id, 'slug': package.slug}) }}">
                                        <span class="badge badge-{{ color }}">
                                            {{ package.name }}
                                        </span>
                                            </a>
                                        </td>
                                        <td style="vertical-align: middle!important;">
                                            {{ reservation.salaire|format_currency(currency()) }}
                                        </td>
                                        <td style="vertical-align: middle!important;">
                                            {{ reservation.chauffeurCategorie }}
                                        </td>
                                        <td style="vertical-align: middle!important;">
                                            {{ reservation.chauffeurType }}
                                        </td>
                                        <td style="vertical-align: middle!important;">
                                            {% if reservation.lieu == 0 %}
                                                {{ reservation.lieuText }}
                                            {% else %}
                                                {{ reservation.lieuChauffeurType }}
                                            {% endif %}

                                        </td>
                                        <td style="vertical-align: middle!important;">
                                            {{ reservation.horaires }}
                                        </td>
                                    </tr>
                                {% else %}
                                    <tr class="odd gradeX">
                                        <td style="vertical-align: middle!important;">
                                            {{ linereservation.id }}
                                        </td>
                                        <td style="vertical-align: middle!important;">
                                            <a href="{{ path('packages.show', {'id': package.id, 'slug': package.slug}) }}">
                                        <span class="badge badge-{{ color }}">
                                            {{ package.name }}
                                        </span>
                                            </a>
                                        </td>
                                        <td style="vertical-align: middle!important;">
                                            {{ linereservation.tarifs.name }}
                                        </td>
                                        <td style="vertical-align: middle!important;">
                                            {{ reservation.trajets.prixMajore|format_currency(currency()) }}
                                        </td>
                                        <td style="vertical-align: middle!important;">
                                            {{ linereservation.quantity }}
                                        </td>
                                        <td style="vertical-align: middle!important;">
                                            {{ reservation.totalht|format_currency(currency()) }}
                                        </td>
                                    </tr>
                                {% endif %}


                            {% endfor %}
                            </tbody>
                            {% for linereservation in reservation.linereservations %}
                                {% if linereservation.packages.level == 1 %}

                                {% else %}
                                    <tfoot>

                                    <tr>
                                        <td style="font-size: 10pt!important; text-align: right!important;" colspan="5">TOTAL TVA ({{ context.get['app'].tva ?? 0 }}%)</td>
                                        <th style="font-size: 10pt!important;">{{ reservation.totaltva|format_currency(currency()) }}</th>
                                    </tr>
                                    {#{% if reservation.trajets %}
                                        <tr>
                                            <td style="font-size: 10pt!important; text-align: right!important;" colspan="5">Montant jour supl. ({{ reservation.trajets.libelle }})</td>
                                            <th style="font-size: 10pt!important;">{{ reservation.trajets.prixJourSupplementaire|format_currency(currency()) }}</th>
                                        </tr>
                                    {% endif %}#}
                                    <tr>
                                        <td style="font-size: 10pt!important; text-align: right!important;" colspan="5">TOTAL TTC</td>
                                        <th style="font-size: 10pt!important;">{{ reservation.totalttc|format_currency(currency()) }}</th>
                                    </tr>
                                    </tfoot>
                                {% endif %}
                            {% endfor %}

                        </table>
                    </div>

                    {% if options[reservation.id]|length > 0 %}
                        <table class="table card-table table-striped table-condensed table-hover">
                            <thead class="thead-light">
                            <tr><th colspan="6">Options sélectionnées</th></tr>
                            <tr>
                                <th>#ID#</th>
                                <th>Libellé</th>
                                <th>Slug</th>
                                <th>Prix (FCFA)</th>
                                <th>Ordre</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for option in options[reservation.id] %}
                                <tr>
                                    <th scope="row">{{ option.id }}</th>
                                    <td>{{ option.name }}</td>
                                    <td>{{ option.slug }}</td>
                                    <td>{{ option.price|format_currency(currency()) }}</td>
                                    <td>{{ option.ordre }}</td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% endfor %}