{% extends 'convocatorias/front_postulantes/base.html.twig' %}

{% block contenido_principal_cuerpo %}

    <div class="row">

        {% if convocatorias is not empty %}
            {% for convocatoria in convocatorias %}
                <div class="col s12 m4 l6">
                    <a href="{{ path('app_convocatorias_front_postulantes_show', { idView : convocatoria.idView }) }}">
                        <div class="card hoverable border-radius-8  animate fadeLeft">
                            <div class="card-stacked orange lighten-5">
                                <div class="card-content">
                                    <h5 class="orange-text ">
                                        {{ convocatoria.titulo }} 
                                    </h5>
                                    <h6 class="mb-1 mt-1">
                                    {{ convocatoria.subtitulo }}
                                    </h6>
                                    <p>
                                        Apertura: {{ convocatoria.fechaApertura|format_datetime('full', 'none', locale='es_AR')|capitalize }}
                                    </p>
                                    <p>
                                        Cierre: {{ convocatoria.fechaCierre|format_datetime('full', 'none', locale='es_AR')|capitalize }}
                                    </p>
                                </div>
                                <div class="card-action orange ">
                                    <a href="{{ path('app_convocatorias_front_postulantes_show', { idView : convocatoria.idView }) }}" class="white-text right">
                                        <span class="material-icons">
                                            visibility
                                                                
                                        </span>
                                        Ver información 
                                    </a>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            {% endfor %}
        {% else  %}
            <div class="col s12 m4 l6">
                <span>
                    <div class="card hoverable border-radius-8  animate fadeLeft">
                        <div class="card-stacked grey lighten-5">
                            <div class="card-content">
                                <h5 class="grey-text ">Sin Convocatorias</h5>
                                <p>Actualmente no hay convocatorias vigentes o no cumple con los requisitos para 
                                poder realizar su solicitud de inscripción.</p>
                            </div>
                            <div class="card-action grey ">
                                <a href="{{ path('portal_aspirante') }}" class="white-text right">
                                    <span class="material-icons">
                                        home
                                    </span>
                                    Ir al Inicio 
                                </a>
                            </div>
                        </div>
                    </div>
                </span>
            </div>
        {% endif %}


    </div>
{% endblock %}