<?php 
	// obteniendo las variables pasadas por el POST
 	//echo "<script>alert('El Usuario: ACEPTADO');</script>";			
?>
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
  <title>.: Elecciones :.</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href="assets/img/love.png" rel="icon">
  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link href="https://fonts.gstatic.com" rel="preconnect">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/quill/quill.snow.css" rel="stylesheet">
  <link href="assets/vendor/quill/quill.bubble.css" rel="stylesheet">
  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="assets/vendor/simple-datatables/style.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="assets/css/style.css" rel="stylesheet">
 
  <style type="text/css">
      a.btn.btn-primary.w-100 {
          background: #fcb900 !important;
		  color:#000000;
          border: var(--bs-btn-border-width) solid #d7d7d7;
      }
      .card-title {
            color: #050b57;
        }
      span.d-none.d-lg-block {
          .logo: ;
          font-size: 26px;
          font-weight: 700;
          color: #017047;
          font-family: "Nunito", sans-serif;
      }  
      input.btn.btn-primary.w-100 {
            background: #a18f05;
            border-color: #a18f05;
        }
      body {
        font-family: "Open Sans", sans-serif;
        background: #fcb90091;
        color: #444444;
      }
      .row.sl {
          background: #ffffff;
          padding: 20px;
      }
      span.sjs {
          font-size: 18px;
      }
      .row.ro {
            background: #D0D0D0;
            padding: 20px;
        }
        .row.dj {
            margin-top: 15px;
        }
  </style>
</head>

<body>
	<main>
		<div class="container">
			<section class="section register min-vh-100 d-flex flex-column align-items-center justify-content-center py-4">
				<div class="container">
					<div class="row justify-content-center">
						<div class="col-lg-8 col-md-8">
							<div class="d-flex justify-content-center py-4">           
								<img src="assets/img/favicon.png" width="600">
							</div><!-- End Logo -->
							<div class="card mb-12">
								<form role="form" action="validavoto.php" method="POST" id="id_formul" name="id_formul">
									<div class="card-body">
										<div class="pt-8 pb-2">
											<h5 class="card-title text-center pb-0 fs-4">Boleta de Votación</h5>
										</div>
										<style>
											input[type="radio"] {
											transform: scale(2);
											margin-right: 10px;
										}
										</style>
										<div class="row sl">
											<div class="col-md-12">
												<h5 class="card-title text-center pb-0 fs-4">Desea votar por la Plancha 1</h5>
												<br>
												<span > <input type="radio" class="col-md-4" name="plancha" value="1x1" id="RadioGroup1_1"><strong>Si</strong></span>
												<br><br>
												<!--<span> <input  class="col-md-4" type="radio" name="plancha" value="1x2" id="RadioGroup1_2"><strong>Plancha 2</strong></span>
												<br><br> -->
												<span> <input  class="col-md-4" type="radio" name="plancha" value="1x3" id="RadioGroup1_3"><strong>No</strong></span>
											</div>
										</div>
									</div>
									<div class="col-md-12">
										<button type="submit" class="btn btn-warning w-100">
											Validar Voto >>
										</button>
										<!--  <a href="votacion.html" class="btn btn-primary w-100">Validar el Voto</a> -->
									</div>
								</form>
							</div> 
						</div>    
						<div class="credits">
							<!-- All the links in the footer should remain intact. -->
							<!-- You can delete the links only if you purchased the pro version. -->
							<!-- Licensing information: https://bootstrapmade.com/license/ -->
							<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/nice-admin-bootstrap-admin-html-template/ -->
							<center>
							Diseñado por <a href="#" style="color: orange;">JRM</a>
						</center>
					</div>
				</div>
			</section>
		</div>
	</main><!-- End #main -->
	<a href="#" class="back-to-top d-flex align-items-center justify-content-center" style="color: orange;"><i class="bi bi-arrow-up-short"></i></a>

  <!-- Vendor JS Files -->
  <script src="assets/vendor/apexcharts/apexcharts.min.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/chart.js/chart.min.js"></script>
  <script src="assets/vendor/echarts/echarts.min.js"></script>
  <script src="assets/vendor/quill/quill.min.js"></script>
  <script src="assets/vendor/simple-datatables/simple-datatables.js"></script>
  <script src="assets/vendor/tinymce/tinymce.min.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>

  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>
<!-- validacion de voto -->
	<script>
		document.getElementById("id_formul").addEventListener("submit", submit);
		// Funcion que se ejecuta al pulsar el botón enviar el formulario
		function submit(e) {
			// Cancelams el envio a la espera de que valide el formulario
			e.preventDefault();
			//Validamos los datos
			if (document.id_formul.plancha.value.length==0) {
				alert("Debe Seleccionar una Plancha");
				document.id_formul.Radiovice.focus();
				return 0; 
			}
				// Enviamos el formulario
			document.forms["id_formul"].submit();
		}
	</script>
</body>

</html>