{% extends 'base.html.twig' %}

{% block breadcrumb %}
    <ol class="breadcrumbs">
        <li><a href="{{ path('main') }}">Inicio</a></li>
        <li><a href="{{ path('lectura_notas_index') }}"> Lectura de Notas </a></li>
        <li><a class="active">Lectura del: {{ lectura.fecha|format_datetime(pattern='EEEE', timezone='America/Argentina/Buenos_Aires')|capitalize ~ ' ' ~ lectura.fecha|date('d/m/Y') }} </a></li>
    </ol>
{% endblock %}

{% block titulo_body %}
    <i class="material-icons medium left identidad-color-text">video_camera_front</i>
    <h4 style="margin-top: 12px;">Lectura de notas del {{ lectura.fecha|format_datetime(pattern='EEEE', timezone='America/Argentina/Buenos_Aires')|capitalize ~ ' ' ~ lectura.fecha|date('d/m/Y') }}
        {% set color = constant('App\\Entity\\Entrevistas\\LecturaNotas::VIEW_ESTADO')[lectura.estado]['color'] %}
        <span style="margin-top: 15px;margin-left: 5px;"> 
            <i><sub style="color:{{color}}">
            { {{ constant('App\\Entity\\Entrevistas\\LecturaNotas::VIEW_ESTADO')[lectura.estado]['show_name'] }} }
            </sub></i>
        </span>
    </h4>
{% endblock %}

{% block titulo_acciones_body %}
    <a id="edit"
        href="{{ path('lectura_notas_edit', {'idView': lectura.idView }) }}" 
        class="btn oscuro darken-2 waves-effect waves-light col s12"
        style="margin-top: 6%; float:right">
        <i class="material-icons right">edit</i>
        <i class="material-icons right">video_camera_front</i>
        Editar Lectura
    </a>
{% endblock %}

{% block body %}
    <div class="row">
        <div class="col s12 m9 l9"><br>
        {% if lectura.video1 is not null %}
            <a class="waves-effect waves-light btn-small cyan" href="{{lectura.video1}}" target="_blank">
                <i class="material-icons entrevista">voice_chat</i> {{ lectura.titulov1 is not empty ? lectura.titulov1 : 'Video' }}
            </a> &nbsp;
        {% endif %}

        {% if lectura.video2 is not null %}
            <a class="waves-effect waves-light btn-small cyan" href="{{lectura.video2}}" target="_blank">
                <i class="material-icons entrevista">voice_chat</i>{{ lectura.titulov2 is not empty ? lectura.titulov2 : 'Video' }}
            </a> &nbsp;
        {% endif %}

        {% if lectura.video3 is not null %}
            <a class="waves-effect waves-light btn-small cyan" href="{{lectura.video3}}" target="_blank">
                <i class="material-icons entrevista">voice_chat</i>{{ lectura.titulov3 is not empty ? lectura.titulov3 : 'Video' }}
            </a> &nbsp;
        {% endif %}
        <br><br>
        {% if lectura.observaciones %}
            <h6>Observaciones: </h6>
            {{lectura.observaciones|raw}}
        {% endif %}
        </div>
    </div>

    <div class="row">
        <div class="col s12 m12 l12">
            <div class="card">
                <div class="card-content">
                    <table class="highlight centered">
                        <thead>
                            <tr>
                                <th> Cargo </th>
                                <th> Fecha y Hora</th>
                                <th> Cant Postulantes </th>
                                <th> Acciones </th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for indice, cronograma in lectura.entrevistaCronograma %}
                                <tr>
                                    <td> {{ cronograma.cargo }} </td>
                                    <td> {{ cronograma.fechaEntrevista|date('d/m/Y - H:i')  }} </td>
                                    <td> {{ cronograma.presentacionAntecedentes|length }} </td>
                                    <td> 
                                        <a class="btn-floating btn-flat identidad-color darken-2" href="{{path('entrevista_show', {'idView': cronograma.idView}) }}" target="_blank">
                                            <i class="material-icons">visibility</i>
                                        </a>
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <a class="btn waves-effect waves-light left-align" href="{{ path('lectura_notas_index') }}" style="margin-left:1%;">Volver
        <i class="material-icons right">undo</i>
    </a>

    {% if lectura.estado == 'Borrador' %}
        <a class="limpiar btn green darken-2 waves-effect right waves-light" href="{{ path('lectura_notas_publicar', {'idView': lectura.idView }) }}" style="margin-right:1%;"> Publicar
            <i class="material-icons right">publish</i>
        </a>
    {% endif %}
{% endblock %}