<main>
    <div class="dataPay">
        <img src="./images/ic_pagos.svg"
            title="Alumnos"
            class="logoStudent">
        <div class="conditions">
            <h2 class="titleConditions">Condiciones para el pago de la inscripci&oacute;n:</h2>
            <ol>
                <li>Los pagos en bolívares deben hacerse según la tasa referencial  publicada por el BCV en la fecha del depósito.</li>
                <li>Una vez realizado el pago, se mantendr&aacute;n las cantidades de alumnos estimadas hasta completar la inscripci&oacute;n o hasta el cierre de la misma (<span id="dateLimitPay"></span>).</li>
            </ol>
        </div>
        <p class="msg">Ingrese la informaci&oacute;n de pago para procesar la inscripci&oacute;n </p>
        <span id="error"></span>
        <span id="confirmation"></span>
        <div id="boxDetailsEvents"></div>
        <div class="dataEntry" id ="headerForm">
            <div class="inputEntry">
                <div class="inputLabel inputlabelStick">
                    <label for="operationDate">Fecha de Operaci&oacute;n</label>
                    <input type="date" class="datePicker" id="operationDate">
                </div>
                <div class="inputLabel inputlabelStick">
                    <label for="amountTotal">Monto total</label>
                    <div class="currencyAmount" id="amountTotalBox">
                        <label>$</label>
                        <input type="text" placeholder="monto" id="amountTotal" readonly>
                    </div>
                </div>
                
                <div class="inputLabel inputlabelStick">
                    <label for="totalPupils">Total de Alumnos</label>
                    <input type="number" id="totalPupils" readonly>
                </div>
                
            </div>
        </div>
        <form class="dataEntry" autocomplete="off" id="formTable">
            <div class="inputEntry" id="entryRow" style="margin-top: 15px;">
                <div class="inputLabel">
                    <label for="accountBank">Cuenta Bancaria</label>
                    <select id="accountBank">
                        <option disabled selected value="0">N&uacute;mero Destino</option>
                    </select>
                </div>
                <div class="inputLabel">
                    <label for="reference">N&uacute;mero de Operaci&oacute;n</label>
                    <input type="text" placeholder="últimos 6 dígitos" id="reference" maxlength="6">
                </div>
                <div class="inputLabel">
                    <label for="amount">Monto</label>
                    <div class="currencyAmount">
                        <select class="selectCurrency" id="currencyType">
                            <option value="1">Bs</option>
                            <option value="2">$</option>
                        </select>
                        <input type="text" placeholder="Monto" id="amount" onkeyup="formattedAmount(this)">
                    </div>
                </div>
                <div class="inputLabel">
                    <label for="kindOp">Tipo de Operaci&oacute;n</label>
                    <select id="kindOp">
                        <option disabled selected value="0">Tipo de Operaci&oacute;n</option>
                        <option value="1">Mismo Banco</option>
                        <option value="2">Otro banco</option>
                    </select>
                </div>
                <div class="inputLabel">
                    <label for="identification">C&eacute;dula - RIF</label>
                    <div class="nac">
                        <select id="typeId">
                            <option value="V">V</option>
                            <option value="E">E</option>
                            <option value="J">J</option>
                        </select>
                        <input type="text" placeholder="00000000" id="identification">
                    </div>
                </div>
                
                <span id="circle" onclick="makeRegister()"></span>
            </div>
            <div id="infoData">
            
            </div>
            
            <div class="buttons">
                <button type="button" class="registerPayment" onclick="navigation('register')" id="registerPayButton">Registrar Pago</button>
                <button type="button" class="recalculatePayment" onclick="navigation('back')">Volver</button>
            </div>
        
        </form>
    </div>
    <div class="popupLoad"></div>
</main>