<?php
include("../configuracao.php");//confirma no banco de dados
include("../inclusos/funcoes.php");

$idobra = $_GET['idobra'];	  
$SelecionaObra = Seleciona("obras", "WHERE idobra='$idobra'", "LIMIT 0,1");
while($linha_obras = mysql_fetch_array($SelecionaObra)){
$idobra = $linha_obras['idobra']; 
$idcliente = $linha_obras['idcliente']; 
$idorcamento = $linha_obras['idorcamento']; 
$idvenda = $linha_obras['idvenda']; 
$titulo = $linha_obras['titulo']; 
$observacao = $linha_obras['observacao']; 
$valorprojeto = $linha_obras['valorprojeto']; 
$valormaximo = $linha_obras['valormaximo']; 
$lucro = $linha_obras['lucro']; 
$datainicio = $linha_obras['datainicio']; 
$datafim = $linha_obras['datafim']; 
$status = $linha_obras['status']; 
$idprofissional = $linha_obras['idprofissional']; 
$segunda = $linha_obras['segunda']; 
$terca = $linha_obras['terca']; 
$quarta = $linha_obras['quarta']; 
$quinta = $linha_obras['quinta']; 
$sexta = $linha_obras['sexta']; 
$sabado = $linha_obras['sabado']; 
$domingo = $linha_obras['domingo']; 
$horario_obra = $linha_obras['horario_obra']; 
$itens_obrigatorios = $linha_obras['itens_obrigatorios']; 
$local_obra = $linha_obras['local_obra']; 
$engenheiro_responsavel = $linha_obras['engenheiro_responsavel']; 
$arquiteto_responsavel = $linha_obras['arquiteto_responsavel']; 
$cordenador1 = $linha_obras['cordenador1']; 
$cordenador2 = $linha_obras['cordenador2']; 
$supervisor1 = $linha_obras['supervisor1']; 
$supervisor2 = $linha_obras['supervisor2']; 
$tecnicoseguranca = $linha_obras['tecnicoseguranca']; 
$descricao_obra = $linha_obras['descricao_obra']; 
$observacao_obra = $linha_obras['observacao_obra']; 

}

//PEGA ALBUM
    $seleciona_album = Seleciona("albuns", "WHERE idobra='".$_GET['idobra']."'", "");
    while($album = mysql_fetch_array($seleciona_album)){
    $idalbum = $album['album_id'];
    }	

//DADOS USUÁRIO

$SelecionaProfissional = Seleciona("usuarios", "WHERE idusuario='$idprofissional'", "");
while($DadosProfissional = mysql_fetch_array($SelecionaProfissional)){
	
	$NomeProfissional = $DadosProfissional['nome'];
	$CelularProfissional = $DadosProfissional['celular'];	
	$EmailProfissional = $DadosProfissional['email'];		
}

//CALCULA QTDE DE SERVIÇOS

$SelecionaServicosTotal = Seleciona("obras_servicos", "WHERE idobra='$idobra'", "");	
$TotalServico = mysql_num_rows($SelecionaServicosTotal);

$SelecionaServicosConcluido = Seleciona("obras_servicos", "WHERE idobra='$idobra' AND status='Concluido'", "");	
$TotalServicoConcluido = mysql_num_rows($SelecionaServicosConcluido);			


$PercentualAtual = 100 - ((($TotalServico - $TotalServicoConcluido) / $TotalServico) * 100);
$PercentualFinal = intval($PercentualAtual);

if($PercentualFinal == 100){
	$cor_percentual = "#BCFFC8";
}else{
	$cor_percentual = "#BD3739";
}

$SelecionaClientes = Seleciona("clientes", "WHERE CodCli='$idcliente'", "LIMIT 0,1");
while($Clientes = mysql_fetch_array($SelecionaClientes)){
  $cliente = $Clientes['Fantasia'];
}
//VENDA

$SelecionaVendas = Seleciona("vendas", "WHERE idvenda='$idvenda'", "LIMIT 0,1");
while($linha_vendas = mysql_fetch_array($SelecionaVendas)){

$idvenda = $linha_vendas['idvenda']; 
$idcliente = $linha_vendas['idcliente']; 
$idorcamento = $linha_vendas['idorcamento'];  
$observacao = $linha_vendas['observacao']; 
$valortotal = $linha_vendas['valortotal']; 
$desconto = str_replace(",", ".", $linha_vendas['desconto']); 
$valorfinal = $linha_vendas['valorfinal']; 
$datavenda = $linha_vendas['datavenda']; 
$status = $linha_vendas['status']; 
$idprofissional = $linha_vendas['idprofissional']; 	
$comissao = $linha_vendas['comissao']; 	
$dataorcamento = $linha_vendas['dataorcamento']; 	
$idatendimento = $linha_vendas['idatendimento'];
$valorbdi = $linha_vendas['valorbdi'];  
$tipo_valor = $linha_vendas['tipo_valor']; 
$idcontato = $linha_vendas['idcontato']; 
$idcentrocusto = $linha_vendas['idcentrocusto'];   
}

//DESCOBRIR QUANTIDADE DIAS DA OBRA

// Define os valores a serem usados
$data_inicial = $datainicio;
$data_final = $datafim;
// Usa a função strtotime() e pega o timestamp das duas datas:
$time_inicial = strtotime($data_inicial);
$time_final = strtotime($data_final);
// Calcula a diferença de segundos entre as duas datas:
$diferenca = $time_final - $time_inicial; // 19522800 segundos
// Calcula a diferença de dias
$dias_obra = (int)floor( $diferenca / (60 * 60 * 24)); // 225 dias
// Exibe uma mensagem de resultado:
//echo "A diferença entre as datas ".$data_inicial." e ".$data_final." é de <strong>".$dias."</strong> dias";
// A diferença entre as datas 23/03/2009 e 04/11/2009 é de 225 dias


//DESCOBRIR DIAS RESTANTES

// Define os valores a serem usados
$data_inicial_corridos = $datainicio;
$data_final_corridos = date('Y-m-d');
// Usa a função strtotime() e pega o timestamp das duas datas:
$time_inicial_corridos = strtotime($data_inicial_corridos);
$time_final_corridos = strtotime($data_final_corridos);
// Calcula a diferença de segundos entre as duas datas:
$diferenca_corridos = $time_final_corridos - $time_inicial_corridos; // 19522800 segundos
// Calcula a diferença de dias
$dias_obra_corrido = (int)floor( $diferenca_corridos / (60 * 60 * 24)); // 225 dias

?>
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>ACOMPANHAMENTO DA OBRA #<?php echo $idobra;?> - Max Layouts e Arkhe</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/landing-page.css" rel="stylesheet">
	<link rel="stylesheet" href="https://minhaempresa.online/maxlayouts/cliente/js/dist/css/lightbox.min.css">
    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
<script src="../js/chart/Chart.min.js"></script>
<style type="text/css">
.TextoVerdeMax {	color: #060;
}
#btnExport {display:none; }

@import url(http://fonts.googleapis.com/css?family=Titillium+Web);

*, *:after, *:before {
  box-sizing: border-box;
}
body{
  margin: 0;
  padding: 0;
  font-family: 'Titillium Web', sans-serif;
}
p{
  padding: 0 10px;
}

.tabs-container {
  position: relative;
  height: 700px;
  max-width: 98%;
  margin: 0 auto;
}
.tabs-container p{
  margin: 0;
  padding: 0;
}
.tabs-container:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
  visibility: none;
}
input.tabs {
  display: none;
}
input.tabs + label {
  line-height: 40px;
  padding: 0 20px;
  float: left;

  background: #444;
  color: #fff;
  cursor: pointer;
  transition: background ease-in-out .3s;
}
input.tabs:checked + label {
  color: #000;
  background: #eee;
}
input.tabs + label + div {
  width: 98%;
  opacity: 0;
  position: absolute;
  background: #eee;
  top: 40px;
  left: 0;
  height: 680px;
  padding: 10px;
  z-index: -1;
  transition: opacity ease-in-out .3s;
}
input.tabs:checked + label + div {
  opacity: 1;
  z-index: 1000;
}

</style>
</head>

<body>

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
        <div class="container topnav">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Menu</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <img src="img/logo_novo.jpg" style="float:left; margin:5px;">
                <a class="navbar-brand topnav" href="#">ACOMPANHAMENTO DA OBRA #<?php echo $idobra;?></a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">

                    <li>
                        <a href="#cronograma">Cronograma</a>
                    </li>
                    <li>
                        <a href="#services">Itens</a>
                    </li>
                    <li>
                        <a href="#anexos">Anexos</a>
                    </li>
                    <li>
                        <a href="http://maxlayouts.minhaempresa.online/cliente/timeline/index.php?idobra=<?php echo $idobra;?>" target="_blank">Timeline</a>
                    </li>
                    
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>


    <!-- Header -->
    <a name="about"></a>
    <div class="intro-header">
        <div class="container">

            <div class="row">
                <div class="col-lg-12">
                    <div class="intro-message">
                    
                        <h1>OBRA #<?php echo $idobra;?></h1>
                        <h3><?php echo $titulo;?></h3>
                        <hr class="intro-divider">
                        <!--
                        <ul class="list-inline intro-social-buttons">
                            <li>
                                <a class="btn btn-default btn-lg"><span class="network-name">Nome Solicitante</span></a>
                            </li>
                            <li>
                                <a class="btn btn-default btn-lg"><span class="network-name">Local Obra</span></a>
                            </li>
                            <li>
                                <a href="#" class="btn btn-default btn-lg"><span class="network-name">Max Layouts</span></a>
                            </li>
                        </ul>-->
                    </div>
                </div>
            </div>

        </div>
        <!-- /.container -->

    </div>
    <!-- /.intro-header -->

    <!-- Page Content -->
<a  name="cronograma"></a>
<div class="content-section-b">

        <div class="container">

            <div class="row">
                <div class="col-lg-12 col-sm-12">
                    <hr class="section-heading-spacer">
                    <div class="clearfix"></div>
                    <h2 class="section-heading">Cronograma da Obra</h2>
                    <br>
                    <div class="tabs-container">
                    
                    <input type="radio" name="tabs" class="tabs" id="tab1" checked>
                    <label for="tab1">Macro Detalhado</label>
                    <div>
                      <p>
                    <div id="chartContainer" style="height: 400px; width: 100%;"></div>     
                      </p>
                    </div>
                    
                    
                    <input type="radio" name="tabs" class="tabs" id="tab2">
                    <label for="tab2">Resumido</label>
                    <div>
                      <p>
                    <div id="Resumido" style="height: 400px; width: 100%;"></div>       
                      </p>
                    </div>
                    
                    </div> 					
                </div>
            </div>

        </div>
        <!-- /.container -->

    </div>

	<a  name="services"></a>
    <div class="content-section-a">

        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-sm-12">
                    <hr class="section-heading-spacer">
                    <div class="clearfix"></div>
                    <h2 class="section-heading">Acompanhamento da Obra (CheckList)</h2>
                    <p class="lead">
<table width="100%" border="0" cellspacing="0" cellpadding="7">
                <tr>
                  <td width="130" colspan="3" align="left"><table width="100%" border="0" cellspacing="0" cellpadding="5">
                    <tbody>
                      <tr>
                        <td height="30"><strong>Data de Abertura: <?php echo InverteDataNovoSeparador($datavenda, "-","/");?></strong></td>
                        <td><strong>Criado por: <?php echo $NomeProfissional;?></strong></td>
                        <td align="center" bgcolor="#BCFFC8"><strong>Inicio da Obra: <?php echo InverteDataNovoSeparador($datainicio, "-","/");?></strong></td>
                        <td align="center" bgcolor="#FBBEBF"><strong>Término: <?php echo InverteDataNovoSeparador($datafim, "-","/");?></strong></td>
                      </tr>
                    </tbody>
                  </table></td>
                </tr>
                <tr>
                  <td colspan="3" align="left"><strong>Descrição da Obra: <?php echo $titulo;?></strong></td>
                </tr>
                <tr>
                  <td colspan="3" align="left"><table width="100%" border="0" cellspacing="0" cellpadding="5">
                    <tbody>
                      <tr>
                        <td width="8%" height="30"><strong>Status da Obra: </strong></td>
                        <td width="70%" bgcolor="#E9E9E9"><div style="height: 30px; width: <?php echo $PercentualFinal;?>%; background-color:#BCFFC8; color: #000000; text-align:center; font-weight:bold;"><?php echo $PercentualFinal;?>%</div></td>
                        <td width="11%" align="center" bgcolor="#FFFFFF">&nbsp;</td>
                        <td width="11%" align="center" bgcolor="#FFFFFF">&nbsp;</td>
                      </tr>
                    </tbody>
                  </table></td>
                </tr>
                <tr>
                  <td colspan="3" align="left"><table width="100%" border="0" cellspacing="0" cellpadding="5">
                    <tbody>
                      <tr>
                        <td width="78%" height="30"><strong>Local da Obra: <?php echo $local_obra;?></strong></td>
                        </tr>
                    </tbody>
                  </table></td>
                </tr>
                <tr>
                  <td colspan="3" align="left"><strong>Acompanhamento da Obra</strong></td>
                </tr>
                <tr>
                  <td colspan="3" align="left">
                  <canvas id="GraficoBarra" style="width:100%;"></canvas>
                  </td>
                  </tr>
                <tr>
                  <td colspan="3" align="left">&nbsp;</td>
                </tr>
                </table>
<table width="100%" border="0" align="center" cellpadding="3" cellspacing="0" style="border:1px solid #333;">
          <tr>
            <td style="background-color:#CCC;"><strong>ITEM</strong></td>
            <td style="background-color:#CCC;"><strong>DISCRIMINAÇÃO</strong></td>
            <td width="60" style="background-color:#CCC;"><strong>UN.</strong></td>
            <td width="100" align="center" style="background-color:#CCC;"><strong>QUANT.</strong></td>
            <td width="100" align="center" style="background-color:#CCC;"><strong>DATA INICIO</strong></td>
            <td width="100" align="center" style="background-color:#CCC;"><strong>DATA FIM</strong></td>
            <td width="100" align="center" style="background-color:#CCC;"><strong>STATUS</strong></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td align="center">&nbsp;</td>
            <td align="center">&nbsp;</td>
            <td align="center">&nbsp;</td>
            <td align="center">&nbsp;</td>
          </tr>
          <?php
	  $vazio = "";
	  $contservico = 1;
	  $idobra = $_GET['idobra'];	  
	  $SelecionaObra = Seleciona("obras", "WHERE idobra='$idobra'", "LIMIT 0,1");
	  while($Obra = mysql_fetch_array($SelecionaObra)){
		  $idvenda = $Obra['idvenda'];
	  }
	  $SelecionaCategoriaGeral = Seleciona("servicos_categorias", "", "ORDER BY sequencia ASC");
	  while($Categoria = mysql_fetch_array($SelecionaCategoriaGeral)){
		  $idcategorial_atual = $Categoria['idservicocategoria'];	  
	  
	  $SelecionaServicos = Seleciona("obras_servicos", "WHERE idobra='$idobra' AND idcategoria='$idcategorial_atual' AND idservico <> '0'", "GROUP BY idcategoria ORDER BY idcategoria ASC");
	  while($Servico = mysql_fetch_array($SelecionaServicos)){
		  $IdServico = $Servico['idservico'];
		  $IdCategoria = $Servico['idcategoria'];
		  $QuantidadeServico = $Servico['quantidade'];
		  $ValorServico = $Servico['valorunitario'];
		  $ValorTotalServico = $QuantidadeServico*$ValorServico;
	  

	  $SelecionaCategoria = Seleciona("servicos_categorias", "WHERE idservicocategoria='$IdCategoria'", "LIMIT 0,1");
	  while($CategoriaNome = mysql_fetch_array($SelecionaCategoria)){
		 $TituloCategoria = utf8_encode($CategoriaNome['titulo']); 
	  }	  
		  
	  ?>
          <tr >
            <td style="border:1px solid #333; color: #FFF; background-color:#666666;"><strong><?php echo $contservico;?></strong></td>
            <td style="border:1px solid #333; color: #FFF; background-color:#666666;"><strong><?php echo $TituloCategoria;?></strong></td>
            <td style="border:1px solid #333; color: #FFF; background-color:#666666;">&nbsp;</td>
            <td align="center" style="border:1px solid #333; background-color:#666666;">&nbsp;</td>
            <td align="center" style="border:1px solid #333; background-color:#666666;">&nbsp;</td>
            <td align="center" style="border:1px solid #333; background-color:#666666;">&nbsp;</td>
            <td align="center" style="border:1px solid #333; background-color:#666666;">&nbsp;</td>
          </tr>
          <?php
	  $SelecionaServicosDetalhe = Seleciona("obras_servicos", "WHERE idobra='$idobra' AND idcategoria='$IdCategoria'", "");
	  $contproduto = 1;
	  while($Servico_Detalhe = mysql_fetch_array($SelecionaServicosDetalhe)){
	
		$IdServico_Atual = $Servico_Detalhe['idservico'];  
	 	$TotalValorProduto = $Servico_Detalhe['valorunitario']*$Servico_Detalhe['quantidade']; 		
	
	//NOME PELA VENDA
	  $SelecionaTituloServicoVenda = Seleciona("vendas_servicos", "WHERE idvenda='$idvenda' AND idservico='$IdServico_Atual'", "LIMIT 0,1");		
	  $total_servicovenda = mysql_num_rows($SelecionaTituloServicoVenda);
	

	//NOME SERVIÇO	  
	  $SelecionaTituloServico = Seleciona("servicos", "WHERE idservico='$IdServico_Atual'", "LIMIT 0,1");
	  while($ServicoNome = mysql_fetch_array($SelecionaTituloServico)){
		 $TituloServico = utf8_encode($ServicoNome['titulo']); 
		 $UnidadeServico = utf8_encode($ServicoNome['unidade']); 
	  }	  

	if($total_servicovenda == 0){
	  while($ServicoNome = mysql_fetch_array($SelecionaTituloServicoVenda)){
		 $TituloServico = utf8_encode($ServicoNome['titulo']); 
	  }	  
	  		
	}
	  
	  if($Servico_Detalhe['status'] == "Concluido"){
		  $img_status =  "icone_sucesso.png";
		  $status = "Inativo";
	  }else{
		  $img_status =  "icone_sucesso_inativo.png";
		  $status = "Concluido";
	  }
	  if($Servico_Detalhe['status'] == "Concluido"){
	  $cor = "#E1FFD7";
	  }
	  
	  ?>
          <tr bgcolor="<?php echo $cor;?>">
            <td style="border:1px solid #333;"><?php echo $contservico.".".$contproduto;?></td>
            <td style="border:1px solid #333;"><?php echo $TituloServico;?></td>
            <td style="border:1px solid #333;"><?php echo $UnidadeServico;?></td>
            <td align="center" style="border:1px solid #333;"><?php echo $Servico_Detalhe['quantidade'];?></td>
            <td align="center" style="border:1px solid #333;"><?php echo InverteDataNovoSeparador($Servico_Detalhe['datainicio'], "-", "/");?></td>
            <td align="center" style="border:1px solid #333;"><?php echo InverteDataNovoSeparador($Servico_Detalhe['datafim'], "-", "/");?></td>
            <td align="center" style="border:1px solid #333;"><?php echo $Servico_Detalhe['status'];?></td>
          </tr>
          <?php 
	  $cor = "";
	  $TotalValorProduto_Final = $TotalValorProduto + $TotalValorProduto_Final;
	  $contproduto++;
	  }
	  $contservico++;
	  $ValorTotalServico++;
	  $TotalGeral = $ValorTotalServico + $TotalGeral;
	  $TotalGeralProduto = $TotalValorProduto_Final + $TotalGeralProduto;	  
	  $TotalValorProduto_Final = "";
	  }
	  }
	  
	  //VALOR BDI
	  
		$Valor_Final = $TotalGeralProduto;
		$percentual =$valorbdi / 100.0;
		$ValorcomBdi = $Valor_Final+ ($percentual * $Valor_Final);	  
		
		//SOMA IMPOSTOS 
		
		$seleciona_imposto_geral = Seleciona("vendas_impostos", "WHERE idvenda=$idvenda", "");
		
		while($linha_add_geral=mysql_fetch_array($seleciona_imposto_geral)){
		
		$CalculaImposto_Geral = $linha_add_geral['percentual'] / 100.0;			
		$ValorImposto_Geral = $CalculaImposto_Geral * $Valor_Final;
		
		 $ValorTotalImpostoGeral = $ValorImposto_Geral + $ValorTotalImpostoGeral;
		}		
	  
	  //TOTAL FINAL
	  
	  $TotalFinal = $ValorcomBdi - $desconto;

	  
	  ?>
          <?php 
	  if($desconto != "" or $desconto != 0){
	  ?>
          <?php }?>
        </table>  
                  
                    
                    </p>
                </div>

            </div>

        </div>
        <!-- /.container -->

    </div>
    <!-- /.content-section-a -->
<a  name="anexos"></a>
    <div class="content-section-b">

        <div class="container">

            <div class="row">
                <div class="col-lg-12 col-sm-12">
                    <hr class="section-heading-spacer">
                    <div class="clearfix"></div>
                    <h2 class="section-heading">Fotos da Obra</h2>
                    <br>
                    <div class="tabs-container">
                    
                    <?php
					$seleciona = Seleciona("albuns", "WHERE idobra='".$_GET['idobra']."'", "");
					while($linha=mysql_fetch_array($seleciona)){					
					?>
                    <input type="radio" name="tabs" class="tabs" id="tab<?php echo $linha['idobra'];?>" checked>
                    <label for="tab<?php echo $linha['idobra'];?>"><?php echo $linha['album_name'];?></label>
                    <div>
                      <p>
					<?php		
                    
					$SelecionaFotos	= Seleciona("fotos", "WHERE foto_album='".$linha['idalbum']."'", "ORDER BY foto_pos ASC");
					while($fotos = mysql_fetch_array ($SelecionaFotos)){
                    
                    ?>
                    <a class="example-image-link" data-lightbox="example-set" data-title="<?php echo $fotos['foto_caption']?>" href="../albumdefotos/fotos/<?php echo $fotos['foto_url']?>"> <img src="../albumdefotos/fotos/<?php echo $fotos['foto_url']?>" width="190" height="150" border="0" style="margin: 10px; float:left;"></a>
                    <?php } ?>                        
                      </p>
                    </div>
                    <?php }?>
					                    
                    </div> 					
                </div>
            </div>


        </div>
        <!-- /.container -->

    </div>
    <!-- /.content-section-b -->
        <!-- /.container -->

    </div>
    <!-- /.content-section-a -->

	<a  name="contact"></a>
    <div class="banner">

        <div class="container">

            <div class="row">
                <div class="col-lg-6">
                    <h2>Agradecemos, Equipe Max</h2>
                </div>
                <div class="col-lg-6">
                </div>
            </div>

        </div>
        <!-- /.container -->

    </div>
    <!-- /.banner -->

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <p class="copyright text-muted small">Todos os Direitos Reservados &copy; Max Layouts <?php echo date('Y');?>. Criado por K88</p>
                </div>
            </div>
        </div>
    </footer>

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="https://minhaempresa.online/maxlayouts/cliente/js/bootstrap.min.js"></script>
    <script src="https://minhaempresa.online/maxlayouts/cliente/js/dist/js/lightbox-plus-jquery.min.js"></script>
<script type="text/javascript">                                        
//GRAFICO TAREFAS
var options = {
	responsive:true
};

var data = {

	labels: [
		<?php
	$SelecionaServicos = Seleciona("obras_servicos", "WHERE idobra='$idobra'", "GROUP BY idcategoria ORDER BY idcategoria ASC");
	  $cont = 1;
	  $TotalCategorias = mysql_num_rows($SelecionaServicos);
	  while($Servico = mysql_fetch_array($SelecionaServicos)){	  	  
	  	  
	  $SelecionaCategoria = Seleciona("servicos_categorias", "WHERE idservicocategoria='".$Servico['idcategoria']."'", "LIMIT 0,1");	  
	  while($CategoriaNome = mysql_fetch_array($SelecionaCategoria)){
		 $TituloCategoria = utf8_encode($CategoriaNome['titulo']); 
	  }	 		  
	  if($TotalCategorias != $cont){ echo '"' . $TituloCategoria . '",';}else{ echo '"' . $TituloCategoria . '"';}	  
		$cont++;  
	  }
	?>
	],
	
	
	datasets: [
		{
			label: "Tarefas Executadas",

			fillColor: "rgba(151,187,205,0.5)",
			strokeColor: "rgba(151,187,205,0.8)",
			highlightFill: "rgba(151,187,205,0.75)",
			highlightStroke: "rgba(151,187,205,1)",
			
			data: [
			<?php
			$SelecionaServicosConcluidos = Seleciona("obras_servicos", "WHERE idobra='$idobra'", "GROUP BY idcategoria ORDER BY idcategoria ASC");
			$cont_concluido = 1;
			$TotalCategoriasConcluidos = mysql_num_rows($SelecionaServicosConcluidos);
			while($Servico_concluido = mysql_fetch_array($SelecionaServicosConcluidos)){	  	  	  	  		  
			if($TotalCategoriasConcluidos != $cont_concluido){ echo QtdeServicoPorCategoriaConcluido($Servico_concluido['idcategoria'], $idobra) . ",";}else{ echo QtdeServicoPorCategoriaConcluido($Servico_concluido['idcategoria'], $idobra);}	  
			$cont_concluido++;  
			}			
			?>				
			]
			
			
		},
		{
			label: "Tarefas Pendentes",
			fillColor: "rgba(255,207,191,0.5)",
			strokeColor: "rgba(255,207,191,0.8)",
			highlightFill: "rgba(255,207,191,0.75)",
			highlightStroke: "rgba(255,207,191,1)",				
			data: [
			<?php
			$SelecionaServicos_Pendentes = Seleciona("obras_servicos", "WHERE idobra='$idobra'", "GROUP BY idcategoria ORDER BY idcategoria ASC");
			$cont_Pendentes = 1;
			$TotalCategorias_Pendentes = mysql_num_rows($SelecionaServicos_Pendentes);
			while($Servico_Pendentes = mysql_fetch_array($SelecionaServicos_Pendentes)){	  	  	  	  		  
			
			$SelecionaServicosAbertos = Seleciona("obras_servicos", "WHERE status IN('Pendente', 'Trabalho') AND idcategoria='".$Servico_Pendentes['idcategoria']."' AND idobra='$idobra'", "");
			$TotalServicosAbertos = mysql_num_rows($SelecionaServicosAbertos);
			
			if($TotalCategorias_Pendentes != $cont_Pendentes){ echo $TotalServicosAbertos . ",";}else{ echo $TotalServicosAbertos['idcategoria'];}	  
			$cont++;  
			$TotalServicosAbertos = "";
			}
			?>				
			]
		}
	]
};                

</script>

	<script type="text/javascript">


	window.onload = function () {
//GRAFICO PADRÃO

	var ctx = document.getElementById("GraficoBarra").getContext("2d");
	var BarChart = new Chart(ctx).Bar(data, options);

//MACRO
		var chart = new CanvasJS.Chart("chartContainer", {

			title:{
				text:"Cronograma Macro Detalhado da Obra"				

			},
                        animationEnabled: true,
			axisX:{
				interval: 1,
				gridThickness: 0,
				labelFontSize: 9,
				labelFontStyle: "normal",
				labelFontWeight: "normal",
				labelFontFamily: "Lucida Sans Unicode"

			},
			axisY2:{
				interlacedColor: "rgba(1,77,101,.2)",
				gridColor: "rgba(1,77,101,.1)"

			},

			data: [
			{     
				type: "bar",
                name: "SERVIÇOS",
				axisYType: "secondary",
				color: "#014D65",				
				dataPoints: [
				
				
				
				
				{y: <?php echo $dias_obra;?>, label: "PRAZO TOTAL OBRA", color: "#7396FF", indexLabel:  "<?php echo $dias_obra . " dia(s)";?>"  },
				<?php 
				$SelecionaServicosDetalhe = Seleciona("obras_servicos", "WHERE idobra='$idobra'", "");
				while($Servico_Detalhe = mysql_fetch_array($SelecionaServicosDetalhe)){
								
				
				if($Servico_Detalhe['qtde_dias'] == 0){
					$Dias = 0;	
				}else{
					$Dias = $Servico_Detalhe['qtde_dias'];		
				}
				
				
				
			  if($Servico_Detalhe['status'] == "Concluido"){
				  $cor =  "#96FF73";
			  }else{
				  $cor =  "#FF7373";
			  }				
				
				//NOME SERVIÇO	  
				$SelecionaTituloServico = Seleciona("servicos", "WHERE idservico='".$Servico_Detalhe['idservico']."'", "LIMIT 0,1");
				while($ServicoNome = mysql_fetch_array($SelecionaTituloServico)){
				 $TituloServico = utf8_encode($ServicoNome['titulo']); 
				}	 				
				
				?>
				{y: <?php echo $Dias;?>, label: "<?php echo $TituloServico;?>", color: "<?php echo $cor;?>" },
				<?php }?>
				{y: <?php echo $dias_obra_corrido;?>, label: "DIAS CORRIDOS", color: "#FFC926", indexLabel:  "<?php echo $dias_obra_corrido;?> dia(s)" }
				]
			}
			
			]
		});

chart.render();


//RESUMIDO

		var chart_resumido = new CanvasJS.Chart("Resumido", {

			title:{
				text:"Cronograma Resumido da Obra"				

			},
                        animationEnabled: true,
			axisX:{
				interval: 1,
				gridThickness: 0,
				labelFontSize: 9,
				indexLabelFontSize: 5,
				labelFontStyle: "normal",
				labelFontWeight: "normal",
				labelFontFamily: "Lucida Sans Unicode"

			},
			axisY2:{
				interlacedColor: "rgba(1,77,101,.2)",
				gridColor: "rgba(1,77,101,.1)"

			},

			data: [
			{     
				type: "bar",
                name: "SERVIÇOSRESUMIDO",
				axisYType: "secondary",
				color: "#014D65",				
				dataPoints: [
				
				
				
				
				{y: <?php echo $dias_obra;?>, label: "PRAZO TOTAL OBRA", color: "#7396FF", indexLabel:  "<?php echo $dias_obra . " dia(s)";?>"  },
				<?php 
				$SelecionaServicosDetalhe = Seleciona("obras_servicos", "WHERE idobra='$idobra'", "GROUP BY idcategoria");
				while($Servico_Detalhe = mysql_fetch_array($SelecionaServicosDetalhe)){
				
				//SELECIONA SOMA DIAS
				$selec = "select sum(qtde_dias) AS soma_qtdedias FROM obras_servicos WHERE idobra='$idobra' AND idcategoria='".$Servico_Detalhe['idcategoria']."'";
				$exec = mysql_query($selec, $conexao) or die(mysql_error());    
				while($qtde_linha=mysql_fetch_array($exec)) {
				$QtdeDias = $qtde_linha['soma_qtdedias'];
				}
				
				$SelecionaServicosStatus_Qtde = Seleciona("obras_servicos", "WHERE idobra='$idobra' AND idcategoria='".$Servico_Detalhe['idcategoria']."'", "");
				$SelecionaServicosStatus = Seleciona("obras_servicos", "WHERE idobra='$idobra' AND idcategoria='".$Servico_Detalhe['idcategoria']."' AND status='Concluido'", "");
				$TotalStatusQtde = mysql_num_rows($SelecionaServicosStatus_Qtde);
				$TotalStatus = mysql_num_rows($SelecionaServicosStatus);
				
				if($QtdeDias == 0){
					$Dias = 0;	
				}else{
					$Dias = $QtdeDias;		
				}
				
				if($TotalStatusQtde == $TotalStatus){
					$cor =  "#96FF73";
				}else{
					$cor =  "#FF7373";
				}							
				
				//NOME CATEGORIA	  
				$SelecionaCategoria = Seleciona("servicos_categorias", "WHERE idservicocategoria='".$Servico_Detalhe['idcategoria']."'", "LIMIT 0,1");
				while($CategoriaNome = mysql_fetch_array($SelecionaCategoria)){
				 $TituloCategoria = utf8_encode($CategoriaNome['titulo']); 
				}	 		
				
				?>
				{y: <?php echo $Dias;?>, label: "<?php echo $TituloCategoria;?>", color: "<?php echo $cor;?>" },
				<?php }?>
				{y: <?php echo $dias_obra_corrido;?>, label: "DIAS CORRIDOS", color: "#FFC926", indexLabel:  "<?php echo $dias_obra_corrido;?> dia(s)" }
				]
			}
			
			]
		});

chart_resumido.render();
}


</script>
<script type="text/javascript" src="../js/canvasjs/canvasjs.min.js"></script>  
</body>

</html>
