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

{% block title %}List des projets{% endblock %}

{% block body %}
<section class="container px-4">
<div class="dashboard-admin">
    <main class="main-content-admin">
        <div class="edit-admin">
            <ul class="list-group list-group-flush">
                <div class="d-flex-admin justify-content-between-admin">
                    {% for realization in realizations %}
                        <div class="card-mb-1">
                            <div class="card-body-admin">
                                <img class="card-img-admin" src="{{ asset('uploads/realizations/' ~ realization.cover) }}" alt="{{ realization.title }}">
                                <div class="card-title d-flex justify-content-between">
                                    <h4 class="mb-1-admin">{{ realization.title }}</h4>
                                </div>
                                <div class="card-description-admin">
                                    <p>{{ realization.description }}</p>
                                </div>
                                <hr class="hr-admin">
                                <div class="card-actions-admin">
                                    <button class="action-btn-admin view-btn-admin">
                                        <i class="fa-solid fa-eye"></i>
                                    </button>
                                    <button class="action-btn-admin edit-btn-admin"
                                        onclick="window.location.href='{{ path('app_admin_realization_edit', {id: realization.id}) }}'">
                                        <i class="fa-solid fa-pen"></i>
                                    </button>
                                    <button class="action-btn-admin delete-btn-admin">
                                        <i class="fa-solid fa-trash"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    {% else %}
                        <p>Aucun projet pour le moment</p>
                    {% endfor %}
                </div>
            </ul>
        </div>
    </main>
</div>
</section>
{% endblock %}