const cisaScripts = '<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>';
const cisaContenerDiv = document.getElementById("cisa-api-contener");
const cisaRaLoader = '<div class="progress"><div class="progress-bar progress-bar-warning progress-bar-striped active" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width:75%"><div style="font-weight:600; color: #000;">chargement du rapport...</div></div></div>';

document.addEventListener("DOMContentLoaded", function(event) {
    const request = new XMLHttpRequest();
        cisaContenerDiv.innerHTML=cisaRaLoader;
        request.onreadystatechange=function() {
        if(this.readyState==4 && this.status==200) {
            cisaContenerDiv.innerHTML=request.responseText;
            insertHTML(cisaScripts, cisaContenerDiv, true);
        }
    }
    request.open("GET","https://dev.cisa-unige.ch/symfony-api/public/activity-report/2024/");
    request.send();
});

function insertHTML(html, dest, append=false){
    if(!append) dest.innerHTML = '';
    let container = document.createElement('div');
    container.innerHTML = html;
    let scripts = container.querySelectorAll('script');
    let nodes = container.childNodes;
    for( let i=0; i< nodes.length; i++) dest.appendChild( nodes[i].cloneNode(true) );
    for( let i=0; i< scripts.length; i++){
        let script = document.createElement('script');
        script.type = scripts[i].type || 'text/javascript';
        if( scripts[i].hasAttribute('src') ) script.src = scripts[i].src;
        script.innerHTML = scripts[i].innerHTML;
        document.head.appendChild(script);
        document.head.removeChild(script);
    }
    return true;
}