{% for package in packages %}
    <!-- Modal template -->
    <div class="modal modal-slide fade" id="modals-slide-view{{ package.id }}">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4>->
                        {{ package.name }}
                    </h4>
                </div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                <div class="modal-body">
                    {% if tarifs|length > 0 %}
                        <table class="table card-table table-striped table-condensed table-hover">
                            <thead class="thead-dark">
                            <tr><th colspan="6">Details su package</th></tr>
                            <tr>
                                <th>#</th>
                                <th>Libellé</th>
                                <th>Durée</th>
                                <th>Prix (FCFA)</th>
                                <th>Ordre</th>
                                <th>Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for tarif in tarifs[package.id] %}
                                <tr>
                                    <th scope="row">{{ tarif.id }}</th>
                                    <td>{{ tarif.name }}</td>
                                    <td>{{ tarif.duration }}</td>
                                    <td>{{ tarif.price|format_currency(currency()) }}</td>
                                    <td>{{ tarif.ordre }}</td>
                                    <td>
                                        {% include 'admin/packages/tarifs/_delete_form.html.twig' %}
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    {% endif %}
                    {% if options|length > 0 %}
                        <hr>
                        <table class="table card-table table-striped table-condensed table-hover">
                            <thead class="thead-dark">
                            <tr><th colspan="5">Options sélectionnées</th></tr>
                            <tr>
                                <th>#</th>
                                <th>Libellé</th>
                                <th>Slug</th>
                                <th>Prix (FCFA)</th>
                                <th>Ordre</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for option in options[package.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 %}