
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<?php


require_once 'conexion.php';
$nombre = $_POST['nombre_completo'];
$tipo_doc = $_POST['tipo_documento'];
$otro_doc = $_POST['otro_tipo_documento'];
$num_doc = $_POST['documento'];
$cod_id = $_POST['codigo_id'];
$email_inst = $_POST['correo_inst'];
$email_pers = $_POST['correo_pers'];
$num_cel = $_POST['num_cel'];
$num_wapp = $_POST['num_whatsapp'];
$nom_univrd = $_POST['universidad'];
$otro_univrd = $_POST['otro_universidad'];
$sede_univrd = $_POST['sede'];
$dep_univr = $_POST['departamento'];
$edad = $_POST['edad'];
$alergia = $_POST['alergias'];
$otro_alergia = $_POST['cual_alergias'];
$dieta = $_POST['dieta'];
$eps = $_POST['eps'];
$discpd = $_POST['discapacidad'];
$cual_discpd = $_POST['cual_discapacidad'];
$nom_emerg1 = $_POST['nombre_emergencia_1'];
$num_emerg1 = $_POST['num_emergencia_1'];
$partnz_emerg1 = $_POST['Parentezco_1'];
$nom_emerg2 = $_POST['nombre_emergencia_2'];
$num_emerg2 = $_POST['num_emergencia_2'];
$partnz_emerg2 = $_POST['Parentezco_2'];

$conexion=conexion();

/* (`ID`, `HORA_INICIO`, `NOMBRES_COMPLETO`, `TIPO_DOCUMENTO`, `OTRO_TIPO_DOCUMENTO`, `DOCUMENTO`, `CODIGO_ID`, `CORREO_INST`, `CORREO_PERS`, `NUM_CEL`, `NUM_WHATSAPP`, `UNIVERSIDAD`, `OTRA_UNIVERSIDAD`, `SEDE`, `DEPARTAMENTO`, `EDAD`, `ALERGIAS`, `CUAL_ALERGIAS`, `DIETA`, `EPS`, `DISCAPACIDAD`, `CUAL_DISCAPACIDAD`, `NOMBRE_EMERGENCIA_1`, `NUM_EMERGENCIA_1`, `PARENTESCO_1`, `NOMBRE_EMERGENCIA_2`, `NUMERO_EMERGENCIA_2`, `PARENTESCO_2`)
        INSERT INTO `tbl_solicitudes`  VALUES (NULL, '', 'prueba', 'cc', '', '123123', '3123213', 'prueba@gmail.com', 'prueba@gmail.com', '3131233', '13123123', 'unicatolica', '', 'melendez', 'valle del cauca', '23', 'no', '', 'carnivoro', 'sisben', 'si', 'multiple', 'milton', '21312313', 'hijo', '', '', ''); 
*/ 
// print_r($conexion);

$sql = "INSERT INTO tbl_solicitudes 
        (`ID`, `HORA_INICIO`, `NOMBRES_COMPLETO`, `TIPO_DOCUMENTO`, `OTRO_TIPO_DOCUMENTO`, `DOCUMENTO`, `CODIGO_ID`, 
        `CORREO_INST`, `CORREO_PERS`, `NUM_CEL`, `NUM_WHATSAPP`, `UNIVERSIDAD`, `OTRA_UNIVERSIDAD`, `SEDE`, `DEPARTAMENTO`, 
        `EDAD`, `ALERGIAS`, `CUAL_ALERGIAS`, `DIETA`, `EPS`, `DISCAPACIDAD`, `CUAL_DISCAPACIDAD`, `NOMBRE_EMERGENCIA_1`, 
        `NUM_EMERGENCIA_1`, `PARENTESCO_1`, `NOMBRE_EMERGENCIA_2`, `NUMERO_EMERGENCIA_2`, `PARENTESCO_2`) 
        VALUES 
        (NULL, '', '$nombre', '$tipo_doc', '$otro_doc', '$num_doc', '$cod_id', 
        '$email_inst', '$email_pers', '$num_cel', '$num_wapp', '$nom_univrd', '$otro_univrd', '$sede_univrd', '$dep_univr', 
        '$edad', '$alergia', '$otro_alergia', '$dieta', '$eps', '$discpd', '$cual_discpd', '$nom_emerg1', '$num_emerg1', 
        '$partnz_emerg1', '$nom_emerg2', '$num_emerg2', '$partnz_emerg2')";

$result=mysqli_query($conexion,$sql);
// echo $sql; 

if ($result){
    
}else {
    echo "no funciono";
}

?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ENETS</title>
    <link rel="stylesheet" href="css/fondo.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<style>
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}
#inscripciones-muy-pronto {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #000; /* o cualquier otro color que prefieras */
    font-size: 24px; /* o cualquier otro tamaño de fuente que prefieras */
}
.error {
    display: none;
}
.navbar {
  
   
        background-image: url('img/TV.png');
        /* Establece la imagen como fondo que se repite en toda la ventana */
        background-repeat: no-repeat;
        /* Define la posición inicial de la imagen de fondo */
        background-position: center center;
        /* Establece el tamaño de la imagen de fondo para que cubra toda la superficie */
        background-size: cover;
        position: relative;
        height: 110vh; 
    
}


/* Estilos generales del footer */
footer {
    background-color: #333;
    color: #fff;
    padding: 20px;
    text-align: center;
}

/* Estilos del contenedor del footer */
.footer-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Estilos de los enlaces del footer */
.footer-container p {
    display: inline;
    margin: 0 10px;
}
.centrar{
    margin: 0;
}
footer {

    background-color: #AE3913;
    color: #fff;
    padding: 20px;
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
}

/* Estilos del contenedor del footer */
.footer-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Estilos de los enlaces del footer */
.footer-container p {
    display: inline;
    margin: 0 10px;
}

/* Estilos del cuerpo para que tenga una altura mínima del 100% del viewport */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
/* Estilos del titulo que se agrandará */
.titulo-grande {
    font-size: 24px; /* Establece el tamaño inicial del titulo */
    transition: font-size 0.3s; /* Añade una transición suave para el cambio de tamaño */
}

/* Estilos del titulo al pasar el mouse por encima */
.titulo-grande:hover {
    font-size: 36px; /* Establece el tamaño del titulo cuando el usuario pasa el mouse por encima */
}
.letra {
    font-size: 50px;
}


</style>
</head>
<body>
    <div class="navbar">
        <!-- imagen navbar   -->
  <h1 id="inscripciones-muy-pronto" class="text-center text-white" style="font-size: 40px;"><b>INSCRIPCIONES MUY PRONTO</b></h1>
       </div>
<!-- contenido de la pagina -->

<script>
var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ['Inscripciones', 'Citas'],
        datasets: [{
            label: 'Cantidad',
            data: [12, 19],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
            ],
            borderColor: [
                'rgba(255, 99, 132, 1)',
                'rgba(54, 162, 235, 1)',
            ],
            borderWidth: 1
        }]
    },
    options: {
        plugins: {
            legend: {
                display: false
            }
        },
        scales: {
            y: {
                beginAtZero: true
            }
        }
    }
});

ctx.save();
ctx.translate(200, 350); // movemos el punto de origen al punto deseado
ctx.rotate(Math.PI / 2); // rotamos el contexto 90 grados
ctx.fillText('INSCRIPCIONES MUY PRONTO', 0, 0); // dibujamos el texto en el punto de origen rotado
ctx.restore();
</script>

</body>
</html>

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
