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

{% block title %}
    {{ 'INBOX_TITLE'|translate }}
{% endblock %}

{% block wrapperClass %}myspace{% endblock %}

{% block body %}

<div class="container clearfix navpadding">
    <div class="col-md-12 pt30 pr0 pl0 ">
        <div class="col-md-3 col-sm-5 hidden-xs">
            {{ renderTwigBlock ('includes/user/user.sidebar',{ active : 'inbox' }) }}
        </div>

        <div class="col-md-9 col-sm-7 col-xs-12 content-general">
            <h2>{{ readFunnel(data.inbox_text, 1)|raw }}</h2>
            <div class="mb20">{{ readFunnel(data.inbox_text, 3)|raw }}</div>
            <div id="messages">
            </div>

            {% for message in data.messages %}
                {% include 'includes/snippets/inbox.message.html.twig' with {
                    message : message
                } %}
            {% endfor %}

            <div class="loader"></div>
            <div data-page="1" class="btn loadingmore col-md-12 col-xs-12 hide" onclick="loadData(this,'messages');">
                <a class="btn btn-primary blue load-more">
                    <i class="fa fa-navicon"></i>
                </a>
                <span class="clearfix">{{ constant('LOAD_MORE') }}</span>
            </div>
        </div>
        <input type="hidden" id="host" value="{{ regGet('url') }}">
    </div>
</div>
{% endblock %}

{% block assetsBottom %}
    {{ parent() }}
    <script type="text/javascript">
        var callback = function(data,t,page){
            if(data.aantalInbox){
                $('#inbox .badge').html(data.aantalInbox).removeClass('hide');
            }
        }
    </script>
{% endblock assetsBottom %}
{% block readyStateFunction %}
    loadJS('{{ regGet('jspath') }}profile.js');
    initSurveyFormUploaders();
    initCircle();
    $('.loadingmore').trigger('click');
{% endblock readyStateFunction %}