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

{% block js_document_ready %}
    {{ parent() }}

    {# Mensajes flash/alerts #}
    {% for label, messages in app.flashes %}
        {% for message in messages %}
            {# M.toast({
                html: '{{ message }}',
                {% if label == 'notice' %}
                    classes: 'card-panel teal lighten-2 {{ label }}',
                {% elseif label == 'error' %}
                    classes: 'card-panel red lighten-2 {{ label }}',
                {% endif %}
            }) #}
            Swal.fire('{{ message }}');
        {% endfor %}
    {% endfor %}

    $('.datepicker').datepicker({
        autoClose: true,
        showClearBtn: true,
        format: 'dd/mm/yyyy',
        container: 'body',
        onDraw: function () {
            // materialize select dropdown not proper working on mobile and tablets so we make it browser default select
            $('.datepicker-container').find('.datepicker-select').addClass('browser-default');
            $(".datepicker-container .select-dropdown.dropdown-trigger").remove()
        }
    });
    $('#datatable').dataTable({
        "language": {
            "url": "//cdn.datatables.net/plug-ins/1.10.16/i18n/Spanish.json"
        },
        "aLengthMenu": "",
        bAutoWidth: false
    });

    $('.reabrir_ria').click(
        function (e) {
            var v_href = $(this).data('path-reabrir');
            $('#btn_reabrir_ria').attr('href', v_href);
            console.debug($('#btn_reabrir_ria'));
            $('#modalReabrir').modal({});
            $('#modalReabrir').modal('open');
        }
    );
{% endblock %}

{% block dialogos_modales %}
    <!-- Modal Structure -->
    <div class="modal" id="modalReabrir">
        <div class="modal-content">
            {{ render(controller("App\\Controller\\RIA\\Auditoria\\Reapertura2806Controller:mensajeReabrir")) }}
        </div>
        <div class="modal-footer">
            <a href="#!" 
                class="modal-close waves-effect waves-red btn-flat">Cancelar</a>
            <a id="btn_reabrir_ria"
                href="#" 
                class="modal-close waves-effect waves-green btn-flat">Reabrir el formulario</a>
        </div>
    </div>
{% endblock %}

{% block contenido_principal %}

    <i class="material-icons medium left identidad-color-text text-darken-2">folder_shared</i>
    <h4 style="margin-top: 12px;">Mis Presentaciones</h4>

    {# <a href="{{ path('r_i_a_presentacion_antecedentes_new') }}" 
        class="btn identidad-color white-text darken-2 waves-effect waves-light col s12">
        Nueva Presentación de Antecedentes 
        <i class="material-icons right">note_add</i>
    </a> #}

    <table id="datatable">
        <thead>
          <tr>
            <th>#</th>
            <th>Fecha de inicio</th>
            <th>Estado</th>
            <th>Fecha de envío</th>
            <th>Acciones</th>
          </tr>
        </thead>
        <tbody>
            {% for presentacion in presentaciones %}
                <tr>
                    <td>
                        {{ presentacion }} 
                    </td>
                    <td>
                        {{ presentacion.fechaInicio ? presentacion.fechaInicio|date('d/m/Y  H:i') : '' }} 
                    </td>
        
                    <td class="hide-on-small-only" >
                        <span class="badge {{ constant('App\\Entity\\RIA\\PresentacionAntecedentes::VIEW_ESTADO')[presentacion.estado]['show_class'] }}">
                            {{ constant('App\\Entity\\RIA\\PresentacionAntecedentes::VIEW_ESTADO')[presentacion.estado]['show_name'] }}
                        </span>
                    </td>

                    <td>
                        {{ presentacion.fechaEnvio ? presentacion.fechaEnvio|date('d/m/Y  H:i') : '--' }}
                    </td>
                    
                    <td>
                        <a href="{{ path('r_i_a_presentacion_pdf', {'idView': presentacion.idView}) }}"
                        class="btn-floating btn-flat identidad-color darken-2" title="Ver detalle">
                        <i class="material-icons">visibility</i></a>
                    {% if presentacion.estado != constant('App\\Entity\\RIA\\PresentacionAntecedentes::ESTADO_BORRADOR') %}
                        <a class= "btn-floating btn-flat identidad-color darken-2 " target="__blank" title="Descargar en formato PDF" href="{{ path('r_i_a_imprimir_pdf', {'idView': presentacion.idView}) }}" >
                            <i class="material-icons">print</i>
                            </a>
                        {% if mostrarReabrir  %}
                            <a class="btn-floating btn-flat deep-orange darken-4 tooltipped reabrir_ria" 
                                href="#!" data-position="top" data-tooltip="Abrir RIA"
                                data-path-reabrir="{{ path('ria_reapertura2806', {'idView': presentacion.idView}) }}"> 
                                <img src="{{ asset('icons/ria_open.svg') }}">
                            </a>
                        {% endif %}
                    {% endif %}
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td colspan="4">No se encontraron registros</td>
                </tr>
            {% endfor %}
        </tbody>
      </table>

{% endblock %}