{% if comment.etat == 0 %}
    <div class="comment flex justify-start mb-4 relative">
        {% if app.user == comment.user %}
            <div class="comment__delete absolute right-0">
                <form name="comment_delete" method="post" action="{{ path('comment.delete', {'id': comment.id}) }}">
                    <input type="hidden" name="_method" value="DELETE">
                    <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ comment.id) }}">
                    <button type="submit" class="btn btn-danger"><i class="fa fa-trash"></i>   </button>
                </form>

            </div>
        {% endif %}
        <div>
            <div class="block p-6 rounded-lg shadow-lg bg-white">
                <div class="md:flex md:flex-row">
                    <div class="md:w-96 w-24 flex justify-center items-center mb-6 lg:mb-0 mx-auto md:mx-0">
                        {% if comment.user.image %}
                            <img width="80" src="{{ asset('/uploads/imagesUser/'~comment.user.image) }}" alt="Avatar de {{comment.user.nom}}" width="90">
                        {% else %}
                            <img  width="50" src="{{asset('assets/images/userMessneger.jpg')}}" class="mini-avatar" alt="Avatar de {{comment.user.nom}}">
                        {% endif %}
                    </div>
                    <div class="md:ml-6">
                        <p class="text-gray-500 font-light mb-6">
                            {{ comment.commentaire|raw }}
                        </p>
                        <p class="font-semibold text-xl mb-2 text-gray-800">{{ comment.user }}</p>
                    </div>
                    <span class="rating">
                        {% for i in 1..5 %}
                            {% if i <= comment.rating %}
                                <i class="fas fa-star"></i>
                            {% else %}
                                <i class="far fa-star"></i>
                            {% endif %}
                        {% endfor %}
                    </span>
                </div>
            </div>
        </div>
    </div>
{% endif %}