{% block javascripts %}
    <script type="text/javascript">
        
        function levantarModalBorrarAdjunto() {
            const elem = document.getElementById('modalEliminarAdjunto');
            const instance = M.Modal.init(elem, {dismissible: false});
            instance.open();
        }
        
        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|filter(adj => adj.id != null) %}
    <li class="collection-item">
        <div>
            <a href="{{ path('notificacion_adjunto_notificacion_descargar', { idView : adjunto.idView }) }}"
            target="_blank">
            {{ adjunto.descripcion ? adjunto.descripcion : adjunto.urlAdjunto }}</a>

            <a href="{{ path('notificacion_adjunto_notificacion_delete', { idView : adjunto.idView }) }}" data-target="modalEliminarAdjunto" 
                class="identidad-color-text secondary-content {# modal-trigger #}" onclick="levantarModalBorrarAdjunto()" title="Eliminar adjunto">
                <i class="material-icons">delete</i></a>
        </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 %}