{% set session = app.session.get('identificador') %}
    {% set tipoUsuario = app.session.get('rol') %}
    {% set externo = app.session.get('externo') %}
    {% set nombreEmp = app.session.get('nameEmp') %}

<div class="modal-header">
    <div class="col-lg-10 small">
        <div class="row">
            <div class="col-lg-3">
                <label for="msFecha">FECHA</label>
                <input type="date" name="msFecha" id="msFecha" value="{{ ms.fecMov | date('Y-m-d') }}"
                       class="form-control form-control-sm" readonly>
            </div>
            <div class="col-lg-6">
                <label for="msPlantel">PLANTEL</label>
                <input type="text" name="msPlantel" id="msPlantel" value="{{ ms.cvePla.nomPla }}"
                       class="form-control form-control-sm" readonly>
            </div>
            <div class="col-lg-3">
                <label for="msPrioridad">PRIORIDAD</label>
                <input type="text" name="msPrioridad" id="msPrioridad" value="{{ ms.cveSemaforo.descripcion }}"
                       class="form-control form-control-sm" readonly>
            </div>
            <div class="col-lg-12">
                <label for="msAsunto">ASUNTO</label>
                <textarea name="msAsunto" id="msAsunto" style="width: 100%;resize: none;"
                          class="form-control form-control-sm"
                          readonly>{{ ms.tema }}</textarea>
            </div>
        </div>
    </div>
    <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
        {% if externo == 1 %}
            <button class="btn btn-warning btn-block" onclick="cerrarMS({{ ms.ideMesSer }})">
                <b>CERRAR MESA</b>
            </button>
        {% else %}
        {% endif %}
    </div>
</div>
<div class="modal-body" id="contenedor-lista-respuestas-ms">
    <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
            {% set fecha = "" %}
            {% set nombreUsuario = app.session.get('nameEmp') %}

            {% for r in respuestas %}

                <div class="row small pb-2">
                    {% if fecha != (r[0].fecMov | date('d-m-Y')) %}
                        <div class="h6 pb-2 mb-2 text-primary border-bottom border-primary">
                            {{ r[0].fecMov | date('d-m-Y') }}
                        </div>
                        {% set fecha = (r[0].fecMov | date('d-m-Y')) %}
                    {% else %}
                    {% endif %}
                    <div class="col-lg-2">
                        {% if nombreUsuario == r[0].cveEmp.nomEmp %}
                            <div class="p-2 border bg-info border-info rounded">
                                <b>{{ r[0].cveEmp.nomEmp }}</b>
                                <br>
                                {{ r[0].horMov | date('h:i a') }}
                            </div>
                        {% else %}
                            <div class="p-2 border border-info rounded">
                                <b>{{ r[0].cveEmp.nomEmp }}</b>
                                <br>
                                {{ r[0].horMov | date('h:i a') }}
                            </div>
                        {% endif %}
                    </div>
                    <div class="col-lg-6">
                        <div class="p-2 border border-info rounded">
                            {{ r[0].respuesta }}
                        </div>
                    </div>
                    <div class="col-lg-4">
                        {% for f in r[1] %}
                            <div class="p-2 border border-info rounded">
                                <a href="{{ asset( f.rutaArchivo ) }}" class="btn btn-warning btn-xs" target="_blank">
                                    <i class="fa fa-file fw"></i>
                                </a>
                            </div>
                        {% else %}
                            *
                        {% endfor %}
                    </div>
                </div>
            {% else %}
                <div class="row small pb-2">
                    <div class="h6 pb-2 mb-2 text-danger border-bottom border-danger">
                        No hay respuestas!!!
                    </div>
                </div>
            {% endfor %}
        </div>

        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
            {% for k,a in archivos %}
                <a href="{{ asset(a.rutaArchivo) }}" target="_blank" class="btn btn-info btn-xs">
                    Archivo-{{ k+1 }}
                </a>
            {% else %}
            {% endfor %}
        </div>
    </div>
</div>
<div class="modal-footer" style="height: 6rem;">
    <form enctype="multipart/form-data" id="form-RMS" action="#" class="form-inline" style="width: 100%;">
        <input type="text" value="{{ nombreEmp }}" name="nombreEmp" id="nombreEmp"
               class="btn border-primary btn-sm mr-1"
               readonly>
        <input type="hidden" name="ideMesSer" id="ideMesSer" value="{{ ms.ideMesSer }}">
        <textarea name="respuestaMS" id="respuestaMS" class="form-control form-control-sm mr-1"
                  style="width: 40%;resize: none;"
                  placeholder="Escribe una respuesta."
                  required></textarea>
        <input type="file" class="form-control form-control-sm mr-1" id="fileRMS" name="fileRMS"
               aria-describedby="fileRMS"
               style="width: 20%;">
        <button type="button" class="btn btn-info btn-sm mr-1" onclick="guardarRespuestaMS({{ ms.ideMesSer }});">
            ENVIAR <i class="fa fa-play fw"></i>
        </button>
        <button type="button" class="btn btn-danger btn-sm" data-bs-dismiss="modal">CERRAR</button>
    </form>

</div>