<?php

	if (!$link = mysql_connect('ovh-1.instamcnet.com', 'root', 'bVgZWyCz7XGn')) {
    echo 'Não foi possível conectar ao mysql';
    exit;
}

if (!mysql_select_db('new_pokemon_1', $link)) {
    echo 'Não foi possível selecionar o banco de dados';
    exit;
}


	 //////////////////////////
	 // DEFINIÇÂO DOS RANKS  //
	 //////////////////////////
	 $ranks = array();
	 // NOME DA TABELA ---- TITULO DO MENU
	 $ranks['Estatistica_SKYWARS_KILLS'] = 'Kills';
	 $ranks['Estatistica_SKYWARS_VITORIAS'] = 'Vitorias';
	include("head.php");
?>

	<div class="row">
				<div class="col-md-13" style='text-align:center;'>

					<div class="tabs-wrapper tabs-alt tabs__vertical">
						<div class="clearfix">
							<!-- Nav tabs -->
							<ul class="nav nav-tabs col-md-13"  style="margin-left:0px;margin-bottom:-24px;">

								<?php
							#GAMBETA
							$foi = false;
							       foreach ($ranks as $nomeTabela => $titulo) {
										if(!$foi){
											echo '<li class ="active"><a href="#tab4-'.$titulo.'" data-toggle="tab">'.$titulo.'</a></li>';
											$foi = true;
										}else{
										echo '<li><a href="#tab4-'.$titulo.'" data-toggle="tab">'.$titulo.'</a></li>';
										}

									}
								?>

							</ul>

							<!-- Tab panes -->
							<div class="tab-content col-md-13">
							<?php
								$foi = false;
								foreach ($ranks as $nomeTabela => $titulo) {

								if($foi){
								echo '<div class="tab-pane fade in" id="tab4-'.$titulo.'">';

								}else{
									echo '<div class="tab-pane fade in active" id="tab4-'.$titulo.'">';
										$foi = true;
								}
							?>

									<table class="table table-striped-vertical table-four-cols"  >
					<thead>
						<tr>
							<th style="background:#1B8804;"><span style="color:white;">Skin</span></th>
							<th style="background:#0C9B1E;"><span style="color:white;">Nick</span></th>
							<th style="background:#1B8804;"><span style="color:white;">Pontos</span></th>
							<th style="background:#0C9B1E;"><span style="color:white;">Progresso</span></th>
						</tr>
					</thead>
					<tbody>
									<?php
										$nivelMax = 0;
										$sql = "select nome, pontos, posicaoRank from instamc_rank.".$nomeTabela." order by pontos desc limit 50;";
										$result = mysql_query($sql, $link);
										if ($result) {
											// output data of each row
											$contador =1;
											while($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
												if($nivelMax==0)
													$nivelMax = $row["pontos"];
												$pct = ($row["pontos"]*100)/$nivelMax;
												echo"<tr><td>";
												echo "<b>".$contador."º </b><img style=\"\padding-left: 70px;\"  src='//cravatar.eu/helmhead/".$row["nome"]."/32.png'/>";
												$contador++;
												echo "</td><td>".$row["nome"]. "</td><td>".$row["pontos"]."</td>";
												echo '<td><div class="progress progress-striped active"><div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="'.$row["pontos"].'" aria-valuemin="0" aria-valuemax="'.$nivelMax.'" style="width: '.$pct.'%; background-color:rgb(66, 142, 29)"><span class="sr-only"></span></div></div></td>';
												echo "</tr>";
											}
										} else {
											//die('Could not get data: ' . mysql_error());
											echo "EROO </br>". mysql_error();
										}
										//$link->close();
									?>
									</tbody>
									</table>
								</div>
								<?php } ?>
							</div>
						</div>
					</div>
				</div>
			</div>
</div>