<main>
    <div class="regInfo">
        <img src="./images/ic_alumno.png"
            title="Alumnos"
            class="logoStudent">
        <p class="msg">Escriba los datos de los alumnos a inscribir</p>
        <div class="qtyPupils">
            <span class="estimatedPupilsTxt"></span>
            <span class="pupilsReg"></span>
            <span class="pupilsAval"></span>
        </div>
        <span id="error"></span>
        <span id="confirmation"></span>
        <form class="dataEntry">
            <table  class="tableForm">
                <tbody>
                    <tr>
                        <th>Nombre</th>
                        <th>Apellido</th>
                        <th>G&eacute;nero</th>
                        <th>Fecha de Nacimiento</th>
                        <th>C&eacute;dula Escolar</th>
                        <th>Grado</th>
                        <th>Secci&oacute;n</th>
                        <th></th>
                    </tr>
                    <tr id="insertRow">
                        <td>
                            <input type="text" id="namePupil" placeholder="Nombre" autocomplete="new-text">
                        </td>
                        <td>
                            <input type="text" id="lastName"  placeholder="Apellido" autocomplete="new-text">
                        </td>
                        <td>
                            <select id="gender">
                                <option disabled selected>Seleccione</option>
                                <option value="M">Masculino</option>
                                <option value="F">Femenino</option>
                            </select>
                        </td>
                        <td>
                            <input type="date" id="birthDay">
                        </td>
                        <td>
                            <input type="text" id="id"  maxlength="11" placeholder="00.000.000" autocomplete="new-text">
                        </td>
                        <td>
                            <select id="grade">
                                <option disabled selected></option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                            </select>
                        </td>
                        <td>
                            <select id="section">
                                <option disabled selected></option>
                                <option value="A">A</option>
                                <option value="B">B</option>
                                <option value="C">C</option>
                                <option value="D">D</option>
                                <option value="E">E</option>
                                <option value="F">F</option>
                                <option value="G">G</option>
                                <option value="H">H</option>
                                <option value="I">I</option>
                                <option value="J">J</option>
                            </select>
                        </td>
                        <td><span id="circle" onclick="makeRegister()"></span></td>
                    </tr>
                </tbody>
            </table>
            <div class="buttons">
                <button type="button" onclick="registerStudents()" class="chargePupils">Inscribir</button>
            </div>
            
        </form>
    </div>
    <div class="popupLoad"></div>
</main>