<?php  
	session_start();

	include "conexion.php";
	include "mysql_Valida_permiso.php";

	if (!isset($_SESSION['id_usuario']))
	{
		header('location: index.php');
		return;
	}

    $estado_cuenta =  validaPermiso('Consumos','ReporteEstado',$_SESSION['id_usuario']);
	$consumo = validaPermiso('Consumos','ReporteConsumos',$_SESSION['id_usuario']);
    $rendimiento = validaPermiso('Consumos','ReporteRendimiento',$_SESSION['id_usuario']);
    $control_vehiculo = validaPermiso('Consumos','ReporteControl',$_SESSION['id_usuario']);
?>

<!DOCTYPE html>
<html lang="en" translate="no">
    <head>
        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="css/sweetalert2.min.css">
        <link rel="stylesheet" href="css/datepicker.css">
        <link rel="shortcut icon" href="images/Logo.jpg" type="image/jpeg"/>
        <meta name="google" content="notranslate" />
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta charset="utf8">
        <meta http-equiv="Expires" content="0">
        <meta http-equiv="Last-Modified" content="0">
        <meta http-equiv="Cache-Control" content="no-cache, mustrevalidate">
        <meta http-equiv="Pragma" content="no-cache">
        <title>Catálogo Reportes</title>
    </head>
    <body>
    <?php include "menu.php"; ?>
        <div id= "contenidoPrincipal" class="col-lg-10 offset-lg-1 col-md-12">
            <div class="row form-group">
                <h1>Catálogo Reportes</h1>
            </div>
            <hr></hr>
            <div class="row form-group">
                <div class="col-lg-2 offset-lg-10 col-md-2 offset-md-8 form-group">
                    <button class="btn btn-success btn-block" onclick="seleccionar_tipo_reporte();">Generar Reporte</button>
                </div>
            </div>
        </div>	
        <div id= "contenidoPrincipal" class="col-lg-10 offset-lg-1 col-md-12">
            <div class="row form-group">
                <div class="col-md-2">
                    <label>Reporte</label>
                </div>
                <div class="col-md-10">
                    <select id="cmbReporte" class="form-control" onchange="carga_datos_reporte();">
                        <option value="0">Seleccionar...</option>
                        <?php  
                            echo '<option value="1">Adeudos de Cobro</option>'; 
                            if ($estado_cuenta == 1)
                            {
                                echo '<option value="2">Estado de Cuenta</option>';  
                            }    
                            if ($consumo == 1)
                            {
                                echo '<option value="3">Consumos</option>';  
                            }                                                                                                       
                            if ($control_vehiculo)
                            {
                                echo '<option value="4">Control Vehículo</option>';  
                            }                                                
                            if ($rendimiento)
                            {
                                echo '<option value="5">Rendimiento</option>';    
                            }                                                                                              
                        ?>    
                    </select>
                </div>
            </div>

            <div class="row form-group" id="divVehiculo" style="display: none;">
				<div class="col-md-2">
					<label>Vehículo</label>
				</div>
				<div class="col-md-10" id="contenedorCmbVehiculos">
					<select name="cbx_vehiculo"  id="cmbVehiculos" class="form-control" id="cbx_vehiculo" onchange="cargar_combo(this.value,cmbReporte.value);">
						<option value="0" id="option">Seleccione Vehículo</option>
						<?php 
                            $sql = "select ";
                            $sql.= "id_vehiculo, ";
                            $sql.= "descripcion, ";
                            $sql.= "placa, ";
                            $sql.= "id_tag, ";
                            $sql.= "estado ";	
                            $sql.= "from ";
                            $sql.= "vehiculos ";
                            $sql.= "where ";
                            $sql.= "id_cliente = ".  $_SESSION['id_cliente'];

							$resultado = $conexion->query($sql);

						    if(!$resultado) 
						    {
						        echo "Error al cargar vehículos. ";
						        return;
						    }

						    while ($row = $resultado->fetch_assoc()) 
                            { 
						        ?>
							    <option value="<?php echo $row['id_vehiculo'];?>"><?php echo $row['id_tag'] .' - '. $row['descripcion']  ; ?></option>
							    <?php
						    } 

                            $resultado->free();
						?>
					</select>
				</div>	
		    </div>

            <div class="row form-group" id="divFechas" style="display: none;">
                <div class="col-md-2">
                    <label>Rango de fechas</label>
                </div>
                <div class="col-md-5 form-group">
                    <input type="" name="" class="form-control" id="txtFechaInicio" placeholder="Inicial" onkeypress="return caracteres_fecha(event);" maxlength="10" autocomplete="off">
                </div>
                <div class="col-md-5 form-group">
                    <input type="" name="" class="form-control" id="txtFechaFin" placeholder="Final" onkeypress="return caracteres_fecha(event);" maxlength="10" autocomplete="off">
                </div>
		    </div>

            <div class="row form-group" id="divAdeudos" style="display: none;">
                <div class="col-md-2">
                    <label>Adeudos</label>
                </div>
                <div class="col-md-2">
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="cbxPagados">
                        <label class="form-check-label" for="cbxPagados">Pagados</label>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="cbxParcialmentepagados">
                        <label class="form-check-label" for="cbxParcialmentepagados">Parcialmente Pagados</label>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="cbxNopagados">
                        <label class="form-check-label" for="cbxNopagados">No pagados</label>
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="cbxCancelados">
                        <label class="form-check-label" for="cbxCancelados">Cancelados</label>
                    </div>
                </div>
			</div> 

            <div class="row form-group" id="divRendimiento" style="display: none;">
                <div class="col-md-3 offset-md-2">
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="cbxCombustibleUnidad" onchange="control_combustible();">
                        <label class="form-check-label" for="cbxCombustibleUnidad">Combustible por unidad</label>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input" id="cbxCostoUnidad" onchange="control_costo();">
                        <label class="form-check-label" for="cbxCostoUnidad">Costo por unidad</label>
                    </div>
                </div>
			</div>

		</div>       
    </body>

    <script src="./js/jquery.js"></script>
    <script src="./js/funciones_reportes.js"></script>
    <script src="./js/funciones_generales.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/bootstrap-datepicker.js"></script>
    <script src="js/sweetalert2.min.js"></script>

    <script>
        $(function()
        {
            $("#txtFechaInicio").datepicker({
                format:'yyyy-mm-dd'
            });
            $("#txtFechaFin").datepicker({
                format:'yyyy-mm-dd'
            });           
        });
    </script>
</html>