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


{% block title %} Conversation {% endblock %}

{% block pageTitle %}
    Conversation
{% endblock %}

{% block body %}
<div class="row g-5 g-lg-10">

    <div class="col-xxl-12">
        <a href="{{ path('app_conversation_index') }}" class="btn btn-success">
            Liste des conversations
        </a>
    </div>

    <div class="col-xxl-12">

        <div class="card card-flush h-lg-100" id="kt_contacts_main">
            
            <!--begin::Card header-->
            <div class="card-header pt-7" id="kt_chat_contacts_header">
                <div class="card-title">         
                    <h2>Conversation du {{ conversation.createdAt|date('d/m/Y H:i') }}</h2>
                </div>
            </div>

            <!--begin::Card body-->
            <div class="card-body pt-5">

                {% for m in messages %}

                    <div class="mb-9 {% if m.author.id != app.user.id %} ms-9 {% endif %}">           

                        <div class="card card-bordered w-100 border-width-4">  
                            <div class="card-body">    
                            
                                <div class="w-100 d-flex flex-stack mb-8">
                                
                                    <div class="d-flex align-items-center f">
                    
                                        <div class="d-flex flex-column fw-semibold fs-5 text-gray-600 text-gray-900">    
                                            
                                            <div class="d-flex align-items-center">    
                                            
                                                <a href="#" class="text-gray-800 fw-bold text-hover-primary fs-5 me-3">
                                                    {{ m.author.prenom|capitalize }} {{ m.author.nom|upper }}
                                                </a>

                                                {% if m.type == 'IMPORTANT' %}
                                                    <span class="badge badge-light-warning">Instruction</span>
                                                {% endif %}
                                                
                                                {% if m.author.id != app.user.id %}
                                                    <span class="badge badge-light-danger">Galiden</span>
                                                {% endif %}
                                            </div>

                                            <span class="text-muted fw-semibold fs-6">{{ m.createdAt|date('d/m/Y H:i') }}</span> 
                                        </div>
                                    </div>               

                                </div>
                                
                                <p class="fw-normal fs-5 text-gray-700 m-0">
                                    {{ m.body|nl2br }}
                                </p>    
                            </div>                   
                        </div>

                    </div>
                    
                {% endfor %}
                
            </div>
            <!--end::Card body-->
        </div>
    
    </div>
</div>
{% endblock %}