{#--Tab commentaires fournisseur --#}

<div>
    {% if user.comments is empty %}
        <div class="text-center m-alert m-alert--outline m-alert--outline-2x alert alert-warning alert-dismissible fade show" role="alert">
            <strong>
                Pas de commentaires.
            </strong>
        </div>
    {% endif %}
    <div class="m-messenger m-messenger--message-arrow m-messenger--skin-light">
        <div class="m-messenger__messages" style="overflow: auto; max-height: 300px;">
            {% for note in user.comments %}
                <div class="m-messenger__wrapper">
                    <div class="m-messenger__message m-messenger__message--in">
                        <div class="m-messenger__message-pic">
                        </div>
                        <div class="m-messenger__message-body" style="width: 100%;">
                            <div class="m-messenger__message-arrow"></div>
                            <div class="m-messenger__message-content">
                                <div class="m-messenger__message-username w-100">
                                    <strong>{{ note.user ? note.user.firstName : '' }}</strong>
                                    <span class="span-comment" style="float: right;">{{ note.createAt|date("d/m/Y H:i") }}</span>
                                </div>
                                <div class="m-messenger__message-text">
                                    {{ note.description }}
                                    <a href="#" class="fright" id="editComment" data-comment="{{ note.id }}">Modifier</a>
                                    <div class="hide editComment-{{ note.id }}">
                                        <form name="form_comment" method="POST" action="{{ path('supplier_comment_edit', {'id': user.id, 'comment': note.id, 'tab': 'comments'}) }}" enctype="multipart/form-data" class="el-form well p-0 b-0 el-form--label-top el-form--inline">
                                            <div class="editor-input editor-input-large">
                                                <div>
                                                    <textarea class="form-control" name="form_comment[comment]" style="white-space: pre-wrap; height: 60px; width: 100%;">{{ note.description }}</textarea>
                                                </div>
                                                <div class="p-0">
                                                    <button type="submit" class="btn btn-sm btn-primary btn-block">Enregistrer</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
        <div class="m-messenger__seperator"></div>
        <form name="form_comment" method="POST" action="{{ path('supplier_comment_new', {'id': user.id, 'tab': 'comments'}) }}" enctype="multipart/form-data" class="el-form well p-0 b-0 el-form--label-top el-form--inline">
            <div class="m-messenger__form">
                <div class="m-messenger__form-controls">
                    <input type="text" name="form_comment[comment]" placeholder="Écrire ici..." class="m-messenger__form-input">
                </div>
                <div class="m-messenger__form-tools">
                    <button type="submit" class="m-messenger__form-attachment"><i class="fas fa-send"></i></button>
                </div>
            </div>
        </form>
    </div>
</div>