{% for mominfo in mominfos %}
    <div class="list__body__item list-articles row align-center" id="{{ mominfo.id }}">
        <div class="col-3 img">
            {% if mominfo.imgName %}
                <img src="{{ asset('images/' ~ mominfo.imgName) }}" class="img" alt="Photo de l'actualité">
            {% endif %}
        </div>
        <div class="col-4">
            <h4>{{ mominfo.title }}</h4>
            {{ mominfo.text|raw }}
        </div>
        <div class="col-2">
            <p>
                <span class="responsive-title">Publié le :</span>
                {{ mominfo.createdAt|date("d/m/Y") }}
            </p>
        </div>
        <div class="col-1">
            <p>
                <span class="responsive-title">Statut :</span>
                {% if mominfo.state %}Publié{% else %}Brouillon{% endif %}
            </p>
        </div>
        <div class="col-1">
            <p><span class="responsive-title">Auteur :</span>
            {{mominfo.author}}</p>
        </div>

        <div class="col-1">
            <div class="action">
                <a href="{{ path('app_show', {'slug': mominfo.slug}) }}" target="_blank">
                    <img src="{{ asset('images/icons/admin/eye.svg') }}" class="action-icon" alt="icône voir l\'article">
                </a>
                <a href="{{ path('app_admin_familyblog_edit', {'slug': mominfo.slug}) }}">
                    <img src="{{ asset('images/icons/admin/edit.svg') }}" alt="icône éditer l\'article">
                </a>
                {{ include('admin/familyblog/_delete_form.html.twig') }}
            </div>
        </div>
        <div class="col-12">
            <div class="border"></div>
        </div>
    </div>
{% endfor %}