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

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

{% block body %}

<div id="loader">
    <div class="loader">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
</div>
<div id="mission" class="container-fluid Page">
    {% include '/mission/top_menu.html.twig' %}
    {% for message in app.flashes('success') %}
        <div class="alert alert-success">
            {{ message }}
        </div>
    {% endfor %}
    {% for message in app.flashes('warning') %}
        <div class="alert alert-warning">
            {{ message }}
        </div>
    {% endfor %}
    <div class="container-fluid" id="detailsMissionPage">
        {% include '/mission/details/top_menu.html.twig' %}
        <div class="outil-space center-vertical-no-height">
        </div>
        <div class="detailsMissionItem" id="messenger">
        {% include '/chat/chat.html.twig' %}
        </div>
    </div>
</div>

{% endblock %}

{% block javascripts %}

    <script>

        /* Details */

        function displayOn()
        {
            document.getElementById("loader").style.display = "none";
            document.getElementById("mission").style.display = "block";
        }

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

{% endblock %}