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



{%block body%}
<h2>Projets</h2>
<div class='d-flex flex-wrap' style='justify-content: left'>
    {% for project in projects %}
        {% if is_granted('VIEW', project) %}
            <div class='card' style='width:300px; margin-right:10px;'>
                <div class='card-header d-flex justify-content-between align-items-center'>
                    {{project.status}}<br>
                    {{project.title}}
                    
                    <div>
                        {% if is_granted('UPDATE', project) %}
                            <a href="{{ path("app_user_project_update",{id:project.id}) }}" class="btn btn-primary btn-sm"><i class="fas fa-pencil"></i></a>
                        {% endif %}

                        <a href="{{ path("app_user_project_view",{id:project.id}) }}" class="btn btn-secondary btn-sm"><i class="fas fa-eye"></i></a>
                    </div>                
                </div>
                <div class='card-body'>
                    {{project.summary|raw}}

                    <br>
                    <small><em>
                    Propriétaires = 
                    {%for user in project.users%}
                        {{' '~user.username}}
                    {%endfor%}
                    </em></small>
                </div>
            </div>
        {% endif %}
    {% endfor %}

</div>

{%endblock%}