{% block javascripts %}
    <script type="text/javascript">
        
        function levantarModalBorrarAdjunto(e) {
            {# const elem = document.getElementById('modalEliminarAdjunto');
            const instance = M.Modal.init(elem, {dismissible: false});
            instance.open(); #}
            swal({
                title: "Borrar adjunto",
                text: "¿Está seguro que quiere borrar el adjunto?",
                icon: "warning",
                buttons: true,
                dangerMode: true,
            })
            .then((aceptar) => {
                if(aceptar)
                {
                    const elem = document.getElementById('modalEliminarAdjunto');
                    const instance = M.Modal.init(elem, {dismissible: false});
                    instance.open();
                    if(e.target.type == "button")
                        $url_confirmar=e.target.attributes['data-url'].textContent;
                    else
                        $url_confirmar=e.target.parentElement.attributes['data-url'].textContent;
                    window.location.href = $url_confirmar;
                }   
            });
        }
        
        function descargarArchivoAdjunto(url,descripcion,urlArchivo) {
            downloadFile(url, descripcion); 
        }

        /**
        * Download a file without browser popup warning
        * @param {string} url The url of the file to download
        * @param {string} filename Set a new filename for the downloaded file (optional)
        */
        const downloadFile = (url, filename = '') => {
            if (filename.length === 0) filename = url.split('/').pop();
            const req = new XMLHttpRequest();
            req.open('GET', url, true);
            req.responseType = 'blob';
            req.onload = function () {
                const blob = new Blob([req.response], {
                type: 'application/pdf',
                });

                const isIE = false || !!document.documentMode;
                if (isIE) {
                window.navigator.msSaveBlob(blob, filename);
                } else {
                const windowUrl = window.URL || window.webkitURL;
                const href = windowUrl.createObjectURL(blob);
                const a = document.createElement('a');
                a.setAttribute('download', filename);
                a.setAttribute('href', href);
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);
                }
            };
            req.send();
        };
    </script>
{% endblock %}

{% block dialogos_modales %}
    <div id="modalEliminarAdjunto" class="modal">
        <div class="modal-content" style="display: flex;flex-direction: column;">
            <div style="align-self: center;">
                <h3>Eliminando</h3>
            </div>
            <div class="preloader-wrapper small active" style="align-self: center;">
                <div class="spinner-layer spinner-blue-only">
                    <div class="circle-clipper left">
                        <div class="circle"></div>
                    </div>
                    <div class="gap-patch">
                        <div class="circle"></div>
                    </div>
                    <div class="circle-clipper right">
                        <div class="circle"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
        </div>
    </div>
{% endblock %}

{% for adjunto in adjuntos %}
    <li class="collection-item">
        <div>
            <a href="{{ path('s_n_adjunto_notificacion_descargar', { idView : adjunto.idView }) }}"
            target="_blank">
            {{ adjunto.descripcion ? adjunto.descripcion : adjunto.urlAdjunto }}</a>

            <button data-target="modalEliminarAdjunto" type="button"
            class="identidad-color-text secondary-content  btn-flat" onclick="levantarModalBorrarAdjunto(event)" title="Eliminar adjunto" 
            data-url="{{ path('s_n_adjunto_notificacion_delete', { idView : adjunto.idView }) }}">
                <i class="material-icons">delete</i>
            </button>
            <br>
            <span> Fecha de carga: {{adjunto.fechaHoraAlta|format_datetime(pattern='EEEE', timezone='America/Argentina/Buenos_Aires')|capitalize ~ ' ' ~ adjunto.fechaHoraAlta|date('d/m/Y - H:i')}}</span>
        </div>
    </li>
{% else %}
    <li class="collection-item">
        No contiene adjuntos
    </li>
{% endfor %}
{# {% if error is defined %}
    <li class="collection-item">
        <div>
        {{error}}
        </div>
    </li>
{% endif %} #}