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

{% set client = ClientLivrable.getClient() %}

{% block title %}{{ ClientLivrable.getLivrable().getTitre() }} - {{ client.getNomDossier() }}
    {% if ClientLivrable.getModeleName() != "" %} - Modèle {{ ClientLivrable.getModeleName() }}{% endif %}{% endblock %}

{% block body %}

{% set latestFec = client.getLatestFec() %}
{% set maxYear = latestFec ? latestFec.getDateCloture().format('Y') : null %}

<style>
    :root {
        --couleur-client: {{ client.getParentUser().getColorStrong() }}; /* Remplacez #007bff par la couleur désirée */
    }
</style>

<div id="pbi-topbar">
    <span class="brand-text font-weight-light"><strong>Pilot</strong>Guard</span>
    <h1 class="d-inline-flex align-items-center">
        {{ ClientLivrable.getLivrable().getTitre() }} - {{ client.getNomDossier() }}
        {% if ClientLivrable.getModeleName() != "" %} - Modèle {{ ClientLivrable.getModeleName() }} - {{ client.isComptaEngagement ? 'Engagement' : 'Trésorerie' }}{% endif %}
    </h1>

    <div class="actions">

        <!--<div class="filters-wrapper d-inline-block">

            <div class="FiscalYearSelector-wrapper d-inline-flex align-items-center ml-1">
                <label for="FiscalYearSelector" class="text-white mt-1 mr-2">Année : </label>
                <select name="fiscal_year" id="FiscalYearSelector" class="form-control w-auto bg-dark text-white">
                    {% set sortedFecs = client.getSortedFecs() %}
                    {% for fec in sortedFecs %}
                        {% set year = fec.getDateCloture().format('Y') %}
                        <option value="{{ year }}" {% if year == maxYear %}selected{% endif %}>{{ year }}</option>
                    {% endfor %}
                </select>
            </div>

        </div>-->
        <a href="{{ path('app_lancer_traitement', {'id': ClientLivrable.id, 'redirect': 'edit'}) }}" class="btn btn-sm btn-success btn-launch-traitement"><i class="fas fa-file-export mr-1"></i>Générer un rapport commenté</a>
        <a href="{{ path('app_powerbi_export_pdf', {id:ClientLivrable.id} ) }}?year={{ maxYear }}" class="btn btn-sm btn-primary btn-danger export-pdf px-2" id="export-button"><i class="fas fa-file-pdf mr-1"></i> Exporter en PDF</a>
    </div>
</div>

<div id="report-nav"></div>

{% if refreshMessage %}
    <div class="alert alert-info text-center mb-0">
        {{ refreshMessage }}
        <button class="btn btn-primary btn-sm ml-3" onclick="location.reload();"><i class="fas fa-sync-alt mr-2"></i> Rafraîchir</button>
    </div>
{% endif %}

<div id="HomePageWrapper">
    <div class="HomePageContent">
        <h1>Votre Tableau <br>de Bord</h1>
        <h2>
            {% if ClientLivrable.livrable.id == 1 %}
                annuel <small>{{ maxYear }}</small>
            {% else %}
                périodique
            {% endif %}
        </h2>

        <img src="{{ client.getParentUser().getHomePagePhoto() }}" alt="{{ client.getParentUser().getNom() }}" id="PhotoCabinet">

        <div class="LigneCabinet"><span>{{ client.getParentUser().getNom() }}</span></div>

        <div class="LigneDossier">{{ client.getNomDossier() }}</div>
        
    </div>
</div>
<div id="reportContainer" style=""></div>

<script src="/plugins/jquery/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/powerbi-client@2.18.2/dist/powerbi.js"></script>
<script>
    $('#HomePageWrapper').hide();
// Paramètres pour intégrer le rapport Power BI
var embedUrl = "https://app.powerbi.com/reportEmbed?reportId={{ reportId }}&groupId={{ workspaceId }}";

var pageBG="{{ client.getParentUser().getPbiPageBg() }}";


var embedToken = "{{ embedToken }}";
var reportId = "{{ reportId }}";

const overlay = $(`
        <div id="overlay">
            <div class="loader"></div>
            <p>Chargement du rapport...</p>
        </div>
    `);
$('body').append(overlay);

if (window.powerbi) {
    // Configuration de l'intégration Power BI Embedded
    const models = window['powerbi-client'].models;
    const config = {
        type: 'report',
        tokenType: models.TokenType.Embed,
        accessToken: embedToken,
        embedUrl: embedUrl,
        id: reportId,
        settings: {
            filterPaneEnabled: true,
            navContentPaneEnabled: false,
            panes: {
                pageNavigation: {
                    visible: false,
                    position: models.PageNavigationPosition.top
                },
                filterPane: {
                    visible: true
                }
            },
            layoutType: models.LayoutType.FitToPage,
            responsive: true,
            background: models.BackgroundType.Transparent
        }
    };

    // Conteneur pour afficher le rapport
    const reportContainer = $('#reportContainer')[0];
    const report = powerbi.embed(reportContainer, config);

    report.on('loaded', async function() {
        try {


            {% if ClientLivrable.livrable.id == 2 %}
                applyYearFilterAndComparaison({{ maxYear }});
            {% else %}
                applyYearFilter({{ maxYear }});
            {% endif %}

            // Sélectionner la page d'accueil par défaut
            const pages = await report.getPages();

            // Générer la navigation HTML pour les pages du rapport
            let navHtml = `
                <nav class="navbar navbar-expand navbar-light bg-light pt-0">
                    <div class="container-fluid">
                        <ul class="navbar-nav mx-auto">
                            <li class="nav-item">
                                <a href="#" class="nav-link" data-page-name="Accueil">Accueil</a>
                            </li>
                    `;

                        $.each(pages, function(index, page) {
                            if (page.visibility == 0) { // Vérification si la page est visible
                                navHtml += `
                            <li class="nav-item">
                                <a href="#" class="nav-link" data-page-name="${page.name}">${page.displayName}</a>
                            </li>
                            `;
                                    }
                            });

                    navHtml += `
                        </ul>
                    </div>
                </nav>
                `;

            // Insérer la navigation dans le conteneur prévu
            $('#report-nav').html(navHtml);

            // Gestionnaire de clic pour changer de page
            $('.nav-link').on('click', async function(e) {
                e.preventDefault();

                // Retirer la classe active de tous les liens
                $('.nav-link').removeClass('active');

                // Ajouter la classe active au lien cliqué
                $(this).addClass('active');

                // Changer la page du rapport
                const pageName = $(this).data('page-name');
                const targetPage = pages.find(page => page.name === pageName);

                // Vérifier si la page sélectionnée est la première
                if (pageName === 'Accueil') { // Remplacez 'firstPageName' par le nom réel de la première page
                    $('#reportContainer').hide();
                    $('#HomePageWrapper').show();
                } else {
                    await targetPage.setActive();
                    //applyYearFilter({{ maxYear }});
                    $('#reportContainer').css('background-image', `url('${pageBG}')`).show();
                    $('#HomePageWrapper').hide();
                }
            });

            // Ajouter la classe active au lien de la page d'accueil par défaut
            $('.nav-link').eq(0).addClass('active');
            $('#overlay').remove();
            $('#HomePageWrapper').fadeIn();
            $('#reportContainer').hide();

        } catch (error) {
            console.error("Erreur lors de l'initialisation du rapport : ", error);
        }
    });

    // Fonction pour appliquer un filtre d'année
    function applyYearFilter(year) {
        report.getFilters()
            .then(existingFilters => {
                //console.log(existingFilters);
                const yearFilter = {
                    $schema: "https://powerbi.com/product/schema#basic",
                    target: { table: "F_Ecritures", column: "Année" },
                    operator: "In",
                    values: [
                        {% if ClientLivrable.livrable.id == 2 %}
                        year.toString()
                        {% else %}
                        year
                        {% endif %}
                    ],
                    requireSingleSelection: true
                };
                const clientFilter = {
                    $schema: "https://powerbi.com/product/schema#basic",
                    target: { table: "F_Ecritures", column: "client_id" },
                    operator: "In",
                    values: [{{ client.id }}]
                };
                const updatedFilters = [ yearFilter, clientFilter];

                return report.setFilters(updatedFilters)
                    .then(() => console.log("Filtre appliqué pour l'année - avec existants : " + year))
                    .catch(error => console.error("Erreur lors de l'application du filtre : ", error));
            });
    }

    // Fonction pour appliquer un filtre d'année
    function applyYearFilterAndComparaison(year) {
        report.getFilters()
            .then(existingFilters => {
                // Création du filtre année
                const yearFilter = {
                    $schema: "https://powerbi.com/product/schema#basic",
                    target: { table: "F_Ecritures", column: "Année" },
                    operator: "In",
                    values: [
                        year.toString()
                    ],
                    requireSingleSelection: true
                };

                // Création du filtre comparaison
                const compFilter = {
                    $schema: "http://powerbi.com/product/schema#basic",
                    target: { table: "Comparaison", column: "Comparaison" },
                    operator: "In",
                    values: [
                        {% if client.hasBudget() %}
                        "Budget"
                        {% else %}
                        "{{ maxYear - 1 }}"
                        {% endif %}
                    ],
                    requireSingleSelection: true
                };

                // Ajouter nos nouveaux filtres aux filtres existants
                const updatedFilters = [...existingFilters, yearFilter, compFilter];

                // Appliquer les filtres mis à jour
                return report.setFilters(updatedFilters);
            })
            .then(() => console.log("Filtres ajoutés sans écraser les existants pour l'année : " + year))
            .catch(error => console.error("Erreur lors de l'ajout des filtres : ", error));
    }

    // Largeur du Filter Pane
    const filterPaneWidth = 200;

// Fonction pour ouvrir en permanence le Filter Pane
    function forceOpenFilterPane() {
        report.updateSettings({
            panes: {
                filters: { expanded: true }
            }
        }).then(() => {
            console.log("Filter Pane ouvert !");
        }).catch(error => console.error("Erreur lors de l'ouverture du Filter Pane :", error));
    }

// Vérifier si l'utilisateur ferme le Filter Pane et le rouvrir immédiatement
    setInterval(forceOpenFilterPane, 2000);

    // Variable pour conserver la valeur précédente du filtre "Année"
    let previousYear = null;

    report.on('rendered', async () => {
        try {
            // Récupère l'ensemble des filtres appliqués au rapport
            const filters = await report.getFilters();

            // Recherche le filtre portant sur la colonne "Année" de la table "F_Ecritures"
            const yearFilter = filters.find(f =>
                f.target && f.target.table === "F_Ecritures" && f.target.column === "Année"
            );

            if (yearFilter && yearFilter.values && yearFilter.values.length > 0) {
                // Pour un filtre Basic, on suppose qu'il y a une seule valeur sélectionnée
                const selectedYear = yearFilter.values[0];

                // Vérifie si la valeur du filtre a changé par rapport à la précédente
                if (selectedYear !== previousYear) {
                    previousYear = selectedYear;

                    // Récupère l'URL du bouton d'export sans les paramètres existants
                    const exportUrl = $('#export-button').attr('href').split('?')[0];

                    // Met à jour l'attribut href du bouton d'export avec le nouveau paramètre year
                    $('#export-button').attr('href', `${exportUrl}?year=${selectedYear}`);
                    console.log("Export URL mis à jour avec year =", selectedYear);
                }
            } else {
                console.log("Aucun filtre 'Année' trouvé ou pas de valeur sélectionnée.");
            }
        } catch (error) {
            console.error("Erreur lors de la récupération des filtres :", error);
        }
    });



    // Appliquer le filtre d'année à partir du sélecteur d'année
    $('#export-button').on('click', function(e) {
        e.preventDefault();

        // Afficher l'overlay avec le loader et la barre de chargement
        const overlay = $(`
            <div id="overlay">
                <p>Génération du PDF en cours...</p>
                <div class="progress-bar-container">
                    <div class="progress-bar"></div>
                </div>
            </div>
        `);
        $('body').append(overlay);

        // Animation de la barre de progression pendant 2 minutes (120 secondes)
        $('.progress-bar').animate({ width: '100%' }, 140000); // 120000 ms = 2 minutes


        // URL de la route pour générer le PDF
        const exportUrl = $(this).attr('href');

        // Envoi d'une requête AJAX pour générer le PDF
        $.ajax({
            url: exportUrl,
            method: 'GET',
            xhrFields: { responseType: 'blob' }, // Demande la réponse en binaire
            success: function(response, status, xhr) {
                // Masquer l'overlay
                $('#overlay').remove();

                const disposition = xhr.getResponseHeader('Content-Disposition');
                let fileName = 'rapport_powerbi.pdf'; // Nom par défaut
                if (disposition && disposition.indexOf('filename=') !== -1) {
                    const fileNameMatch = disposition.match(/filename="?([^"]+)"?/);
                    if (fileNameMatch.length > 1) {
                        fileName = fileNameMatch[1];
                    }
                }

                // Créer un lien de téléchargement temporaire pour le PDF
                const url = window.URL.createObjectURL(new Blob([response], { type: 'application/pdf' }));
                const link = document.createElement('a');
                link.href = url;
                link.download = fileName;
                document.body.appendChild(link);
                link.click();
                document.body.removeChild(link);

                // Libérer l'URL créée
                window.URL.revokeObjectURL(url);
            },
            error: function() {
                $('#overlay').remove();
                alert('Erreur lors de la génération du PDF. Veuillez réessayer.');
            }
        });
    });


}


</script>

{% endblock %}