//DEBUT GESTION DE HONORAIRE ET APPEL DE FOND
Vue.createApp({
    data() {
        return {
            message: 'Hello, Vue 3!',
            items:[],
            isLoading:false,
            itemTosave:{},
            session_content : {
                'dateLimiteUsage':document.getElementById('dateLimiteUsage')?.val(),
                'idUtilisateur':document.getElementById('idUtilisateur')?.val(),
                'login':document.getElementById('login')?.val(),
                'nomUtilisateur':document.getElementById('nomUtilisateur')?.val(),
                'prenomsUtilisateur':document.getElementById('prenomsUtilisateur')?.val(),
                'codeTypeUtilisateur':document.getElementById('codeTypeUtilisateur')?.val(),
                'utilisateur_C':document.getElementById('utilisateur_C')?.val(),
                'typeUtilisateur':document.getElementById('typeUtilisateur')?.val(),
                'telephoneUtilisateur':document.getElementById('telephoneUtilisateur')?.val(),
                'emailUtilisateur':document.getElementById('emailUtilisateur')?.val(),
                'codeProfilSysteme':document.getElementById('codeProfilSysteme')?.val(),
                'profil':document.getElementById('profil')?.val(),
                'gestionDroit':document.getElementById('gestionDroit')?.val(),
                'codePrestataireUtilisateur':document.getElementById('codePrestataireUtilisateur')?.val(),
                'codeTypePrestataireUtilisateur':document.getElementById('codeTypePrestataireUtilisateur')?.val(),
                'prestataireUtilisateur':document.getElementById('prestataireUtilisateur')?.val(),
                'telephonePrestataire':document.getElementById('telephonePrestataire')?.val(),
                'emailPrestataire':document.getElementById('emailPrestataire')?.val(),
                'adminProd':document.getElementById('adminProd')?.val(),
                'adminSin':document.getElementById('adminSin')?.val(),
                'adminBon':document.getElementById('adminBon')?.val(),
                'adminDiv':document.getElementById('adminDiv')?.val(),
                'superUser':document.getElementById('superUser')?.val(),
                'codeExercice_C':document.getElementById('codeExercice_C')?.val(),
                'codePeriodeMax':document.getElementById('codePeriodeMax')?.val(),
                'codeExercice1_C':document.getElementById('codeExercice1_C')?.val(),
                'codeExercice2_C':document.getElementById('codeExercice2_C')?.val(),
                'codeMois1_C':document.getElementById('codeMois1_C')?.val(),
                'codeMois2_C':document.getElementById('codeMois2_C')?.val(),
                'idAvenantFacturation':document.getElementById('idAvenantFacturation')?.val(),
                'dUneSemaineAvant_C':document.getElementById('dUneSemaineAvant_C')?.val(),
                'codeMois_C':document.getElementById('codeMois_C')?.val(),
                'dUneSemaineAvantFr_C':document.getElementById('dUneSemaineAvantFr_C')?.val(),
                'debutExercice_C':document.getElementById('debutExercice_C')?.val(),
                'debutExerciceFr_C':document.getElementById('debutExerciceFr_C')?.val(),
                'debutArchivage':document.getElementById('debutArchivage')?.val(),
                'debutArchivageFr':document.getElementById('debutArchivageFr')?.val(),
                'debutMois_C':document.getElementById('debutMois_C')?.val(),
                'debutMoisFr_C':document.getElementById('debutMoisFr_C')?.val(),
                'debutRequeteFr_C':document.getElementById('debutRequeteFr_C')?.val(),
                'finRequeteFr_C':document.getElementById('finRequeteFr_C')?.val(),
                'dateAnalyse_C':document.getElementById('dateAnalyse_C')?.val(),
                'dateAnalyseFr_C':document.getElementById('dateAnalyseFr_C')?.val(),
                'debutGc':document.getElementById('debutGc')?.val(),
                'debutGcFr':document.getElementById('debutGcFr')?.val(),
                'finGcFr':document.getElementById('finGcFr')?.val(),
                'hier_C':document.getElementById('hier_C')?.val(),
                'hierFr_C':document.getElementById('hierFr_C')?.val(),
                'modeDevis':document.getElementById('modeDevis')?.val(),
                'codeSociete':document.getElementById('codeSociete')?.val(),
                'adresseGeoSociete':document.getElementById('adresseGeoSociete')?.val(),
                'adressePostSociete':document.getElementById('adressePostSociete')?.val(),
                'telephoneSociete':document.getElementById('telephoneSociete')?.val(),
                'faxSociete':document.getElementById('faxSociete')?.val(),
                'codePaysSociete':document.getElementById('codePaysSociete')?.val(),
                'typeSociete':document.getElementById('typeSociete')?.val(),
                'nomSociete':document.getElementById('nomSociete')?.val(),
                'nomSociete_C':document.getElementById('nomSociete_C')?.val(),
                'nomProduitSante':document.getElementById('nomProduitSante')?.val(),
                'largeurPhoto':document.getElementById('largeurPhoto')?.val(),
                'longueurPhoto':document.getElementById('longueurPhoto')?.val(),
                'villeSociete':document.getElementById('villeSociete')?.val(),
                'nbUser':document.getElementById('nbUser')?.val(),
                'racineNoAdherent':document.getElementById('racineNoAdherent')?.val(),
                'tauxInteret':document.getElementById('tauxInteret')?.val(),
                'tauxRistourne':document.getElementById('tauxRistourne')?.val(),
                'primeBaseFamille':document.getElementById('primeBaseFamille')?.val(),
                'primeBaseBeneficiaire':document.getElementById('primeBaseBeneficiaire')?.val(),
                'medecinConseil':document.getElementById('medecinConseil')?.val(),
                'emailMedecinConseil':document.getElementById('emailMedecinConseil')?.val(),
                'telephoneMedecinConseil':document.getElementById('telephoneMedecinConseil')?.val(),
                'indicatifTelephone':document.getElementById('indicatifTelephone')?.val(),
                'emailAdministrateurSysteme':document.getElementById('emailAdministrateurSysteme')?.val(),
                'telephoneAdministrateurSysteme':document.getElementById('telephoneAdministrateurSysteme')?.val(),
                'codeInitiateurTache':document.getElementById('codeInitiateurTache')?.val(),
                'codeInitiateurTache':document.getElementById('codeInitiateurTache')?.val(),
                'timezone_identifier':document.getElementById('timezone_identifier')?.val(),
                'idClient_C':document.getElementById('idClient_C')?.val(),
                'numeroClient_C':document.getElementById('numeroClient_C')?.val(),
                'nomClient_C':document.getElementById('nomClient_C')?.val(),
                'codeLangueClient':document.getElementById('codeLangueClient')?.val(),
                'actesHarmonises':document.getElementById('actesHarmonises')?.val(),
                'fusionConsOrd':document.getElementById('fusionConsOrd')?.val(),
                'idClient_d_C':document.getElementById('idClient_d_C')?.val(),
                'nomClient_d_C':document.getElementById('nomClient_d_C')?.val(),
                'idPolice_C':document.getElementById('idPolice_C')?.val(),
                'numeroPolice_C':document.getElementById('numeroPolice_C')?.val(),
                'codeGcAssureur_C':document.getElementById('codeGcAssureur_C')?.val(),
                'codeTypeContrat':document.getElementById('codeTypeContrat')?.val(),
                'policeGroupe':document.getElementById('policeGroupe')?.val(),
                'codeEtape_C':document.getElementById('codeEtape_C')?.val(),
                'tauxTaxe_C':document.getElementById('tauxTaxe_C')?.val(),
                'tauxTaxeAccessoire_C':document.getElementById('tauxTaxeAccessoire_C')?.val(),
                'tauxCommission_C':document.getElementById('tauxCommission_C')?.val(),
                'deduireComm_C':document.getElementById('deduireComm_C')?.val(),
                'codeTypeAvenant_C':document.getElementById('codeTypeAvenant_C')?.val(),
                'codeTypeAvenantCpt_C':document.getElementById('codeTypeAvenantCpt_C')?.val(),
                'idPolice_d_C':document.getElementById('idPolice_d_C')?.val(),
                'numeroPolice_d_C':document.getElementById('numeroPolice_d_C')?.val(),
                'codeEtape_d_C':document.getElementById('codeEtape_d_C')?.val(),
                'tauxTaxe_d_C':document.getElementById('tauxTaxe_d_C')?.val(),
                'tauxTaxeAccessoire_d_C':document.getElementById('tauxTaxeAccessoire_d_C')?.val(),
                'tauxCommission_d_C':document.getElementById('tauxCommission_d_C')?.val(),
                'deduireComm_d_C':document.getElementById('deduireComm_d_C')?.val(),
                'codeEtatPolice_C':document.getElementById('codeEtatPolice_C')?.val(),
                'ndAdh_C':document.getElementById('ndAdh_C')?.val(),
                'ndDep_C':document.getElementById('ndDep_C')?.val(),
                'ndActif_C':document.getElementById('ndActif_C')?.val(),
                'nbCollege_C':document.getElementById('nbCollege_C')?.val(),
                'dateEffet_C':document.getElementById('dateEffet_C')?.val(),
                'dateFin_C':document.getElementById('dateFin_C')?.val(),
                'dateEcheance_C':document.getElementById('dateEcheance_C')?.val(),
                'DateRenouvellement_C':document.getElementById('DateRenouvellement_C')?.val(),
                'dateEffetPolice_C':document.getElementById('dateEffetPolice_C')?.val(),
                'dateFinPolice_C':document.getElementById('dateFinPolice_C')?.val(),
                'dateEcheancePolice_C':document.getElementById('dateEcheancePolice_C')?.val(),
                'dateEffetInitialPolice_C':document.getElementById('dateEffetInitialPolice_C')?.val(),
                'Patient_C':document.getElementById('Patient_C')?.val(),
                'dernierIdAvenant':document.getElementById('dernierIdAvenant')?.val(),
                'dernierDateAvenant':document.getElementById('dernierDateAvenant')?.val(),
                'dernierIdCollege':document.getElementById('dernierIdCollege')?.val(),
                'dateEffet_d_C':document.getElementById('dateEffet_d_C')?.val(),
                'dateFin_d_C':document.getElementById('dateFin_d_C')?.val(),
                'dateEcheance_d_C':document.getElementById('dateEcheance_d_C')?.val(),
                'idEmission_C':document.getElementById('idEmission_C')?.val(),
                'numeroEmission_C':document.getElementById('numeroEmission_C')?.val(),
                'idAdherent_C':document.getElementById('idAdherent_C')?.val(),
                'numeroAdherent_C':document.getElementById('numeroAdherent_C')?.val(),
                'codeEtatAdherent_C':document.getElementById('codeEtatAdherent_C')?.val(),
                'codeEtatBeneficiaire_C':document.getElementById('codeEtatBeneficiaire_C')?.val(),
                'nomAdherent_C':document.getElementById('nomAdherent_C')?.val(),
                'codeProduit_C':document.getElementById('codeProduit_C')?.val(),
                'idCollege_C':document.getElementById('idCollege_C')?.val(),
                'idClientAjax':document.getElementById('idClientAjax')?.val(),
                'idPoliceAjax':document.getElementById('idPoliceAjax')?.val(),
                'codeProduit_d_C':document.getElementById('codeProduit_d_C')?.val(),
                'idCollege_d_C':document.getElementById('idCollege_d_C')?.val(),
                'idClient_d_Ajax':document.getElementById('idClient_d_Ajax')?.val(),
                'idPolice_d_Ajax':document.getElementById('idPolice_d_Ajax')?.val(),
                'idBeneficiaire_C':document.getElementById('idBeneficiaire_C')?.val(),
                'numeroBeneficiaire_C':document.getElementById('numeroBeneficiaire_C')?.val(),
                'nomBeneficiaire_C':document.getElementById('nomBeneficiaire_C')?.val(),
                'dossierPhoto_C':document.getElementById('dossierPhoto_C')?.val(),
                'lienPhoto_C':document.getElementById('lienPhoto_C')?.val(),
                'codeLienParente_C':document.getElementById('codeLienParente_C')?.val(),
                'idSubstitut_C':document.getElementById('idSubstitut_C')?.val(),
                'substitutnonassure_C':document.getElementById('substitutnonassure_C')?.val(),
                'substitutenVigueur_C':document.getElementById('substitutenVigueur_C')?.val(),
                'fraisCarteImp':document.getElementById('fraisCarteImp')?.val(),
                'numeroOptionTarif':document.getElementById('numeroOptionTarif')?.val(),
                'exercieReference_C':document.getElementById('exercieReference_C')?.val(),
                'codeLocalite':document.getElementById('codeLocalite')?.val(),
                'idEntetecontrat':document.getElementById('idEntetecontrat')?.val(),
                'idEntetecontratPolice':document.getElementById('idEntetecontratPolice')?.val(),
                'idSaisie':document.getElementById('idSaisie')?.val(),
                'idSaisie':document.getElementById('idSaisie')?.val(),
                'd1_C':document.getElementById('d1_C')?.val(),
                'd2_C':document.getElementById('d2_C')?.val(),
                'dossierSociete':document.getElementById('dossierSociete')?.val(),
                'codePrestataire_C':document.getElementById('codePrestataire_C')?.val(),
                'controlerPlafondAdherent':document.getElementById('controlerPlafondAdherent')?.val(),
                'controlerPlafondBeneficiaire':document.getElementById('controlerPlafondBeneficiaire')?.val(),
                'decompte_factures_chargees_C':document.getElementById('decompte_factures_chargees_C')?.val(),
                'idDossierClassiquePolice':document.getElementById('idDossierClassiquePolice')?.val(),
                'devise_C':document.getElementById('devise_C')?.val(),
                'codeLangueSociete':document.getElementById('codeLangueSociete')?.val(),
                'codeLangueAdherent':document.getElementById('codeLangueAdherent')?.val(),
                'lang':document.getElementById('lang')?.val(),
                'codeProduitBase':document.getElementById('codeProduitBase')?.val(),
                'barMenu':document.getElementById('barMenu')?.val(),
                'libelleLang':document.getElementById('libelleLang')?.val(),
                'fournisseurSms':document.getElementById('fournisseurSms')?.val(),
                'envoismsactif':document.getElementById('envoismsactif')?.val(),
                'smsAssure':document.getElementById('smsAssure')?.val(),
                'copieSmsPrestataireAssure':document.getElementById('copieSmsPrestataireAssure')?.val(),
                'actVisible':document.getElementById('actVisible')?.val(),
                'AffectionVisible':document.getElementById('AffectionVisible')?.val(),
                'estMedecin':document.getElementById('estMedecin')?.val(),
                'codePointVente':document.getElementById('codePointVente')?.val(),
                'filtrePointVente':document.getElementById('filtrePointVente')?.val(),
                'menu':document.getElementById('menu')?.val(),
                'idReglement_C':document.getElementById('idReglement_C')?.val(),
                'numeroDemandeDecompte_C':document.getElementById('numeroDemandeDecompte_C')?.val(),
                'idPaiementDecompte_C':document.getElementById('idPaiementDecompte_C')?.val(),
                'numeroReglement_C':document.getElementById('numeroReglement_C')?.val(),
                'decede_C':document.getElementById('decede_C')?.val(),
                'dateDeces_C':document.getElementById('dateDeces_C')?.val(),
                'fraisFuneraireDemande_C':document.getElementById('fraisFuneraireDemande_C')?.val(),
                'codePrestataire_C':document.getElementById('codePrestataire_C')?.val(),
                'codePrestataireLivraison_C':document.getElementById('codePrestataireLivraison_C')?.val(),
                'codePrestataire_Dec':document.getElementById('codePrestataire_Dec')?.val(),
                'codePrestataire_CSO':document.getElementById('codePrestataire_CSO')?.val(),
                'codePrestataire_PHA':document.getElementById('codePrestataire_PHA')?.val(),
                'codePrestataire_OPT':document.getElementById('codePrestataire_OPT')?.val(),
                'codePrestataire_SEA':document.getElementById('codePrestataire_SEA')?.val(),
                'codePrestataire_LAB':document.getElementById('codePrestataire_LAB')?.val(),
                'codeTypeBon_C':document.getElementById('codeTypeBon_C')?.val(),
                'idgenerartionbon_C':document.getElementById('idgenerartionbon_C')?.val(),
                'prestataire_C':document.getElementById('prestataire_C')?.val(),
                'codeReseauPrestataire_C':document.getElementById('codeReseauPrestataire_C')?.val(),
                'codeTypePrestataire_C':document.getElementById('codeTypePrestataire_C')?.val(),
                'codeTypeDecompte_C':document.getElementById('codeTypeDecompte_C')?.val(),
                'typeprestataire_C':document.getElementById('typeprestataire_C')?.val(),
                'reseausoinPrestataire_C':document.getElementById('reseausoinPrestataire_C')?.val(),
                'numeroFeuilleMaladie_C':document.getElementById('numeroFeuilleMaladie_C')?.val(),
                'numeroPrescription_C':document.getElementById('numeroPrescription_C')?.val(),
                'numeroOptique_C':document.getElementById('numeroOptique_C')?.val(),
                'numeroExamen_C':document.getElementById('numeroExamen_C')?.val(),
                'numeroPrescriptionKine_C':document.getElementById('numeroPrescriptionKine_C')?.val(),
                'idFacture_C':document.getElementById('idFacture_C')?.val(),
                'numeroBonConsultation_C':document.getElementById('numeroBonConsultation_C')?.val(),
                'numeroBonHospitalisation_C':document.getElementById('numeroBonHospitalisation_C')?.val(),
                'hospitalisation_C':document.getElementById('hospitalisation_C')?.val(),
                'chirurgie_C':document.getElementById('chirurgie_C')?.val(),
                'numeroBonOptique_C':document.getElementById('numeroBonOptique_C')?.val(),
                'numeroBonOrdonnance_C':document.getElementById('numeroBonOrdonnance_C')?.val(),
                'numeroBonExamen_C':document.getElementById('numeroBonExamen_C')?.val(),
                'numeroBonKine_C':document.getElementById('numeroBonKine_C')?.val(),
                'numeroBonSeance_C':document.getElementById('numeroBonSeance_C')?.val(),
                'codeFamilleActePharmacie_C':document.getElementById('codeFamilleActePharmacie_C')?.val(),
                'codeActePharmacie_C':document.getElementById('codeActePharmacie_C')?.val(),
                'codeFamilleActeOptique_C':document.getElementById('codeFamilleActeOptique_C')?.val(),
                'codeActeMonture_C':document.getElementById('codeActeMonture_C')?.val(),
                'codeTarifMedicament_C':document.getElementById('codeTarifMedicament_C')?.val(),
                'codeTarifOptique_C':document.getElementById('codeTarifOptique_C')?.val(),
                'codeTarifActe_C':document.getElementById('codeTarifActe_C')?.val(),
                'idActe_C':document.getElementById('idActe_C')?.val(),
                'codeFamilleActe_C':document.getElementById('codeFamilleActe_C')?.val(),
                'idEntetestat_C':document.getElementById('idEntetestat_C')?.val(),
                'lienPrestation_C':document.getElementById('lienPrestation_C')?.val(),
                'lienProduction_C':document.getElementById('lienProduction_C')?.val(),
                'lienServeur':document.getElementById('lienServeur')?.val(),
                'lienGc_C':document.getElementById('lienGc_C')?.val(),
                'dossierGed':document.getElementById('dossierGed')?.val(),
                'cheminGed':document.getElementById('cheminGed')?.val(),
                'cheminTarifs':document.getElementById('cheminTarifs')?.val(),
                'nbMessagesNonLus_C':document.getElementById('nbMessagesNonLus_C')?.val(),
                'codeUtilisateur':document.getElementById('codeUtilisateur')?.val(),
                'codeModeBiometrie':document.getElementById('codeModeBiometrie')?.val(),
                'fingerActif':document.getElementById('fingerActif')?.val(),
                'faceActif':document.getElementById('faceActif')?.val(),
                'okId':document.getElementById('okId')?.val(),
                'okId_face':document.getElementById('okId_face')?.val(),
                'controlPlafondAdherent':document.getElementById('controlPlafondAdherent')?.val(),
                'controlPlafondBeneficiaire':document.getElementById('controlPlafondBeneficiaire')?.val(),
                'prestationParLienParente':document.getElementById('prestationParLienParente')?.val(),
                'changerMotPassDefaut':document.getElementById('changerMotPassDefaut')?.val(),
                'verifierLongueurPass':document.getElementById('verifierLongueurPass')?.val(),
                'dureeSession':document.getElementById('dureeSession')?.val(),
                'codeModeGenerationPass':document.getElementById('codeModeGenerationPass')?.val(),
                'passExpired':document.getElementById('passExpired')?.val(),
                'passAchanger':document.getElementById('passAchanger')?.val(),
            } 
        };
    },
    mounted() {

        // this.fetchData();
        // this.postData();
        // var session_data = session_data

        // console.log('session_data: ',session_data)  
        const valeur = session_content   

      },
      methods: {
        openSweetAlert(icon ='info',text='Test message',title='Alert information'){
            swal({
                title: title,
                text: text,
                icon: icon,
              });
        },
        confirmSave(){
            // toastr.success('Hello, Toastr!', 'Success');
            console.log('itemToSave: ',this.itemTosave)
            // this.openSweetAlert('success','Opération éffectuée avec succès','Création d\'utilisateur')
            this.openSweetAlert('warning','Vous êtes sur le point de créer un utilisateur, poursuivre?','Création d\'utilisateur')

        },
        openModal(data){
            this.itemTosave={}
            if(data.id){
                this.itemTosave = data
            }
            console.log('data: ',data.id)
            const myModal = this.$refs.myModal;
            myModal.classList.add('show');
            myModal.style.display = 'block';
        },

        closeModal(){
            const myModal = this.$refs.myModal;
            myModal.classList.remove('show');
            myModal.style.display = 'none';
        },
        async fetchData() {
          try {
            const response = await fetch('https://jsonplaceholder.typicode.com/todos');
            const data = await response.json();
            this.items = data;
            console.log('api data: ',this.items)
          } catch (error) {
            console.error('Error fetching data:', error);
          }
        },

        getItemsUser() {
            this.isLoading = true
            this.items=[]
            const data = {
                "user": 48,
                "data": {
                    "login":"amea"
                },
                "index": 1,
                "size": 10
            }
            // debugger
            var url = "http://154.0.29.217:7001/api/mciebene/users/getByCriteria"
            // Default options are marked with *
            fetch(url, {
                method: 'POST',
                headers: {
                  'Content-Type': 'application/json',
                  // Add any additional headers here
                },
                body: JSON.stringify(data)
              })
                .then(response => response.json())
                .then(data => {
                    this.isLoading = false
                    console.log('Success:', data)
                    // this.items = data.items
                    console.log('items:', data.items)
                    console.log('items:', data['items'])
                    // const values = data.items[0]
                    // const valuesArray = Object.values(data.items[0]);
                    // console.log('valuesArray: ',valuesArray)
                    this.items = data.items
                })
                .catch(error => console.error('Error:', error));
          }

          
      },
}).mount('#appHonnaireAppelFond');


//FIN GESTION DE HONORAIRE ET APPEL DE FOND






//DEBUT TABLEAU DE BORD PRODUCTION


Vue.createApp({
    data() {
        return {
            message: 'Hello, Vue 3!',
            items:[],
            isLoading:false,
            itemToSave:{},
          baseUrl:'http://154.0.29.217:7001/api'
            
        };
    },
    mounted() {
        this.getItemsGarant()
        // myChart1.destroy();
        // myChart2.destroy();
        // myChart3.destroy();

        // this.drawChart1(),
        // this.drawChart2(),
        // this.drawChart3()

        // this.fetchData();
        // this.postData();
        // var session_data = session_data

        // console.log('session_data: ',session_data)  
        // const valeur = session_content   

      },
      methods: {
        getItemsGarant() {
            this.isLoading = true
            this.items=[]
            const data = {
                user: 48,
                data: {
                    p_typeGarant: 0,
                    p_libelle: "%%",
                    p_codeGcAssureur:"%%"
                },
                "index": 1,
                "size": 10
            }
            // debugger
            var url = "http://154.0.29.217:7001/api/mciebene/garants/getByCriteria"
            // Default options are marked with *
            fetch(url, {
                method: 'POST',
                headers: {
                  'Content-Type': 'application/json',
                  // Add any additional headers here
                },
                body: JSON.stringify(data)
              })
                .then(response => response.json())
                .then(data => {
                    this.isLoading = false
                    console.log('Success:', data)
                    // this.items = data.items
                    console.log('items:', data.items)
                    console.log('items:', data['items'])
                    // const values = data.items[0]
                    // const valuesArray = Object.values(data.items[0]);
                    // console.log('valuesArray: ',valuesArray)
                    this.items = data.items
                })
                .catch(error => console.error('Error:', error));
          },
        drawChart1(){
            var data = {
                labels: ["Label 1", "Label 2", "Label 3", "Label 4", "Label 5"],
                datasets: [{
                  label: "My Dataset",
                  borderColor: "#FF6384",
                  data: [10, 20, 15, 25, 18],
                  fill: false
                }]
              };
          
              // Get the context of the canvas element we want to select
              var ctx = document.getElementById("myChart")
          
              // Create a line chart
              this.myChart1 = new Chart(ctx, {
                type: 'line',
                data: data
              });
        },
        drawChart2(){
            const ctx = document.getElementById('myChart2');
            new Chart(ctx, {
                type: 'bar',
                data: {
                  labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
                  datasets: [{
                    label: '# of Votes',
                    data: [12, 19, 3, 5, 2, 3],
                    borderWidth: 1
                  },
                  {
                    label: '# of Votes',
                    data: [12, 15, 3, 3, 0, 10],
                    borderWidth: 1
                  }]
                },
                options: {
                  scales: {
                    y: {
                      beginAtZero: true
                    }
                  }
                }
              });
        },
        drawChart3(){
            var data = {
                labels: ["Label 1", "Label 2", "Label 3", "Label 4"],
                datasets: [{
                  data: [30, 20, 25, 25],
                  backgroundColor: ["#FF6384", "#36A2EB", "#FFCE56", "#4CAF50"]
                }]
              };
          
              // Get the context of the canvas element we want to select
              var ctx = document.getElementById("myChart3")
          
              // Create a pie chart
                new Chart(ctx, {
                type: 'pie',
                data: data
              });
        },
        openSweetAlert(icon ='info',text='Test message',title='Alert information'){
            swal({
                title: title,
                text: text,
                icon: icon,
              });
        },
       
        openModal(data){
            this.itemTosave={}
            if(data.id){
                this.itemTosave = data
            }
            console.log('data: ',data.id)
            const myModal = this.$refs.myModal;
            myModal.classList.add('show');
            myModal.style.display = 'block';
        },

        closeModal(){
            const myModal = this.$refs.myModal;
            myModal.classList.remove('show');
            myModal.style.display = 'none';
        },
        async fetchData() {
          try {
            const response = await fetch('https://jsonplaceholder.typicode.com/todos');
            const data = await response.json();
            this.items = data;
            console.log('api data: ',this.items)
          } catch (error) {
            console.error('Error fetching data:', error);
          }
        },

        

          
      },
}).mount('#dashboardProductionVue');

//FIN TABLEAU DE BORD PRODUCTION


//SIDEBAR


Vue.createApp({
  
  data() {
      return {
          message: 'Hello, Vue 3!',
          items:[],
          isLoading:false,
          itemToSave:{},
          baseUrl:'http://154.0.29.217:7001/api',
  
          
          
      };
  },
  mounted() {

    
    // codeSociete = document.getElementById('codeProfil').value
      // let codeProfil = document.getElementById('codeProfil').value
      // let codeSociete = document.getElementById('codeSociete').value
      // this.getItemsMainMenus(codeSociete,codeProfil);
       

    },
    methods: {
      getItemsMainMenus(societe,profil) {
          this.isLoading = true
          this.items=[]
          const data = {
              user: 48,
              data: {
                p_codeSociete: societe,
                p_codeProfil: profil
              },
              "index": 1,
              "size": 10
          }
          // debugger
          // var url = "http://154.0.29.217:7001/api/mciebene/garants/getByCriteria"
          var url = `${this.baseUrl}/mciebene/mainMenus/getByCriteria`
          // Default options are marked with *
          fetch(url, {
              method: 'POST',
              headers: {
                'Content-Type': 'application/json',
                // Add any additional headers here
              },
              body: JSON.stringify(data)
            })
              .then(response => response.json())
              .then(data => {
                  this.isLoading = false
                  console.log('items before:', data.items)
                  // data.items.map(it=>{
                  //   it.children = this.fetchPostData(it)
                  // })
                  
                  // this.items = JSON.parse(JSON.stringify(data.items)) 
                  this.items = data.items
                  console.log('items after',this.items)

              })
              .catch(error => console.error('Error:', error));
        },

        getItemsSubMenus(item={}) {
          let codeProfil = document.getElementById('codeProfil').value
          let codeSociete = document.getElementById('codeSociete').value
          this.isLoading = true
          this.subItems=[]
          const data = {
              user: 48,
              data: {
                p_codeSociete: codeSociete,
                p_codeProfil: codeProfil,
                p_vue: item.codeMenu
              },
              "index": 1,
              "size": 10
          }
          // debugger
          // var url = "http://154.0.29.217:7001/api/mciebene/garants/getByCriteria"
          var url = `${this.baseUrl}/mciebene/subMenus/getByCriteria`
          // Default options are marked with *
          fetch(url, {
              method: 'POST',
              headers: {
                'Content-Type': 'application/json',
                // Add any additional headers here
              },
              body: JSON.stringify(data)
            })
              // .then(response => response.json())
              .then(data => {
                  this.isLoading = false
                  console.log('subItems:', data.items)
                  // this.subItems = data.items
                  return data.items
              })
              .catch(error => {

                console.error('Error:', error)
                return []
              });
        },
        async fetchPostData(item) {
          try {
            // Replace 'YOUR_API_ENDPOINT' with the actual API endpoint
            const body = {
              user: 48,
              data: {
                p_codeSociete: codeSociete,
                p_codeProfil: codeProfil,
                p_vue: item.codeMenu
              },
              "index": 1,
              "size": 10
          }

            const response = await fetch(`${this.baseUrl}/mciebene/subMenus/getByCriteria`, {
              method: 'POST',
              headers: {
                'Content-Type': 'application/json',
                // You may need additional headers based on your API requirements
              },
              // Replace 'yourRequestBody' with the actual request body
              body: JSON.stringify(body),
            });
    
            if (!response.ok) {
              throw new Error('Network response was not ok');
              return []
            }
    
            const data = await response.json();
            // this.postData = data;
            return data.items
          } catch (error) {
            console.error('Error fetching data:', error);
            return []

          }
        },


      openSweetAlert(icon ='info',text='Test message',title='Alert information'){
          swal({
              title: title,
              text: text,
              icon: icon,
            });
      },
     
      openModal(data){
          this.itemTosave={}
          if(data.id){
              this.itemTosave = data
          }
          console.log('data: ',data.id)
          const myModal = this.$refs.myModal;
          myModal.classList.add('show');
          myModal.style.display = 'block';
      },

      closeModal(){
          const myModal = this.$refs.myModal;
          myModal.classList.remove('show');
          myModal.style.display = 'none';
      },
      async fetchData() {
        try {
          const response = await fetch('https://jsonplaceholder.typicode.com/todos');
          const data = await response.json();
          this.items = data;
          console.log('api data: ',this.items)
        } catch (error) {
          console.error('Error fetching data:', error);
        }
      },

      

        
    },
}).mount('#sidebarnavvue');

//END SIDE BAR