{% for projet in projets %}
    {% if projet.presentation is not null %}
        <div class="col-md-3">
            <div class="card overflow-hidden">
                <a href="javascript:void(0);" class="projet" data-id="{{projet.presentation.idtoken}}">
                    <div class="el-card-item pb-3">
                        <div class="height350 
                            el-card-avatar
                            mb-3
                            el-overlay-1
                            w-100
                            overflow-hidden
                            position-relative
                            text-center
                            ">
                            {% if projet.affiche is not null %}
                                <img src="{{asset('uploads/projets/logos/' ~ projet.affiche)}}" class="d-block position-relative w-100">
                            {% endif %}
                        </div>
                        <div class="el-card-content text-center">
                            <h4 class="mb-0 card-title">{{projet.titre}}</h4>
                            <p class="card-subtitle">{{projet.description}}</p>
                        </div>
                        <div class="el-card-content text-center mt-4">
                            <div class="d-flex align-items-center">
                            <img src="{{asset('uploads/societes/logos/' ~ projet.societe.logo )}}" class="card-hover" width="40">
                            <div class="ms-3">
                                <h6 class="fs-4 fw-semibold mb-0">{{projet.societe.nom}}</h6>
                            </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    {% endif %}
{% endfor %}