{% block qbabit_mailbundle_time_line_message_widget %}
    <!-- timeline time label -->


    {% set showDate = true %}
    {% set date = data.dateCreated|date("d/m/Y") %}
    {% if prev_item!=null %}
        {% set prev_date = prev_item.dateCreated|date("d/m/Y") %}
        {% set showDate =prev_date!=date %}
        {% endif %}
    {% if showDate %}
    <li class="time-label" style="">

        <span class="bg-primary">
          {{ date }}
        </span>

    </li>
    {% endif %}
    <!-- /.timeline-label -->

{#{% if form.vars.data.srcUser.id != app.user.id %}#}
    <!-- timeline item -->
    <li id="{{ form.vars.data.id }}" style="">
        <!-- timeline icon -->
        <i class="fa fa-envelope bg-blue"></i>
        <div class="timeline-item" style="">
            <span class="time">
                <i class="fa fa-clock-o"></i>
                {{ data.dateCreated|date("h:i:s") }}
            </span>

            <h3 class="timeline-header"><a href="#">{{ data.srcUser.fullname }}</a> ...</h3>

            <div class="timeline-body">
               {{ data.body|raw }}
            </div>


        </div>
    </li>
    {#{% else %}#}
        {#<li id="{{ form.vars.data.id }}" style="text-align: right">#}
            {#<!-- timeline icon -->#}
            {#<i class="fa fa-envelope bg-blue" style="float: right; left: 0; right: 10px; position: relative;"></i>#}
            {#<div class="timeline-item" style="margin-right: 60px !important;">#}
                {#<span class="time" style="float: left;">#}
                    {#<i class="fa fa-clock-o"></i>#}
                    {#{{ data.dateCreated|date("h:i:s") }}#}
                {#</span>#}

                {#<h3 class="timeline-header"><a href="#">{{ data.srcUser.fullname }}</a> ...</h3>#}

                {#<div class="timeline-body">#}
                    {#{{ data.body|raw }}#}
                {#</div>#}


            {#</div>#}
        {#</li>#}
    {#{% endif %}#}
{% endblock %}

{% block qbabit_mailbundle_additional_time_line_message_widget %}

    {% if isStart %}
      {{ form_start(form,{ attr:{id: form.vars.id} }) }}
        <div class="row" >
            {% if isEnabledModule("QB_CHAT") %}
            <div class="col-xs-12" style="text-align: right">
                <a href="{{ url("qb_inmobiliara_chat_index",{"user_slug":userConv.slug}) }}" class="btn btn-primary">Chat</a>
            </div>
            {% endif %}
            <div class="col-xs-12" style="margin-top: 15px">
                {{ form_widget(form.response_text) }}
            </div>
            <div class="col-xs-12 text-center offset-top-15" style="margin-top: 15px;margin-bottom: 15px">
                {{ form_widget(form.response_button) }}
            </div>
        </div>
        <style>
            .errorfield
            {
                display: none !important;
            }
        </style>
        {{ form_end(form) }}
    <script type="text/javascript">

        var sending =false;
        function QbabitTimeLineMessages() {


            jQuery("#{{ form.vars.id }}").on("submit",function(e){
              e.preventDefault();
              e.stopPropagation();
             if(sending)
                 return;
             sending = true;
             $("#qba_bit_time_line_type_additional_type_response_button").attr("disabled","disabled");
              var t = {body:jQuery("#qba_bit_time_line_type_additional_type_response_text").val()}
//                var t= "body="+ ;
                $.ajax({
                    url: "{{ url("qbabit_mail_send",{id:form.vars.message_id})  }}",
                    type: 'POST',
//                    contentType: "application/json",

                    data:t,
                    success: function (data, status) {
                     if(data.status==0){}
                         // Util.renderErrors(data.error);
                     else
                     {
                         MKLib.showMsg('alert-success', '{{ "send_ok" | trans({}, "mail_template") }}');
                         MKLib.resetForm("{{ form.vars.id }}", function (){
                             var choice_imgs = jQuery('.qbwid-file');

                         });
                         $(".timeline ").append(data.render);
                         $(".timeline").animate({scrollTop:  $(".timeline")[0].scrollHeight}, "fast");
                     }
                     sending =false;
                        $("#qba_bit_time_line_type_additional_type_response_button").removeAttr("disabled");

                    },
                    error: function (xhr, status) {
                        sending =false;
                        $("#qba_bit_time_line_type_additional_type_response_button").removeAttr("disabled");

                        MKLib.showMsg('alert-danger',  xhr.responseText  );
                    },
                    complete: function () {
                        sending =false;
                        return;
                    }
                });
            })

        }

        {% if app.request.isXmlHttpRequest == false %}
        window.addEventListener('load', function() {
            QbabitTimeLineMessages();

            }
        );
        {% else %}
        jQuery(function () {

            QbabitTimeLineMessages();
        });
        {% endif %}
    </script>
    {% endif %}
{% endblock %}