{% embed "ria/evaluacion_antecedentes/ci_tarjetas.html.twig" %}

    {% block ci_tarjeta_titulo %}Historial Evaluaciones{% endblock %}
    
    {% block ci_tarjeta_encabezados %}
        <th>
            RIA
        </th>
        <th>
            Evaluador
        </th>
        <th>
            Fecha
        </th>
        <th>
            Mensaje
        </th>
    {% endblock %}

    {% block ci_tarjeta_filas %}
        <script type="text/javascript">
            function verMensajeModal(e) {
                $('#historialMensaje').text(e.currentTarget.dataset['mensaje']);
                $('#historialFecha').text("Fecha de la respuesta: "+ e.currentTarget.dataset['fecha']);
                $('#modalMensaje').modal('open');
            }
        </script>
        {% for evaluacion in historialEvaluaciones | sort((a, b) => b.fechaCreacion <=> a.fechaCreacion) %}
            <tr>
                <td>
                    <span class="badge {{ constant('App\\Entity\\RIA\\PresentacionAntecedentes::VIEW_ESTADO')[evaluacion.estadoRIA]['show_class'] }}" >
                        {{ constant('App\\Entity\\RIA\\PresentacionAntecedentes::VIEW_ESTADO')[evaluacion.estadoRIA]['show_name'] }}
                    </span>
                </td>
                <td>
                    {{ evaluacion.ssoUsuario }} 
                </td>
                <td>
                    {{ evaluacion.fechaCreacion|date('d/m/Y H:m') }}
                </td>
                <td>
                    <button type="button" class="btn-floating btn-flat tooltipped modal-trigger icono-primario" 
                        data-position="top" data-tooltip="Ver Mensaje" onclick="verMensajeModal(event)" 
                        data-mensaje="{{ evaluacion.mensajeRespueta }}" data-fecha="{{ evaluacion.fechaCreacion|date('d/m/Y H:m')}}">
                        <i class="material-icons">  remove_red_eye</i>
                    </button>
                </td>
            </tr>
        {% endfor %}
    {% endblock %}
{% endembed  %}