<?php
session_start();
if((!isset ($_SESSION['nome']) == true))
{
  header('location:https://avilagoiania.kaltekgoiania.com.br/login');
  }
$logado = $_SESSION['nome'];
$pesquisar = $_SESSION['login'];
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Cólegio Ávila</title>
  <!-- Link para o CSS do Bootstrap -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
  <style>
/* Estilo padrão para todos os dispositivos */
.somente-mobile {
  display: none; /* Esconder o elemento por padrão */
}

/* Exibir o elemento apenas em dispositivos móveis (telas até 768px) */
@media (max-width: 768px) {
  .somente-mobile {
    display: block; /* Exibir o elemento em telas menores ou iguais a 768px */
  }
}

/* Estilo padrão para esconder o elemento em todos os dispositivos */
.somente-desktop {
  display: none; /* Esconder o elemento por padrão */
}

/* Exibir o elemento apenas em dispositivos desktop (telas maiores que 768px) */
@media (min-width: 769px) {
  .somente-desktop {
    display: block; /* Exibir o elemento em telas maiores que 768px */
  }
}
  
  
    /* Estilo personalizado para ajustar as colunas e espaçamento */
    .custom-column {
      width: 500px; /* Tamanho fixo de 100px para as colunas */
      
    }

    .custom-row {
      margin-bottom: 0px; /* Espaçamento de 5px entre as linhas */
      padding: 0px 10px 0px 10px;
      text-transform: uppercase;
    }
	.custom-row-top {
	  margin-top: 40px; /* Espaçamento de 5px entre as linhas */
    }
	
  </style>
</head>
<body>
  <!-- Container do Bootstrap -->
  <div class="container mt-4">
    <!-- Linha 1 -->
    <div class=" d-flex row justify-content-center custom-row custom-row-top">
      <div class="col-auto custom-column p-0 borderr bg-lightt">
          <br><button type="button" class="btn btn-success" onclick="logout()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sair&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</button><br><br>
         Olá, <?php echo $logado;?>
      </div>
    </div>
<?php
    include('conexao.php');
	$result_usuario = "SELECT * FROM cftv WHERE login = '$pesquisar'";
	$resultado_usuario = mysqli_query($conn, $result_usuario);
	while($row_usuario = mysqli_fetch_array($resultado_usuario)){    
echo" <!-- Linha 2 -->";
echo'<div class="row justify-content-center custom-row">
      <div class="col-auto custom-column p-0 borderr bg-lightt">
       <strong> Matrícula: </strong>'.$row_usuario['matricula'].'
      </div>
    </div>
    
    <!-- Linha 3 -->
    <div class="row justify-content-center custom-row">
      <div class="col-auto custom-column p-0 borderr bg-lightt">
       <strong> Aluno: </strong>'.$row_usuario['nome_aluno'].'
      </div>
    </div>
    
    <!-- Linha 4 -->
    <div class="row justify-content-center custom-row">
      <div class="col-auto custom-column p-0 borderr bg-lightt">
       <strong> Série e Turma: </strong>'.$row_usuario['identificador_turma'].'
      </div>
    </div>
    <!-- Linha 4 -->
    <div class="row justify-content-center custom-row">
      <div class="col-auto custom-column p-0 borderr bg-lightt">
        <strong>Turno: </strong>'.$row_usuario['turno'].'
      </div>
    </div>
    
    <!-- Linha 5 -->
    <div class="row justify-content-center custom-row">
      <div class="col-auto custom-column p-0 borderr bg-lightt">
        <iframe width="380" height="215" src='.$row_usuario['sala'].' frameborder="0" allowfullscreen></iframe>
      </div>
    </div>';
	}
?>
   <br><img class="somente-desktop" style="margin-left: 415px;" src="logo.png"/>
  </div>
  <br><br>
  <center class="somente-mobile"><img style="margin-left: -10px;" src="logo.png"/></center>
  
		
  <!-- Script do JavaScript do Bootstrap -->
  
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
  <script>
function logout()
{
     location.href = "logout.php";
} 
</script>
</body>
</html>
