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

{% block breadcrumb %}
    <ol class="breadcrumbs">
        <li><a href="{{ path('main') }}">Inicio</a></li>
        <li><a href="{{ path('historial') }}">Historial de Sesiones</a></li>
        <li class="active">Sesion 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;">Sesion del día - {{ 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 Sesión
        </a>
    {% endif %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        $(document).ready(function () {

                $('.modal').modal({ dismissible: false,
                });
            });
        function clickEliminar(e) {
            $url_eliminar=e.currentTarget.dataset.url;
            swal({
                title: "Quitar",
                text: "¿Está seguro que quiere quitar el material de esta sesión?",
                icon: "warning",
                buttons: true,
                dangerMode: true,
                })
                .then((aceptar) => {
                if (aceptar) {
                     window.location.href = $url_eliminar; 
                    } 
                });
        } 
        function clickEliminarActividad(e) {
            $url_eliminar=e.currentTarget.dataset.url;
            swal({
                title: "Eliminar",
                text: "¿Está seguro que quiere eliminar la actividad de esta sesión?",
                icon: "warning",
                buttons: true,
                dangerMode: true,
                })
                .then((aceptar) => {
                if (aceptar) {
                     window.location.href = $url_eliminar; 
                    } 
                });
        } 
    </script>
{% endblock %}

{% block js_document_ready %}
    $('.timepicker').timepicker({
        container: 'body',
        autoClose: true,
        twelveHour: false,
        showClearBtn: true,
        onDraw: function () {
            // materialize select dropdown not proper working on mobile and tablets so we make it browser default select
            $('.timepicker-container').find('.timepicker-select').addClass('browser-default');
            $(".timepicker-container .select-dropdown.dropdown-trigger").remove()
        },
        i18n: {
            cancel:	'Cancelar',
            clear: 'Limpiar',
            done: 'Aceptar',
        }
    });
{% endblock %}

{% block dialogos_modales %}
    <div id="modalAgregarActividad" class="modal">
        <div class="modal-content">
            {{ render(controller(
                'App\\Controller\\OD\\ODActividadController::altaActividad', { idView : sesion.idView }
            )) }}
        </div>
    </div>
{% endblock %}

{% block side_bar %}
    {% include 'orden_dia/orden_dia_actividades.html.twig' %}
{% endblock %}

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

        <li class="collection-header grey lighten-4">
            <div class="row">
                <div class="col s12 l6">
                    <h5>SESIÓN DEL CONSEJO DE LA MAGISTRATURA</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 class="col s12 l6">
                    {# Ver actividades del día en el caso de haber #}
                    {% if sesion.actividades |length > 0 %}
                        <a href="#" class=" blue btn mt-8 sidenav-trigger" 
                            data-target="slide-out-right" >
                            Actividades del Día <i class="material-icons">format_indent_increase</i>
                        </a>
                    {% endif %}
                    {% if is_granted(constant('App\\Security\\Voter\\SesionVoter::ACCESS_EDIT'), sesion) %}
                        {# <div class=""> #}
                            <a href="#" data-target="modalAgregarActividad" 
                                class="btn identidad-color darken-2 mt-8 ml-2 modal-trigger">
                                <i class="material-icons vertical-text-middle">add</i>Agregar Actividad
                            </a>
                        {# </div> #}
                    {% endif %}
                </div>
            </div>
        </li>
        <li class="collection-header grey lighten-4">
            <div class="row">

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

                <div class="col s12 l6 card">
                    <h5><i class="material-icons left identidad-color-text">business_center</i>
                        Materiales de la Sesión
                        {% 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 notificación"
                                        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 notificación"
                                            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 la sesión.
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </li>
    </ul>

{% endblock %}