{% extends app.request.isXmlHttpRequest ? '@QbaBitCore/ajax.html.twig' : QbaBitLayoutToExtend('@QbaBitTemplate/adminlte/layout.html.twig', 'backend') %}

  {% set tit = data.subject %}
{% set paramsUrl = {'slugSelected': app.request.get('slugSelected')} %}

{% block title %} {{ tit }} {% endblock %}
{% block update %}
    <style>
        .message-row
        {
          margin: 0;
            margin-top: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid #f4f4f4;
        }
        .message-row .title-item
        {
            font-size: 13px;
        }
        .message-row .body
        {
            margin-top: 15px;
        }
        .message-row img
        {
            width: 100%;
        }
    </style>
    <div class="box-header with-border">
        <div class="user-block">
            <span class="username" style="margin-left: 0px;"><h3 style="margin-bottom: 0;margin-top: 0;">{{ tit }}</h3></span>
        </div>

    </div>
    <div class="qb-frm">


    {% for row in messages %}


        <div class="row message-row">
            <div class="col-xs-12">
                <div class="row">
                    <div class="col-md-1">
                        <img src="{{ row.srcUser.foto|imagine_filter("squared_thumbnail") }}">
                    </div>
                    <div class="col-md-8">
                        <div class="row">
                            <div class="col-xs-12" style="font-weight: bold">
                                {{ row.srcUser.fullname }}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 title-item" >
                                {{ row.destUser.fullname }}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-12 title-item" >
                                {{ row.dateCreated|date("d/m/Y") }}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12 body">
                        {{ row.body|raw }}
                    </div>
                </div>

            </div>

        </div>


{% endfor %}
        <div class="qb-btn-formater">
            <button id="messages_back" name="messages_back" type="button" class="btn btn-">
                <i class="" style="margin-right: 5px"></i>Atrás
            </button>
        </div>
    </div>

    <script>


        function QbabitJavascriptsCupones() {
            jQuery("#messages_back").on('click', function (e) {

                e.stopPropagation();
                e.preventDefault();
                MKLib.AjaxUpdate("{{ path(url.view, paramsUrl) | raw }}", 'dvupdate', '');
            });
        }

        {% if app.request.isXmlHttpRequest == false %}
        window.addEventListener('load', function () {
            QbabitJavascriptsCupones();
        }, false);
        {% else %}
        jQuery(function () {
            QbabitJavascriptsCupones();
        });
        {% endif %}
    </script>
{% endblock %}