{% extends 'portal_aspirante/notificacion/base.html.twig' %}

{% block notificacion_titulo %}
    <i class="material-icons medium left identidad-color-text">notifications</i>
    <h4 style="margin-top: 12px;">Notificaciones.</h4>
{% endblock %}

{% block notificacion_tarjeta_header %}
    <div class="left-icons">
        <span class="header-checkbox">
            <a href="{{ path('portal_aspirante_notificaciones') }}">

                <i class="material-icons left identidad-color-text">arrow_back</i>
            </a>
        </span>
        <span class="title-line">
            <h5>{{ notificacion_usuario.notificacion.asunto }}</h5>
        </span>
    </div>
    <div class="list-content"></div>
    <div class="email-action">
        {# <span class="email-options">
            <i class="material-icons grey-text">more_vert</i>
        </span> #}
    </div>
{% endblock %}
                                
{% block notificacion_tarjeta_body %}
    <div class=" animate fadeUp delay-1">
        <div class="container">
            <br>
            {# <p> #}
            {{ notificacion_usuario.notificacion.mensaje | raw }}
            {# </p> #}
        </div>
    </div>
    <div class="row" style="margin:20px">
        <div class="col">
            <span class="card-title">
            <b>Archivos adjuntos</b>
            </span>
            <div class="collection">
                {% for adjunto in notificacion_usuario.notificacion.adjuntos %}
                    <a href="{{ path('portal_aspirante_notificacion_adjunto_notificacion_descargar', { idView : adjunto.idView }) }}" target="_blank" class="collection-item">
                        <i class="material-icons">attach_file</i> 
                        {{ adjunto.descripcion ? adjunto.descripcion : adjunto.urlAdjunto }}
                    </a>
                {% else %}
                    <span class="collection-item"><b>No contiene adjuntos</b></span>
                {% endfor %}
            </div>
        </div>
    </div>
</div>
{% endblock %}