
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<script src='js/jquery-3.3.1.min.js'></script>

    <script src="js/chart.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.css" >
<link rel="stylesheet" href="css/font-awesome.min.css" >
<script src="js/bootstrap.min.js" ></script>
    
 
<script src="js/jquery.redirect.js"></script>
    
    <title>Projection calcul installation</title>
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   
 <style>
     #drf{
     background-image:url('/images/Desert.jpg');
         }
    @page {
  size: A4;
  margin: 0;
}
     
         #client {
  position: absolute;
  right:400px;
  top  :150px;
  text-align: left;
  padding-top: 10px;
  border-bottom: 0px solid #AAAAAA;
  width: 320px;
  color:#2c2b2b;
}
       
     
@media print {
  html, body {
    width: 210mm;
    height: 297mm;
  }
      #client {
  position: absolute;
  right:3px;
  top  :130px;
  text-align: left;
  padding-top: 10px;
  border-bottom: 0px solid #AAAAAA;
  width: 320px;
  color:#2c2b2b;
}
    
  /* ... the rest of the rules ... */
}</style>
    <?php
    
    
		$NumeroIdxClient=$_POST['idxcli'];
        $NumeroIdxDevis=$_POST['dnumdevis'];
		
    // on se connecte à notre base pour client

$servername = "localhost:8889";
$username = "test";
$password = "test";
$dbname = "Clients";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

$sql = "SELECT * FROM data WHERE id=".$NumeroIdxClient." ";

//print "<br>".$sql;		

$result = $conn->query($sql);

if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) {
		
$SOC=$row["societe"];
$NOM1=$row["nom1"];
$NOM2=$row["nom2"];
$NOM3=$row["nom3"];
$NOM4=$row["nom4"];
$NOM5=$row["nom5"];
$TITRE=$row["titre"];
$PUB=$row["pub"];
$AC1=$row["ac1"];
$AC2=$row["ac2"];
$O1=$row["o1"];
$O2=$row["o2"];
$O3=$row["o3"];
$MAIL=$row["mail"];
$GSM=$row["gsm"];
$TEL=$row["tel"];
$SIDXCLI =$row["id"];
$AC1=$row["ac1"];
$AC2=$row["ac2"];
        
  //     $AC1=str_replace("'","\'",$AC1);
//       $AC2=str_replace("'","\'",$AC2);
        
     //  echo $AC1." ".$AC2."<br>"; 
        //echo "Soc: " . $row["societe"]. " - Nom: " . $row["nom1"]. " - idx: " . $row["id"]. " " . $row["nom2"]. "<br>";
		//echo "Soc: " . $row["societe"]. " - Nom: " . $row["nom1"]. "  " . $row["nom2"]. "<br>";
    } 
    
	
	} else {
   // echo "0 results";
}


$conn->close();
					 
		
		
   
    
    
    
    ?>
  
</head>
<body style="background: none;">
		 	<div class="container" >
   <style>
       
   
       
                </style>
       
       
       
                
                	  <div id="client">
			
   
            <h2 ><?php echo $SOC ?></h2>
			<div ><?php echo $TITRE.$NOM1 ?></div>
            <div ><?php echo $NOM2 ?></div>
			<div ><?php echo $NOM3 ?></div>
			<div ><?php echo $NOM4?></div>
			<div ><?php echo $NOM5?></div>
	
	
	
	
		
		   </div>
		
                
                
	<img src="img/logofac.png" class="img-fluid" width="100%">
  
        
<div style="margin-top: -50px;"> </div>
    
    
                <div class="row" >
    <div class="col">
      
  <div class="form-group d-print-none">
    <label for="exampleFormControlInput1">Nbre modules. <labelSurface></labelSurface></label>
    <input  type="number" name="panneaux" min="2" max="40" class="form-control" id="ControlInput1" value="10" placeholder="12">
  </div>
            
               <div class="form-group d-print-none">
    <label for="exampleFormControlSelect0">Marque et puissance :</label>
     <select id="panneaux" class="custom-select">
        
        	<?php				 // on se connecte à notre base

$servername = "localhost:8889";
$username = "root";
$password = "root";
$dbname = "devis";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 
                
                	 $sql = "SELECT * FROM panneaux";
   $result = $conn->query($sql);

if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) {
        
		print "<option data-loss='".$row["loss"]."' data-lg='".$row["largeur"]."' data-ht='".$row["hauteur"]."' data-value='".$row["puissance"]."' data-prix='".$row["prix"]."' value='1'>".$row["marque"]."</option>";
        
    } 
    
	
	} else {
    echo "0 results";
}

$conn->close();
					 
	
                
      ?>
        
 
</select>
  </div>
                 
              
 
              </div>   
                   
                  
                  
                 <div class="col">
  <div class="form-group d-print-none">
    <label for="exampleFormControlSelect2">Type de compteur électrique</label>
   <select  id="phase" class="custom-select">
  <option data-prix="1" selected value="1">Mono 220</option>
  <option data-prix="2" value="2">Triphasé 220 2 ondul.</option>
  <option data-prix="3" value="3">Triphasé 220 3 ondul.</option>
       <option data-prix="1" value="4">Triphasé 380 1 ondul.</option>
</select>
  </div>
              <div class="form-group d-print-none">
    <label for="exampleFormControlSelect2">Difficulté</label>
   <select id="ChantierP" class="custom-select">
   <option data-prix="0" selected value="1">Facile</option>
   <option data-prix="250" value="2">Moyennement facile</option>
   <option data-prix="500" value="3">Acces dificile</option>
   <option data-prix="1000" value="4">Acces très dificile</option>
</select>
  </div>
              
              
              

              </div>
              
              </div>
              
              
      <div class="row">
            <div class="col">
          
           <div class="form-group d-print-none">
    <label for="exampleFormControlSelect1">Toiture en :</label>
    <select  id="toit" class="custom-select">
  <option data-prix="35"  selected value="1">Tuiles</option>
  <option data-prix="50" value="2">Ardoises</option>
  <option data-prix="60" value="3">Plate</option>
  
</select>
  </div>
          </div>
           <div class="col">
            <div class="form-group d-print-none">
    <label for="exampleFormControlSelect6">Orient.(incl.35°)</label>
    <select  id="orientation" class="custom-select">
  <option data-pc="100"  selected value="1">Sud</option>
  <option data-pc="95" value="2">Sud-est</option>
  <option data-pc="83" value="2">Est</option>
  <option data-pc="95" value="2">Sud-Ouest</option>
  <option data-pc="82" value="2">Ouest</option>
  
</select>
               </div>
          </div>
           <div class="col d-print-none">
                         <div class="form-group">
    <label for="exampleFormControlSelect3"><labelPwErr></labelPwErr></label>
   <select id="onduleur" class="custom-select">
   <option data-prix="450"  data-power="1500" data-module="0" value="1">SMA SB 1,5</option>
   <option data-prix="530"  data-power="2000" data-module="0" value="1">SMA SB 2,0</option>
   <option data-prix="602"  data-power="2500" data-module="0" value="1">SMA SB 2,5</option>
   <option data-prix="750"  data-power="3000" data-module="0" value="1">SMA SB 3,0</option>
  <option data-prix="794"  data-power="3800" data-module="0" selected value="1">SMA SB 3,6</option>
  <option data-prix="811" data-power="4400" data-module="0" value="2">SMA SB 4</option>
  <option data-prix="906" data-power="5500" data-module="0" value="3">SMA SB 5</option>
  <option data-prix="1450" data-power="5500" data-module="0" value="2">SMA 5000 TL-20 </option>
  <option data-prix="1570" data-power="6600"  data-module="0" value="3">SMA 6000 TL-20</option>
   <option data-prix="1600" data-power="10000" data-module="0" value="2">SMA 7000 TL-20</option>
  <option data-prix="1670" data-power="10000" data-module="0" value="3">SMA 8000 TL-20</option>
<option data-prix="1790" data-power="12000" data-module="0" value="3">SMA 9000 TL-20</option>

 <option data-prix="345"  data-power="1000" data-module="0"  value="1">SE1000MME</option>
   <option data-prix="377"  data-power="1500"  data-module="0" value="1">SE1500MME</option>
   <option data-prix="431"  data-power="2000" data-module="0" value="1">SE2000MME</option>
  <option data-prix="507"  data-power="1000" data-module="0" value="1">SE1000MFU</option>
  <option data-prix="505" data-power="2000" data-module="39" value="2">SE2000HD</option>
  <option data-prix="514" data-power="2200" data-module="39" value="3">SE2200HD</option>
  <option data-prix="585" data-power="3000" data-module="39" value="2">SE3000HD</option>
  <option data-prix="673" data-power="3500" data-module="39" value="3">SE3500HD</option>
   <option data-prix="683" data-power="3600" data-module="39" value="2">SE3680HD</option>
  <option data-prix="722" data-power="4000" data-module="39" value="3">SE4000HD</option>
<option data-prix="761" data-power="5000" data-module="39" value="3">SE5000HD</option>

 <option data-prix="736" data-power="5500" data-module="39" value="2">SE3K-RW00ENNN2</option>
  <option data-prix="834" data-power="8000" data-module="39" value="3">SE4K-RW00ENNN2</option>
   <option data-prix="894" data-power="10000" data-module="39" value="2">SE5K-RW00ENNN2</option>
  <option data-prix="967" data-power="12000" data-module="39" value="3">SE6K-BE00ENNN2 - Delta GridD</option>
<option data-prix="967" data-power="13000" data-module="39" value="3">SE7K-BE00ENNN2 - Delta Grid</option>
</select>
  </div>
          
          </div></div> 
              <div>
                    <button class="save btn btn-primary d-print-none" >Enregistrer</button> 
                  </div>
              
              
              
              
              
              <hr> 
             
    
              <div class="row">
         
    <div class="col">           
           <div class="form-group ">
    <label for="exampleFormControlInput1">Cables. </label>
    <input  type="number" name="cable" min="250" class="form-control" id="CableInput" value="250" placeholder="250">
  </div>      
         </div>
        
          <div class="col">           
           <div class="form-group ">
    <label for="exampleFormControlInput1">Reception. </label>
    <input  type="number" name="recption" min="90" class="form-control" id="RecInput" value="125" placeholder="125">
  </div>      
         </div>
                  
          <div class="col">           
           <div class="form-group ">
    <label for="exampleFormControlInput1">M.O. </label>
    <input  type="number" name="MOplacement" min="1500" class="form-control" id="MOInput" value="1500" placeholder="1500" step="100">
  </div>      
         </div>
         
          <div class="col" style="margin-top: auto; margin-bottom: auto;"  >    
       <div class="form-group " style="margin-top: 30px;">
  <labelcoutW></labelcoutW>
</div>
       </div>
      
              </div>
              
            
              
              

  <div class="card card-body">
        <labelDetails></labelDetails>
        
        <labelPwErr></labelPwErr>
      
    
      
       <button class="btn btn-link btn-sm " type="button" data-toggle="collapse" data-target="#collapseExample2" aria-expanded="true" aria-controls="collapseExample2">
    <labelCalc></labelCalc>
           
  </button>
      <div class="collapse" id="collapseExample2" aria-expanded="true" >
  <div class="card card-body">
         
        <labelPw></labelPw>
   
      
  </div>
</div>  
      
      
      
  </div>
 
             
              

      <style>
            .saute  { 
                    display: none;
                     }
           .passaute 
          { 
          display: block;
        margin-top: 400px;
              margin-bottom: 100px;
           }
          
                </style>  
        <div class="col-12 align-self-center col-md-push-5 " id="playfield"  ><br>
            
            <img src="img/logofac.png" class="img-fluid " width="100%" >
            
           
                </div>
                
                
                
                  <div class="col-12 align-self-center col-md-push-5"  >
            
            
        <canvas id="line-chart" width="800" height="650" style="background-image: url(/img/);" ></canvas>
                  </div>
          <br><br>
  
                
                
                
                <script>
        
                    
                     var tablegraph = Array();
                     var phraseexport='';
      
        $('#playfield').toggleClass( "saute" );
        $(".pst").on('click',function(){
            //alert( $('#playfield').hasClass( "saute" ));
            
            if ($('#playfield').hasClass( "saute" )==true) {  //alert( $('#playfield').hasClass( "saute" ));
         $('#playfield').removeClass( "saute" );  $('#playfield').addClass( "passaute" ); }
 else {  $('#playfield').addClass( "saute" );  $('#playfield').removeClass( "passaute" );}
        
       
   });      
       
		
	
        
  // REf
// http://stackoverflow.com/questions/40061862/chart-js-update-bars-of-a-bar-chart

var canvas = document.getElementById("line-chart");
var ctx = canvas.getContext('2d');
var chartType = 'line';
var myBarChart;

// Global Options:
Chart.defaults.global.defaultFontColor = 'grey';
Chart.defaults.global.defaultFontSize = 16;

var data = {
  labels: ["0", "2006", "2007", "2008", "2009", "2010", "2011", "2012", "2013", "2014", "2015", "2016"],
  datasets: [{
    label: "Production en €",
    lineTension: 0,       
    fill: false,
     borderColor: "green", // The main line color
     data: [10, 13, 17, 12, 30, 47, 60, 120, 230, 300, 310, 400],
    spanGaps: true,
  },
       { 
        data: [282,350,411,502,635,809,947,1402,3700,5267],
        label: "Couts €",
           lineTension: 0,       
        borderColor: "#8e5ea2",
        fill: false
      }      
            ]
};
        

var options = {
 scales: {
        yAxes: [{
          scaleLabel: {
            display: true,
            labelString: 'Sommes € cumulés'
          }
        }],
        xAxes: [{
          scaleLabel: {
            display: true,
            labelString: 'Années'
          }
        }] },

        
  title: {
    fontSize: 30,
    display: true,
    text: 'Graphique : rentabilté et investissement sur 25 ans.',
    backgroundColor: "transparent",
    position: 'top'
  }
};

init();

function init() {
  // Chart declaration:
  myBarChart = new Chart(ctx, {
    type: chartType,
    data: data,
    options: options
  });
    
         
}

    function addData() {
      myBarChart.data.labels[12] ="2017";
      myBarChart.data.labels[13] ="2018";
      myBarChart.data.datasets[0].data[12] = 500;
      myBarChart.data.datasets[0].data[13] = 600;
      myBarChart.update();
    }

    function adjust2016() {
      myBarChart.data.datasets[0].data[11] = 300;
      myBarChart.update();
    }
         
        
        
        	function formatnombre(valeur,decimal) {
	valeur=valeur.replace(',','.');	
	valeur=valeur.replace(' ','');		
	valeurnb=parseFloat(valeur);
	valeurnb=format((parseFloat(valeurnb)),decimal);
    valeur=valeurnb.toString();
	valeur=valeur.replace('.',',');		
	if (parseFloat(valeurnb)<0) {valeur=""+valeur;}
     if (parseFloat(valeurnb)==0) {valeur="0";}
		//alert(valeur);
	return valeur;
}
			
	
		function format(valeur,decimal) {
	separateur=" " ;
// formate un chiffre avec 'decimal' chiffres après la virgule et un separateur
	var deci=Math.round( Math.pow(10,decimal)*(Math.abs(valeur)-Math.floor(Math.abs(valeur)))) ; 
	var val=Math.floor(Math.abs(valeur));
	if ((decimal==0)||(deci==Math.pow(10,decimal))) {val=Math.floor(Math.abs(valeur)); deci=0;}
	var val_format=val+"";
	var nb=val_format.length;
	for (var i=1;i<4;i++) {
		if (val>=Math.pow(10,(3*i))) {
			val_format=val_format.substring(0,nb-(3*i))+separateur+val_format.substring(nb-(3*i));
		}
	}
	if (decimal>0) {
		var decim=""; 
		for (var j=0;j<(decimal-deci.toString().length);j++) {decim+="0";}
		deci=decim+deci.toString();
		val_format=val_format+"."+deci;
	}
	if (parseFloat(valeur)<0) {val_format="-"+val_format;}
	return val_format;
}
        
        
         // Routine calcul 
        function CalcPrix(MOch) {
            
       
            // routine  pour calcul informations
            var sum = 0; 
            $('#panneaux').find(":selected").each(function(){
		      sum = sum +  parseInt($(this).val());
                //alert(sum);
              });
         
           // Nombre de panneaux
            var NbPanneaux = parseInt( $('#ControlInput1').val());
        
            // Valeur Reception
            var RecValeur = parseInt( $('#RecInput').val());
            
            //Valeur Calble
            var CableValeur = parseInt( $('#CableInput').val());
            
            //Valeur puissance installée 
            var powerinstall = parseInt( $('#panneaux').find(':selected').data('value'));
            
           // Valeur coeff orientation panneaux
            var Orienpannel = parseInt( $('#orientation').find(':selected').data('pc'));
             var powerpannel = (powerinstall * Orienpannel)/100;
            powerinstall =powerinstall *NbPanneaux;
            // Valeur Largeur panneaux
            var lgpannel = parseInt( $('#panneaux').find(':selected').data('lg'));
            
            // Valeur Longeur panneaux
            var htpannel = parseInt( $('#panneaux').find(':selected').data('ht'));
            
            // Prix du panneaux (prix avec remise)
            var prix=parseInt( $('#panneaux').find(':selected').data('prix'));
            
            // Prix module de placament tuiles, ardoises, plats
            var prixtoit=parseInt( $('#toit').find(':selected').data('prix'));
            
            // Prix onduleur
            var prixondul=parseInt( $('#onduleur').find(':selected').data('prix'));
            
            // Prix module degestion de panneau pour solaredgde
            var prixMondule=parseInt( $('#onduleur').find(':selected').data('module'));
            
            // Multiplicateur poour tripahse 220
             var ondultri=parseInt( $('#phase').find(':selected').val())
        
             //Puisance onduleur
            var powerondul=parseInt( $('#onduleur').find(':selected').data('power'));
            
            var phase=parseInt( $('#phase').find(':selected').data('prix'));
            //Difficulté chantier
            var MEC=parseInt( $('#ChantierP').find(':selected').data('prix'));
            
            //reception si 380 tri
             if (ondultri === 4 ) {  $('#RecInput').val("200");}
else   {  $('#RecInput').val("125");}          
            
            // calcul main d'oeuvre
            
            var MO=parseInt( $('#MOInput').val());
            
            var TauxHoraire=45;
            if (MOch === 0 ) { 
            if (NbPanneaux > 7) { MO=2000; }
             if (NbPanneaux > 13) { MO=2300; }
             if (NbPanneaux > 15) { MO=2350; }
             if (NbPanneaux > 17) { MO=2500; }
             if (NbPanneaux > 21) { MO=2750; }
             if (NbPanneaux > 23) { MO=3000; }
             if (NbPanneaux > 25) { MO=3250; }
             if (NbPanneaux > 29) { MO=3500; }
             if (NbPanneaux> 35) { MO=3750; }
             if (NbPanneaux > 36) { MO=4000; }
          }

            var MargeVente=1.15;
            var totprix=(NbPanneaux*prix*MargeVente)+(NbPanneaux*prixtoit)+(prixondul*phase*MargeVente)+(prixMondule*NbPanneaux*MargeVente)+MO+MEC+RecValeur+CableValeur;
            //alert (totprix);
            sum = (powerpannel * NbPanneaux) ;
            var surfacepanneaux=lgpannel*htpannel*NbPanneaux;
           surfacepanneaux=surfacepanneaux/1000000;
            
           // alert(format(surfacepanneaux,2));
            $('labelSurface').html(format(surfacepanneaux,2)+' M2');
            // $('labelPwErr').last().html(' Onduleur OK '); 
       
        $('labelPwErr').last().html('  '); 
        $('labelPwErr').first().html('Onduleur'); 
            
         
       
            if (sum > (powerondul*phase)) {  $('labelPwErr').html('<div style="color:red;"> Onduleur sous puissant !! </div>'); }
            
            
           // alert(valeur) ;
          //     $('labelPw').last().html('Prix placé HTVA : '+totprix+' € ');
            
            
            
            // rentabilité 
            // cout KW/H 0,25€ avec augmenation de 5% par an
            var taux=0.05;
            var prixKw=0.25;
            var rendementdec=0.0025;
            rendementdec=parseInt( $('#panneaux').find(':selected').data('loss'));
            rendementdec=rendementdec/10000;
            var renta=25;
            var seuil = totprix/renta;
            var tempexp=(1+taux);
            var anneeseuil=1;
            
        //    seuil = (Math.pow(tempexp,anneeseuil)*prixKw)*(anneeseuil*sum);
            renta = Math.pow(tempexp,anneeseuil)*prixKw;
            renta=25;
            
            var totprod=0;
            var totprodold=0;
            var totargent=0;
            var totargentold=0;
            var totstring=' <div class="row" style="font-size:15px;"><div class="col">Année</div> <div class="col"> Production Cumul.</div> <div class="col">Montant Cumul.</div></div>';
            var trueannee=0;
            for (anneeseuil = 0; anneeseuil < 25; anneeseuil++) { 
                totprod+=sum/Math.pow(1+rendementdec,(anneeseuil)) ;
                totargentold=totargent;
                totargent+=(Math.pow(tempexp,anneeseuil)*prixKw)*(totprod-totprodold);
                totprodold=totprod;
                trueannee=anneeseuil+1;
              
                seuil=totargent;
             
                
                 myBarChart.data.datasets[0].data[anneeseuil] =totargent;
                myBarChart.data.datasets[1].data[anneeseuil] =totprix;
                myBarChart.data.labels[anneeseuil] =anneeseuil+1;
                
                
                if (seuil > totprix) { renta=anneeseuil; break;}
                }           
            //renta++;
            var phrase ='<div class="row" style="font-size:15px;"><div class="col">Prix placé HTVA : '+format(totprix,2)+' € <br>Puissance produite: '+format(sum,2) + ' Wc (installée : '+(powerinstall)+' Wc  )</div> <div class="col">Revenus cumulés : '+format(seuil,2)+' €'+' soit rentabilté à '+renta+' an. et '+ (Math.ceil(((totprix-totargentold)/((totargent-totargentold)/12))))+' mo.<br>Prix W installé : '+format((totprix/powerinstall),2)+' €/W ';
            
             phraseexport ='Prix placé HTVA : '+format(totprix,2)+' €. Puissance installée : '+(powerinstall)+' Wc. Revenus cumulés : '+format(seuil,2)+' €'+' soit rentabilté à '+renta+' an. et '+ (Math.ceil(((totprix-totargentold)/((totargent-totargentold)/12))))+' mo. Prix W installé : '+format((totprix/powerinstall),2)+' €/W.';
            
             $('labelDetails').html(phrase );
             $('labelCalc').html('<p style="font-size:12px;">Cout achat kW = '+prixKw+' aug. 5%/an et perte production '+format(rendementdec*100,2)+'%/an </p>' );
            
                $('labelcoutW').html('<div class="col" style="font-size:13px;">Achat panneaux : '+ ((NbPanneaux*prix)+(prixMondule*NbPanneaux))+' €<br>Prix onduleur : '+(prixondul*phase)+' € </div>');
              if (MOch === 0 ) {   $('#MOInput').val(MO);  }
            
      
            
            //**************************************************
            
                // routine  pour calcul GRAPHIQUE
            
        
            
            // rentabilité 
            // cout KW/H 0,25€ avec augmenation de 5% par an
            var taux=0.05;
            var prixKw=0.25;
            var rendementdec=0.0025;
            rendementdec=parseInt( $('#panneaux').find(':selected').data('loss'));
            rendementdec=rendementdec/10000;
            var renta=25;
            var seuil = totprix/renta;
            var tempexp=(1+taux);
            var anneeseuil=1;
            
        //    seuil = (Math.pow(tempexp,anneeseuil)*prixKw)*(anneeseuil*sum);
            renta = Math.pow(tempexp,anneeseuil)*prixKw;
            renta=25;
            
            var totprod=0;
            var totprodold=0;
            var totargent=0;
            var totargentold=0;
            var totstring=' <div class="row" style="font-size:15px;"><div class="col">Année</div> <div class="col"> Production Cumul.</div> <div class="col">Montant Cumul.</div></div>';
            var trueannee=0;
            for (anneeseuil = 0; anneeseuil < 25; anneeseuil++) { 
                totprod+=sum/Math.pow(1+rendementdec,(anneeseuil)) ;
                totargentold=totargent;
                totargent+=(Math.pow(tempexp,anneeseuil)*prixKw)*(totprod-totprodold);
                totprodold=totprod;
                trueannee=anneeseuil+1;
                 seuil=totargent;
                if (seuil >= totprix) { 
                totstring+= ' <div class="row" style="font-size:15px;color:green;font-weight: bold;"><div class="col">'+ trueannee+'</div> <div class="col"> '+format(totprod,0)+'W</div> <div class="col"> '+format(totargent,0)+'€</div></div>'; }
                if (seuil < totprix) { 
                totstring+= ' <div class="row" style="font-size:15px;"><div class="col">'+ trueannee+'</div> <div class="col"> '+format(totprod,0)+'W</div> <div class="col"> '+format(totargent,0)+'€</div></div>'; }
                 $('labelPw').html(totstring);
               
             
               tablegraph[anneeseuil] =parseInt(totargent);
                 myBarChart.data.datasets[0].data[anneeseuil] =totargent;
                myBarChart.data.datasets[1].data[anneeseuil] =totprix;
                myBarChart.data.labels[anneeseuil] =anneeseuil+1;
                
                
               // if (seuil > totprix) { renta=anneeseuil; break;}
                }           
            var phrase1='. Prix W 25ans : '+format((totargent/sum),2)+'  €/W de rentabilité</div></div>';
             phraseexport=phraseexport+' Prix W 25 ans : '+format((totargent/sum),2)+'  €/W. Prix de revient W à 25 ans : '+format((totargent/totprod),2)+' €/W.';
            
            $('labelDetails').html(phrase+phrase1 );
            
            
            myBarChart.update();  
            
   
            }
        
     
           
    
        // Routine calcul END
        
        
        
            $('select').change(function(){
               CalcPrix(0);
            });
        
            $('#ControlInput1').on('input', function() {
                  CalcPrix(0);
               } );
         $('#CableInput').on('input', function() {
                  CalcPrix(0);
               } );
         $('#RecInput').on('input', function() {
                  CalcPrix(0);
               } );
    
             $('#MOInput').on('input', function() {
                  var x =  CalcPrix(1);
                          } );
            $( document ).ready(function() {
                 CalcPrix(0);
            });         
 
        
        
$(".save").on('click',function(){
       
    
    
           var powerpannelloss = parseInt( $('#panneaux').find(':selected').data('loss'));
        
            var marquepan = ( $('#panneaux').find(':selected').text());
            var marqueondul = ( $('#onduleur').find(':selected').text());
     var phaseText = ( $('#phase').find(':selected').text());
     var ondulprix = parseInt( $('#onduleur').find(':selected').data('prix'));
      var typetoit = ( $('#toit').find(':selected').text());
     
    
           var sum = 0; 
            $('#panneaux').find(":selected").each(function(){
		      sum = sum +  parseInt($(this).val());
                //alert(sum);
              });
         
           // Nombre de panneaux
            var NbPanneaux = parseInt( $('#ControlInput1').val());
        
            // Valeur Reception
            var RecValeur = parseInt( $('#RecInput').val());
            
            //Valeur Calble
            var CableValeur = parseInt( $('#CableInput').val());
            
            //Valeur puissance installée 
            var powerinstall = parseInt( $('#panneaux').find(':selected').data('value'));
            
           // Valeur coeff orientation panneaux
            var Orienpannel = parseInt( $('#orientation').find(':selected').data('pc'));
             var powerpannel = (powerinstall * Orienpannel)/100;
            powerinstall =powerinstall *NbPanneaux;
            // Valeur Largeur panneaux
            var lgpannel = parseInt( $('#panneaux').find(':selected').data('lg'));
            
            // Valeur Longeur panneaux
            var htpannel = parseInt( $('#panneaux').find(':selected').data('ht'));
            
            // Prix du panneaux (prix avec remise)
            var prix=parseInt( $('#panneaux').find(':selected').data('prix'));
            
            // Prix module de placament tuiles, ardoises, plats
            var prixtoit=parseInt( $('#toit').find(':selected').data('prix'));
            
            // Prix onduleur
            var prixondul=parseInt( $('#onduleur').find(':selected').data('prix'));
            
            // Prix module degestion de panneau pour solaredgde
            var prixMondule=parseInt( $('#onduleur').find(':selected').data('module'));
            
            // Multiplicateur poour tripahse 220
             var ondultri=parseInt( $('#phase').find(':selected').val())
        
             //Puisance onduleur
            var powerondul=parseInt( $('#onduleur').find(':selected').data('power'));
            
            var phase=parseInt( $('#phase').find(':selected').data('prix'));
            //Difficulté chantier
            var MEC=parseInt( $('#ChantierP').find(':selected').data('prix'));
            
            //reception si 380 tri
             if (ondultri === 4 ) {  $('#RecInput').val("200");}
else   {  $('#RecInput').val("125");}          
            
    
    // calcul main d'oeuvre
            
            var MO=parseInt( $('#MOInput').val());
    
    
       var MargeVente=1.15;
         var prixredir=(NbPanneaux*prix*MargeVente)+(NbPanneaux*prixtoit)+(prixondul*phase*MargeVente)+(prixMondule*NbPanneaux*MargeVente)+MO+MEC+RecValeur+CableValeur;
            //alert (totprix);
            sum = (powerpannel * NbPanneaux) ;
            var surfacepanneaux=lgpannel*htpannel*NbPanneaux;
           surfacepanneaux=surfacepanneaux/1000000;
    
    	var des = Array();
		var desln = Array();
		var qtdes = Array();
		var pudes = Array();
		var umdes = Array();
		var ordredes = Array();
    var tablepanneaux = Array();
    
	//	phraseexport ='Prix placé HTVA : '+format(totprix,2)+' €, Puissance produite: '+format(sum,2) + ' Wc (installée : '+(powerinstall)+' Wc  ) Revenus cumulés : '+format(seuil,2)+' €'+' soit rentabilté à '+renta+' an. et '+ (Math.ceil(((totprix-totargentold)/((totargent-totargentold)/12))))+' mo.Prix W installé : '+format((totprix/powerinstall),2)+' €/W ';
    
    //alert ("prix install : "+ prixredir);
		var maxbcl=0;
        var cptattrib=0;
          	ordredes[cptattrib]='1';
			desln[cptattrib]='Installation photovoltaïque comprenant '+ NbPanneaux+' panneaux solaires de marque '+marquepan+' avec onduleur(s) de marque : '+marqueondul+' pour une puissance totale installée de  : '+powerinstall+'Wc sur toiture '+typetoit +' et pour réseau '+phaseText ;
			qtdes[cptattrib]='1';
			pudes[cptattrib]=prixredir;
			umdes[cptattrib]='FF';
    
        
         
    
  //  alert ( $('#panneaux').find(':selected').text());
    
   
  
    
       var indexclient=<?php echo $NumeroIdxClient; ?>;
       var chantier="<?php echo $AC1." ".$AC2; ?>";
       var dummyindexdevis='dummyindexdevis';

     tablepanneaux[1]=NbPanneaux;tablepanneaux[2]=marquepan;tablepanneaux[3]=powerinstall;tablepanneaux[4]=marqueondul;tablepanneaux[5]=MO;
    tablepanneaux[6]=CableValeur;tablepanneaux[7]= typetoit;tablepanneaux[8]='35';tablepanneaux[9]=prixredir;tablepanneaux[10]=phraseexport;
    tablepanneaux[11]=dummyindexdevis;tablepanneaux[12]=powerpannelloss ;tablepanneaux[13]=MEC ;tablepanneaux[14]=phaseText;tablepanneaux[15]=prix;tablepanneaux[16]=ondulprix;tablepanneaux[17]=RecValeur;
    
    
  // alert (tablegraph[2]);
 $.redirect('testpostreccrea.php', {'DES': desln, 'QTE': qtdes, 'PRIX':pudes, 'UNITE':umdes, 'ORDRELIGNE': ordredes,'dnum':dummyindexdevis,'didxcli':indexclient,'ddate':'Date : <br>Vos ref.:<br>V.TVA:','object':'Objet : installation de panneaux solaires','dchantier':chantier,'dtva':'TVA de 6%','dbanque':'Paiement au grand comptant.','montant': '100','devisnum': '8','dmemo':'meom','etat':'4','SOLDATA': tablepanneaux,'GRAPH':tablegraph});
   
    
    
        // alert("ok");
  	//$.redirect('index.html', {});
	


    		

	});
	
        
    
        
       
        
          </script>   
          
         
          
      
          
      </div>
   
 
        
        
     

</body>
</html>
 