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

{% block title %}displayClaims{% endblock %}

{% block body %}

    {% include '/loader/loader.html.twig' %}
    <div id="chat" class="Page FS-Page">
        {% for message in app.flashes('success') %}
            <div class="alert alert-success position-absolute" style="width: 100% !important; z-index: 3000">
                {{ message }}
            </div>
        {% endfor %}
        {% for message in app.flashes('warning') %}
            <div class="alert alert-warning position-absolute" style="width: 100% !important; z-index: 3000">
                {{ message }}
            </div>
        {% endfor %}
        <div class="h-100 p-2" id="messenger">
        {% include '/chat/chat.html.twig' %}
        </div>
    </div>
    <script type="text/javascript" class="code-js">
        function displayOn() {
            document.getElementById("loader").style.display = "none";
            document.getElementById("chat").style.display = "flex";
        }

        $(document).ready(function () {
            $('detailsMissionItem')
            displayOn();
        });
    </script>

{% endblock %}