<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Cadastro Aluno</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
   <style>
        body {
            background-color: #f8f9fa; /* Cor de fundo roxa claro */
        }

        /* Definindo uma nova cor roxa médio */
        .btn-purple-medium {
            color: #fff;
            background-color: #9370db;
            border-color: #9370db;
        }
        .btn-purple-medium:hover {
            color: #fff;
            background-color: #7a5dc7;
            border-color: #7a5dc7;
        }
        .btn-purple-medium:focus, .btn-purple-medium.focus {
            box-shadow: 0 0 0 0.2rem rgba(147, 112, 219, 0.5);
        }
        .btn-purple-medium.disabled, .btn-purple-medium:disabled {
            color: #fff;
            background-color: #9370db;
            border-color: #9370db;
        }
        .btn-purple-medium:not(:disabled):not(.disabled):active, .btn-purple-medium:not(:disabled):not(.disabled).active,
        .show > .btn-purple-medium.dropdown-toggle {
            color: #fff;
            background-color: #7a5dc7;
            border-color: #7a5dc7;
        }
        .btn-purple-medium:not(:disabled):not(.disabled):active:focus, .btn-purple-medium:not(:disabled):not(.disabled).active:focus,
        .show > .btn-purple-medium.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(147, 112, 219, 0.5);
        }
        
        .img-right {
            float: right; /* Alinha a imagem à direita */
            width: 75px; /* Define a largura da imagem */
            margin-left: 10px; /* Adiciona um espaço à esquerda da imagem */
        }
    </style>
<body>
<div class="container">
<br><center><img src="https://colegioavila.com.br/wp-content/uploads/2018/11/logo-com-sombra2.png" width="250px">
<h2>CADASTRO DE ALUNO</h2></center><br><br>
  <div class="row">
    <div class="col-md-4">
      <form action="insertBDAluno.php" method="post">
        <div class="form-group">
          <label for="campo1">Nome Mãe:</label>
          <input type="text" class="form-control" id="campo1" name="nome_mae" style="text-transform: uppercase;">
        </div>
        <div class="form-group">
          <label for="campo2">CPF Pai:</label>
          <input type="text" class="form-control" id="campo2" name="cpf_pai" maxlength="11">
        </div>
        <div class="form-group">
          <label for="campo3">Matrícula:</label>
          <input type="text" class="form-control" id="campo3" name="matricula">
        </div>
    </div>
    <div class="col-md-4">
        <div class="form-group">
          <label for="campo4">CPF Mãe:</label>
          <input type="text" class="form-control" id="campo4" name="cpf_mae" maxlength="11">
        </div>
        <div class="form-group">
          <label for="campo5">Nome Aluno:</label>
          <input type="text" class="form-control" id="campo5" name="nome_aluno" style="text-transform: uppercase;">
        </div>
        <div class="form-group">
          <label for="turnoSelect">Turno:</label>
          <select class="form-control" id="turnoSelect" name="turno" style="text-transform: uppercase;">
            <option value="MATUTINO">Matutino</option>
            <option value="VESPERTINO">Vespertino</option>
          </select>
        </div>		
    </div>
    <div class="col-md-4">
        <div class="form-group">
          <label for="campo7">Nome Pai:</label>
          <input type="text" class="form-control" id="campo7" name="nome_pai" style="text-transform: uppercase;">
        </div>
        <div class="form-group">
          <label for="turmaSelect">Turma:</label>
          <select class="form-control" id="turmaSelect" name="turma">
            <option value="INFANTIL 2  TURMA A">INFANTIL 2  TURMA A</option>
            <option value="INFANTIL 2  TURMA C">INFANTIL 2  TURMA C</option>
			<option value="INFANTIL 3  TURMA A">INFANTIL 3  TURMA A</option>
			<option value="INFANTIL 3  TURMA C">INFANTIL 3  TURMA C</option>
			<option value="INFANTIL 3  TURMA D">INFANTIL 3  TURMA D</option>
			<option value="INFANTIL 4  TURMA A">INFANTIL 4  TURMA A</option>
			<option value="INFANTIL 4  TURMA C">INFANTIL 4  TURMA C</option>
			<option value="INFANTIL 5  TURMA A">INFANTIL 5  TURMA A</option>
			<option value="INFANTIL 5  TURMA B">INFANTIL 5  TURMA B</option>
			<option value="INFANTIL 5  TURMA C">INFANTIL 5  TURMA C</option>
			<option value="INFANTIL 5  TURMA D">INFANTIL 5  TURMA D</option>
			
          </select>
        </div>
        <div class="form-group">
          <label for="salaSelect">Sala:</label>
          <select class="form-control" id="salaSelect" name="sala">
            <option value="https://rtsp.me/embed/fn356k79/">INFANTIL 2  TURMA A</option>
            <option value="https://rtsp.me/embed/r5TK3Zr8/">INFANTIL 2  TURMA C</option>
			<option value="https://rtsp.me/embed/A7YhKrEH/">INFANTIL 3  TURMA A</option>
			<option value="https://rtsp.me/embed/4G5TESi7/">INFANTIL 3  TURMA C</option>
			<option value="https://rtsp.me/embed/fsZ8tfiT/">INFANTIL 3  TURMA D</option>
			<option value="https://rtsp.me/embed/8bhdt8DN/">INFANTIL 4  TURMA A</option>
			<option value="https://rtsp.me/embed/zG9yF5n8/">INFANTIL 4  TURMA C</option>
			<option value="https://rtsp.me/embed/A34hRbAB/">INFANTIL 5  TURMA A</option>
			<option value="https://rtsp.me/embed/AGtQG4nE/">INFANTIL 5  TURMA B</option>
			<option value="https://rtsp.me/embed/fsZ8tfiT/">INFANTIL 5  TURMA C</option>
			<option value="https://rtsp.me/embed/DbGs6ykE/">INFANTIL 5  TURMA D</option>
          </select>
        </div>
		<input type="hidden" name="nivel" value="alunos">
        <button type="submit" class="btn btn-primary">Cadastrar</button>&nbsp;<a href="logout.php" class="btn btn-primary">Sair</a><br><br>
      </form>
    </div>
  </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>