<main>
    <div class="information">
        <img src="./images/ic_colegio.svg"
            title="Alumnos"
            class="logoStudent">
        <p class="msg">Ingrese la informaci&oacute;n del colegio </p>
        <hr>
        <span id="error"></span>
        <span id="confirmation"></span>
        <form class="dataEntry" autocomplete="new-text">
            <div class="inputEntry">
                <div class="inputLabel">
                    <label for="collegeName">Nombre del Colegio</label>
                    <input type="text" readonly id="collegeName">
                </div>
                <div class="inputLabel">
                    <label for="email">Email</label>
                    <input type="text" readonly id="email">
                </div>
            </div>
            <div class="inputEntry">
                <div class="inputLabel">
                    <label for="idCollege">ID</label></label>
                    <input type="text" readonly id="idCollege">
                </div>
                <div class="inputLabel">
                    <label for="state">Estado</label>
                    <input type="text" readonly id="state">
                </div>
            </div>
            <div class="inputEntry">
                <div class="inputLabel">
                    <label for="contactName">Persona de Contacto</label>
                    <input type="text" id="contactName">
                </div>
                <div class="inputLabel">
                    <label for="position">Cargo</label>
                    <input type="text" id="position">
                </div>
            </div>
            <div class="inputEntry">
                <div class="inputLabel">
                    <label for="cellphone1">Tel&eacute;fono 1</label>
                    <div class="numberPhone">
                        <label>+58</label>
                        <input type="text" id="cellphone1" placeholder="(000) 000-0000" autocomplete="new-text">
                    </div>
                </div>
                <div class="inputLabel">
                    <label for="cellphone2">Tel&eacute;fono 2</label>
                    <div class="numberPhone">
                        <label>+58</label>
                        <input type="text" id="cellphone2" placeholder="(000) 000-0000" autocomplete="new-text">
                    </div>
                    
                </div>
            </div>
            <div class="inputEntry">
                <div class="inputLabel" style="width: 100%;">
                    <label for="asociatiom">Agrupación</label>
                    <div id="checkBoxDiv">
                        
                    </div>
                </div>
            </div>
            <p class="msg">Contacto Alternativo</p>
            <hr>
            <div class="inputEntry">
                <div class="inputLabel">
                    <label for="nameAlt">Nombre</label>
                    <input type="text" id="nameAlt" placeholder="Ingrese Nombre" autocomplete="new-text">
                </div>
                <div class="inputLabel">
                    <label for="positionAlt">Cargo</label>
                    <input type="text" id="positionAlt" placeholder="Ingrese Cargo">
                </div>
            </div>
            <div class="inputEntry">
                <div class="inputLabel">
                    <label for="emailAlt">Email</label>
                    <input type="text" id="emailAlt" placeholder="email@example.com" autocomplete="new-text">
                </div>
                <div class="inputLabel">
                    <label for="cellphoneAlt">Tel&eacute;fono</label>
                    <div class="numberPhone">
                        <label>+58</label>
                        <input type="text" id="cellphoneAlt" placeholder="(000) 000-0000" autocomplete="new-text">
                    </div>
                </div>
            </div>
            <div class="buttons">
                <button type="button" id="saveChange" onclick="saveInformation()">Guardar</button>
            </div>
            <hr id="buttonGap">
            <div class="buttons">
                <button type="button" class="registerStudent" onclick="navigationMenu('main')">Volver</button>
            </div>
        </form>
    </div>
    <div class="popupLoad"></div>
</main>