{% block chat_wrapper %}
    <div class="chat-wrapper" id="chat-wrapper" data-subscribe-url="{{ mercure_publish_url }}" >
        <label class="toggle-label">
            <div class="label-text" style="display:none">{{ 'Activar notificaciones push'|trans({}, 'dashboard')}}</div>
            <div class="toggle" style="display:none">
                <input data-sonata-icheck="false" class="toggle-state js-push-toggle" type="checkbox" name="check" value="check" />
                <div class="toggle-inner">
                    <div class="indicator"></div>
                </div>
                <div class="active-bg" style="display:none"></div>
            </div>
        </label>
        <div class="msgs-wrapper" id="sala-msgs-parent">
            {{ include('dashboard/chat/_message_list.html.twig', {messages: messages}) }}
        </div>
        <div class="msg-input-wrapper">
            <form id="chat-msg-form" data-emisor-id="{{ app.user.id }}">
                <textarea disabled name="message" id="chat-message" type="text" data-placeholder="{{ 'Empieza a escribir...'|trans({}, 'dashboard')}}" placeholder="{{ 'Elige una conversación para empezar a chatear.'|trans({}, 'dashboard')}}" autocomplete="off"></textarea>
                <button class="btn btn-primary" type="submit" id="msgsubmit" name="msgsubmit" disabled>{{ 'Send'|trans({}, 'dashboard') }} <i class="fa fa-send"></i> </button>
            </form>
        </div>
    </div>
{% endblock %}