<!doctype html>
<html lang="es">

<head>
  <title>Estudiantes</title>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap CSS v5.2.0-beta1 -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"
    integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">

</head>

<body>
    <h1>Formulario Estudiantes</h1>
    <form action="/crud_estud" method="post">
    <div class="container">
        <form class="d-flex">
            <div class="col">
                <div class="mb-3">
                    <label for="lbl_id_estudiante" class="form-label">ID Estudiantes</label>
                    <input type="text" id="txt_id_estudiantes" name="txt_id_estudiantes" placeholder="id_estudiantes">
                </div>
                <div class="mb-3">
                    <label for="carne" class="form-label">Carne</label>
                    <input type="text" id="txt_carne" name="txt_carne" placeholder="carne">
                </div>
                <div class="mb-3">
                    <label for="nombres" class="form-label">Nombres</label>
                    <input type="text" id="txt_nombres" name="txt_nombres" placeholder="nombres">
                </div>
                <div class="mb-3">
                    <label for="apellidos" class="form-label">Apellidos</label>
                    <input type="text" id="txt_apellidos" name="txt_carne" placeholder="apellidos">
                </div>
                <div class="mb-3">
                    <label for="direccion" class="form-label">Direccion</label>
                    <input type="text" id="txt_direccion" name="txt_direccion" placeholder="direccion">
                </div>
                <div class="mb-3">
                    <label for="correo_electronico" class="form-label">Correo Electronico</label>
                    <input type="text" id="txt_correo_electronico" name="txt_correo_electronico" placeholder="correo_electronico">
                </div>
                <div class="mb-3">
                    <label for="id_tipo_sangre" class="form-label">ID Tipo de Sangre</label>
                    <input type="text" id="txt_id_tipo_sangre" name="txt_id_tipo_sangre" placeholder="id_tipo_sangre">
                </div>
                <div class="mb-3">
                    <label for="fecha_nacimiento" class="form-label">Fecha de Nacimiento</label>
                    <input type="date" id="txt_fn" name="txt_fn" placeholder="yyyy-mm-dd">
                </div>
                <div class="mb-3">
                    <button type="submit" id ="btn_crear" name ="btn_crear" value="crear">Nuevo</button>
                </div>
                <div class="mb-3">
                    <button type="submit" id ="btn_actualizar" name ="btn_actualizar" value="actualizar">Actualizar</button>
                </div>
                <div class="mb-3">
                    <button type="submit" id ="btn_borrar" name ="btn_borrar" value="borrar">Borrar</button>
                </div>
            </div>
        </form>
        
    </div>
    <table border="1px">
        <thead>
            <tr>
            <th>id_estudiantes</th>
            <th>carne</th>
            <th>nombres</th>
            <th>apellidos</th>
            <th>direccion</th>
            <th>telefono</th>
            <th>correo_electronico</th>
            <th>id_tipo_sangre</th>
            <th>fecha_nacimiento</th>
            </tr>
        </thead>
        <tbody>
            <% resultado.forEach((estudiantes) => { %>
            <tr>
                <td><%= estudiantes.id_estudiantes %></td>
                <td><%= estudiantes.carne %></td>
                <td><%= estudiantes.nombres %></td>
                <td><%= estudiantes.apellidos %></td>
                <td><%= estudiantes.direccion %></td>
                <td><%= estudiantes.telefono %></td>
                <td><%= estudiantes.correo_electronico %></td>
                <td><%= estudiantes.id_tipo_sangre %></td>
                <td><%= estudiantes.fecha_nacimiento %></td>
            </tr>
            <% }) %>
        </tbody>

    </table>


  <footer>
    <!-- place footer here -->
  </footer>
  <!-- Bootstrap JavaScript Libraries -->
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js"
    integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk" crossorigin="anonymous">
  </script>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.min.js"
    integrity="sha384-ODmDIVzN+pFdexxHEHFBQH3/9/vQ9uori45z4JjnFsRydbmQbmL5t1tQ0culUzyK" crossorigin="anonymous">
  </script>
</body>

</html>