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

{% block title %}{{ 'Nous contacter'|trans }}{% endblock %}

{% import 'macros/breadcrumbs.html.twig' as breadcrumbs %}
{% set crumbs = [
    { 'title': 'Accueil'|trans, 'url': path('home_index') },
    { 'title': "Nous contacter"|trans, 'url':  path('@Contact_index') },
    { 'title': "Historique de l'échange"|trans, 'url':  null },
] %}

{% block body %}
    <section class="container">
        {{ breadcrumbs.breadcrumb(crumbs) }}
        <h1 class="">Historique de l'échange</h1>
        <div class="card">
            <div class="card-body p-3" style="max-height: 400px; overflow-y: auto;" id="chatBody">
                {{ include('@Contact/front/chat.html.twig', {'replies':replies}) }}
            </div>
            <div class="card-footer p-3">
                {% if contact.status == 'NEW' %}
                    <div class="d-flex gap-2">
                        <span>Votre demande est en cours de traitement</span>
                    </div>
                {% elseif contact.status == 'CLOSE' %}
                    <div class="d-flex gap-2 justify-content-end text-end">
                        <span>Votre demande est clôturée</span>
                    </div>
                {% elseif contact.status == 'CANCEL' %}
                    <div class="d-flex gap-2 justify-content-end text-end">
                        <span>Votre demande est annulée</span>
                    </div>
                {% else %}
                    {{ form_start(form, {'attr': {'class': 'd-flex gap-2'}}) }}
                    {{ form_widget(form.message, {'attr': {'class': 'form-control', 'placeholder': 'Votre message...'}}) }}
                    <button type="submit" class="btn btn-primary">Envoyer</button>
                    {{ form_end(form) }}
                {% endif %}
            </div>
        </div>
    </section>
{% endblock %}

{% block stylesheets %}
    {{ encore_entry_link_tags('poi-map') }}
{% endblock %}

{% block javascripts %}
    {{ encore_entry_script_tags('poi-map') }}
{% endblock %}