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

{% block breadcrumb %}
    <ol class="breadcrumbs">
        <li><a href="{{ path('main') }}">Inicio</a></li>
        <li><a href="{{ path('historial') }}">Historial de Acuerdos</a></li>
        <li class="active">Acuerdo del día - {{ sesion.fechaSesion|date('d/m/Y') }}</li>
    </ol>
{% endblock %}

{% block titulo_body %}
    <i class="material-icons medium left identidad-color-text">assignment</i>
    <h4 style="margin-top: 12px;">Temario Acuerdo - {{ sesion.fechaSesion|date('d/m/Y') }} 
        {{ constant('App\\Entity\\OD\\Sesion::VIEW_ESTADO')[sesion.estadoSesion]['show_label'] | raw }}
    </h4>
{% endblock %}

{% block titulo_acciones_body %}
    {% if is_granted(constant('App\\Security\\Voter\\SesionVoter::ACCESS_CREATE')) %}
        <a href="{{ path('app_o_d_sesion_edit', { idView: sesion.idView }) }}" class="btn-large identidad-color white-text darken-2 waves-effect waves-light " 
            style="margin-top: 12px; float:right">
            <i class="material-icons right">edit</i>
            Editar Acuerdo
        </a>
    {% endif %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        function clickEliminar(e) {
            $url_eliminar=e.currentTarget.dataset.url;
            swal({
                title: "Quitar",
                text: "¿Está seguro que quiere quitar el material de este acuerdo?",
                icon: "warning",
                buttons: true,
                dangerMode: true,
                })
                .then((aceptar) => {
                if (aceptar) {
                     window.location.href = $url_eliminar; 
                    } 
                });
        } 
    </script>
{% endblock %}

{% block body %}
    <ul class="collection with-header">

        <li class="collection-header">
            <div class="row">
                <div class="col s12 l6">
                    <h5>ACUERDO de la Suprema Corte</h5>
                    <h6>{{ sesion.fechaSesion|format_date(pattern='eeee dd/MM/yyy', locale='es_AR') |capitalize }} HORA {{ sesion.horaSesion|date('H.i') }}</h6>

                    <span class="card-title">
                        {% if sesion.sedeDescripcion %}
                            <p>
                                {{ sesion.sedeDescripcion }}
                            </p>
                        {% endif %}
                        {% if sesion.sedeDireccion %}
                            <p>
                                <a href="{{ sesion.sedeGIS ? sesion.sedeGIS : '#' }}" target="_blank">
                                    <i class="material-icons">location_on</i> {{ sesion.sedeDireccion }}
                                </a>
                            </p>
                        {% endif %}
                        <p>
                            {# <i class="material-icons">person_pin</i> VIRTUAL #}
                            <i class="material-icons">person_pin</i> PRESENCIAL y VIRTUAL
                        </p>
                        <p>
                            <a href="{{ sesion.urlSesionVirtual }}" target="_blank"><i class="material-icons">voice_chat</i> POR SISTEMA MSTEAM</a>
                        </p>
                    </span>
                </div>
            </div>
        </li>
        <li class="collection-header">
            <div class="row">

                <div class="col s12 l6">
                    <h5><i class="material-icons left identidad-color-text">assignment</i>Temario</h5>
                    {{ include(template_from_string(template, "template for page " ~ sesion.id)) }}
                </div>

                <div class="col s12 l6">
                    <h5><i class="material-icons left identidad-color-text">business_center</i>
                        Materiales de Trabajo
                        {% if is_granted(constant('App\\Security\\Voter\\SesionVoter::ACCESS_EDIT'), sesion) %}
                            <a href="{{ path('o_d_material_sesion_index', {'idView': sesion.idView}) }}" 
                                class="btn identidad-color darken-2 right" title="Agregar Material">
                                <i class="material-icons">add</i> Agregar Material
                            </a> 
                        {% endif %}
                    </h5>  
                    
                    <table class="table">
                        <thead>
                            <tr>
                                <th>Asunto</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                        {% for notificacion in sesion.materiales %}
                            <tr>
                                <td>
                                    <a href="{{ path('s_n_notificacion_show_view', {'idView': notificacion.idView}) }}" 
                                        class="" title="Ver material"
                                        target="_blank">{{ notificacion.asunto }}</a>
                                </td>
                                <td style="display: flex;">
                                    {% if is_granted(constant('App\\Security\\Voter\\SesionVoter::ACCESS_EDIT'), sesion) %}
                                        <button onclick="clickEliminar(event)" class="btn-floating btn-flat identidad-color darken-2" title="Quitar Material"
                                            data-url="{{ path('delete_material_de_o_d_sesion_', {'idView': sesion.idView,'idViewMaterial': notificacion.idView}) }}">
                                            <i class="material-icons">delete</i>
                                        </button>
                                    {% else %}
                                        <a href="{{ path('s_n_notificacion_show_view', {'idView': notificacion.idView}) }}" 
                                            class="btn-floating btn-flat identidad-color darken-2" title="Ver material"
                                            target="_blank">
                                            <i class="material-icons">visibility</i>
                                        </a>
                                    {% endif %}
                                </td>
                            </tr>
                        {% else %}
                            <tr>
                                <td colspan="2" class="center">
                                    Aún no hay material relacionado con el acuerdo.
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </li>
    </ul>

{% endblock %}