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

{% block title %}
    Demande de contact | {{ parent() }}
{% endblock %}

{% block breadcrumb %}
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a class="opacity-5 text-dark" href="{{ path('@Contact_admin_index') }}">
                    Contacts
                </a>
            </li>
            <li class="breadcrumb-item text-sm text-dark active" aria-current="page">
                {{ contact.lastname }}
                {{ contact.firstname }}
            </li>
        </ol>
    </nav>
{% endblock %}

{% block body %}
    <div class="row">
        <div class="col-12 col-lg-8 pb-3">
            <div class="card">
                {{ include('admin/ui/card/_header.html.twig', {card_header_title:"Historique de l'échange"}) }}
                <div class="card-body p-3" style="max-height: 400px; overflow-y: auto;" id="chatBody">
                    {{ include('@Contact/admin/chat.html.twig', {'replies':replies}) }}
                </div>
                <div class="card-footer p-3 bg-white">
                    {% if contact.status == 'CLOSE' %}
                        <div class="d-flex gap-2 justify-content-end text-end">
                            <span>La demande est traitée</span>
                        </div>
                    {% elseif contact.status == 'CANCEL' %}
                        <div class="d-flex gap-2 justify-content-end text-end">
                            <span>La 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>
        </div>
        <div class="col-12 col-lg-4">
            <div class="card">
                {{ include('admin/ui/card/_header.html.twig', {card_header_title:'Informations sur la demande'}) }}
                <div class="card-body pb-2">
                    <div>
                        <b>
                            Nom prénom :
                        </b>
                        {{ contact.lastname }}
                        {{ contact.firstname }}
                    </div>
                    <div>
                        <b>
                            Email :
                        </b>
                        {{ include('bundles/_copy_to_clipboard.html.twig', {idToCopy:'prescriber_user', valueToCopy:contact.email}) }}
                    </div>
                    <div>
                        <b>
                            Téléphone :
                        </b>
                        {{ include('bundles/_copy_to_clipboard.html.twig', {idToCopy:'prescriber_user', valueToCopy:contact.phone|phonePretty}) }}
                    </div>
                    <hr/>
                    <div class="">
                        Date de création :
                        {{ contact.createdAt|date('d/m/Y') }}
                    </div>
                    <div class="mb-3">
                        Date de modification :
                        {{ contact.updatedAt is not empty ? contact.updatedAt|date('d/m/Y') : '--' }}
                    </div>
                    <hr/>
                    <div class="mb-3">
                        <b>
                            Statut :
                        </b>
                        {{ contact.status.label }}
                    </div>

                    {% if contact.status != 'CLOSE' and contact.status != 'CANCEL' %}
                        Changer le statut de la demande :
                        <div class="row row-cols-lg-2 mt-3">
                            <div>
                                {{ include('@Contact/admin/_status_form.html.twig', {status_value:'CANCEL', submit_class:'warning', submit_label:'Annuler la demande'}) }}
                            </div>
                            <div>
                                {% if contact.status == 'PROGRESS' %}
                                    {{ include('@Contact/admin/_status_form.html.twig', {status_value:'CLOSE', submit_label:'Clôturé'}) }}
                                {% endif %}
                            </div>
                        </div>
                    {% endif %}
                    <div class="mb-3">
                        {# {{ include('@Contact/admin/_delete_form.html.twig') }} #}
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}