{% set active = "settings" %}
{% extends 'base.html.twig' %}

{% block title %}Forfait index{% endblock %}

{% block body %}
    <div class="absolute">
        <div class="d-flex mb-3">
            <a href="{{ path('settings') }}" class="btn btn-dark">
                <i class="far fa-arrow-left"></i>
                <span>Retour</span>

            </a>

            <a href="{{ path('forfait_new') }}" class="btn btn-success mx-3">Créer</a>
        </div>


        <h1>Listes des forfaits ({{ forfaits | length }})</h1>


        <div class="d-flex align-items-center flex-wrap my-5">
            {% for item in forfaits %}
                <div class="rounded shadow text-center p-3">
                    <H3>{{ item }}</H3>

                    {% for pj in item.brochure %}
                        {{ pj }}
                    {% else %}

                        <div class="alert alert-warning d-flex">
                            <div><i class="fal fa-info-circle fs-2"></i></div>
                            <div class="mx-3">Aucune brochure</div>

                        </div>
                    {% endfor %}

                    <a href="{{ path('forfait_edit', {'id': item.id}) }}" class="btn btn-dark">Modifier</a>


                </div>
            {% else %}
                <div class="alert alert-warning d-flex">
                    <div><i class="fal fa-info-circle fs-2"></i></div>
                    <h4 class="mx-3">

                        Aucun forfait existe</h4></div>
            {% endfor %}

        </div>


    </div>



{% endblock %}