<?php

// ini_set('display_errors',1);

session_start();
require_once ("../../config/Cado.php");
require_once ("cCompra.php");
$oCompra = new cCompra();
require_once ("../compra/cComprapago.php");
$oComprapago = new cComprapago();
require_once ("../egreso/cEgreso.php");
$oEgreso = new cEgreso();


require_once ("../historial/cHistorial.php");
$oHistorial = new cHistorial();

require_once ("../formatos/formato.php");

$fecha1 = $_POST['txt_fil_com_fec1gra']; 
$fecha2 = $_POST['txt_fil_com_fec2gra'];

$dts1gra1=$oCompra->mostrar_grafica1(fecha_mysql($fecha1),fecha_mysql($fecha2),$_POST['hdd_fil_pro_idgra'],$_POST['cmb_fil_empresa_idgra'],$_POST['cmb_fil_mon_idgra'],
$_POST['cmb_fil_tipdoc_idgra']);
$num_rowsgra1= mysqli_num_rows($dts1gra1);

$dts1gra2=$oCompra->mostrar_grafica2(fecha_mysql($fecha1),fecha_mysql($fecha2),$_POST['hdd_fil_pro_idgra'],$_POST['cmb_fil_empresa_idgra'],$_POST['cmb_fil_mon_idgra'],
$_POST['cmb_fil_tipdoc_idgra']);

$num_rowsgra2= mysqli_num_rows($dts1gra2);

$dtgra2 = mysqli_fetch_array($dts1gra2);

$pag = $dtgra2['totalpago'];
$deb = $dtgra2['totaldebe'];


if($pag == 'NULL'){
	$pag = '0';
}
if($deb == 'NULL' ){
	$deb = '0';
}


$tot = $pag + $deb;

$porpag = ($pag * 100)/$tot; 
$pordeb = 100 - $porpag;

$porpag = formato_money($porpag);
$pordeb = formato_money($pordeb);

 if($_POST['cmb_fil_mon_idgra']==1)
 {
	 $lbl= ' S/'; 
 }
 else if($_POST['cmb_fil_mon_idgra']==2)
 {
	 $lbl= ' US$';
 }
 
if( $fecha1 != $fecha2 ){
		
		$user_agen = $_SERVER['HTTP_USER_AGENT'];;
		$mod = 4;
		$mod_ide = 0;
		$det = 'MOSTRANDO GRAFICAS DE COMPRAS SEGUN ['.$fecha1.' | '.$fecha2.' | '.$_POST['cmb_fil_tipdoc_idgra'].' | '.$_POST['txt_fil_progra'].']';
		$fec = date('Y-m-d');
		$doc_id = '';
		$numdoc = '';
		$ip = mostrar_ip();
	 	
		$oHistorial->insertar(
		fecha_mysql($fec),
		$det,
		$ip,
		$_SESSION['usuario_id'],
		$mod,
		$mod_ide,
		intval($doc_id),
		$numdoc
		);


}
		


?>



	

<div class="col-lg-12 col-sm-12 col-xs-12"  >
<div class="row"  >
	<div id="container_graficageneral" class="col-lg-6 col-sm-6 col-xs-12" style="height:400px;" ></div>
	
	<div id="container_graficageneral2" class="col-lg-6 col-sm-6 col-xs-12 float-right d-inline" style="height:400px;" ></div>
</div>
</div>

       

  
   <script type="text/javascript">
  $(function() {  

	
	
 Highcharts.theme = {
    colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572',
             '#FF9655', '#FFF263', '#6AF9C4'],
    chart: {
        backgroundColor: {
            linearGradient: [0, 0, 500, 500],
            stops: [
			[0, '#343a40'],
			[1, '#343a40']
				]
        },
    },
    title: {
        style: {
            color: '#EEEEEE',
            font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
        }
    },
    subtitle: {
        style: {
            color: '#E0E0E0',
            font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'
        }
    },
    legend: {
        itemStyle: {
            font: '9pt Trebuchet MS, Verdana, sans-serif',
            color: 'black'
        },
        itemHoverStyle:{
            color: 'danger'
        }
    }
};
// Apply the theme
Highcharts.setOptions(Highcharts.theme);
	
	
	
	Highcharts.setOptions({
    //colors: ['#56A419', '#004887', '#f77d02', '#02f7ca', '#f7027c'],
    chart: {
        style: {
            fontFamily: 'Comic Sans MS'
        }
    },
	lang: {
				months: [
						'Enero', 'Febrero', 'Marzo', 'Abril',
						'Mayo', 'Junio', 'Julio', 'Agosto',
						'Septiembre', 'Octubre', 'Noviembre', 
						'Diciembre'
					],
					weekdays: [
					'Domingo', 'Lunes', 'Martes', 'Miercoles',
					'Jueves', 'Viernes', 'Sabado'
					]
		},
			
});
	
 
	$("#container_graficageneral").highcharts({
		  
    chart: {
                zoomType: 'x'
            },
			
            title: {
                text: 'Compras Totales'
            },
            subtitle: {
                text: document.ontouchstart === undefined ?
                    'Haga clic y arrastre en el área de trazado para acercar' : 'Pellizca el gráfico para acerca'
            },
			
            xAxis: {
                type: 'datetime'
            },
            yAxis: {
                title: {
                    text: 'COMPRAS TOTAES'
                }
            },
			
			
	 legend: {
                enabled: false
            },
            plotOptions: {
                area: {
                    fillColor: {
                        linearGradient: {
                            x1: 0,
                            y1: 0,
                            x2: 0,
                            y2: 1
                        },
                        stops: [
                            [0, Highcharts.getOptions().colors[0]],
                            [1, Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
                        ]
                    },
                    marker: {
                        radius: 1
                    },
                    lineWidth: 1,
                    states: {
                        hover: {
                            lineWidth: 1
                        }
                    },
                    threshold: null
                }
            },

            series: [{
                type: 'area',
                name: 'TOTAL' + '<?php echo $lbl; ?>',
                data: [
				
				<?php 
				if($num_rowsgra1){
						while($dtgra1 = mysqli_fetch_array($dts1gra1)){
							
							$fec = strtotime($dtgra1['tb_compra_fec']).'000';
							$tot = $dtgra1['tb_compra_tot'];
							
							echo '[
									'.$fec.',
									'.$tot.'
								   ],';
							
						}
					
					
				}else{
					
				}
					
				?>
				
				
						
				]
            }]

});


$("#container_graficageneral2").highcharts({

chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false,
        type: 'pie'
    },
    title: {
        text: 'Formas de pago'
    },
    tooltip: {
        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
    },
    accessibility: {
        point: {
            valueSuffix: '%'
        }
    },
    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            colors: ['#1565c0',  '#4B515D'],
            dataLabels: {
                enabled: true,
                format: '<b>{point.name}</b><br>{point.percentage:.1f} %',
                distance: -50,
                filter: {
                    property: 'percentage',
                    operator: '>',
                    value: 4
                }
            }
        }
    },
    series: [{
        name: 'Porcentaje',
        data: [
            { name: '<?php echo "Total Canceladas ".$lbl." ".$pag; ?>', y: <?php echo $porpag; ?> },
            { name: '<?php echo "Total Deudoras".$lbl." ".$deb; ?>', y:  <?php echo $pordeb; ?> }
        ]
    }]

 });




  
  
}); 
</script>  