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


{% block title %} Conversations {% endblock %}

{% block pageTitle %}
    Conversations
{% endblock %}

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

    <div class="col-xxl-12">
        <a href="{{ path('app_conversation_message_new', {'typeMessage': 'QUESTION'}) }}" class="btn btn-success">Poser une question</a>

        <a href="{{ path('app_conversation_message_new', {'typeMessage': 'IMPORTANT'}) }}" class="btn btn-info">Donner une instruction</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>Liste des conversations</h2>
                </div>
            </div>

            <!--begin::Card body-->
            <div class="card-body pt-5">
                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th scope="col">Enfant</th>
                                <th scope="col">Type</th>
                                <th scope="col">Date dernier message</th>
                                <th scope="col"></th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for conversation in conversations %}
                                <tr>
                                    <th>{{ conversation.enfant.nom|upper }} {{ conversation.enfant.prenom|capitalize }}</th>

                                    <td>
                                        {% if conversation.lastMessageType == 'IMPORTANT' %}
                                            <span class="badge badge-danger">Instruction</span>
                                        {% else %}
                                            <span class="badge badge-secondary">Question</span>
                                        {% endif %}

                                        {% if conversation.isUnreadForParent %}
                                            <span class="badge badge-warning">Nouveau</span>
                                        {% endif %}
                                    </td>

                                    <td>{{ conversation.lastMessageAt|date('d/m/Y H:i') }}</td>

                                    <td>
                                        <a href="{{ path('app_conversation_detail', {'conversationId': conversation.id}) }}" class="btn btn-primary">Ouvrir</a>
                                    </td>
                                </tr>
                            {% else %}
                                <tr>
                                    <td colspan="4">Pas de conversations</td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
            <!--end::Card body-->
        </div>
    
    </div>
</div>
{% endblock %}