<?php
    if (file_exists("./content/header.php")){
        include_once("./content/header.php");
    }
?>
<div class="pageCnt">
    <div class="centerCell">
        <div class="card">
            <div class="regTitCnt">
                <div class="lvlRegTit poppins-bold" id="titleLvlNat">Nivel Avanzado</div>
                <div class="lvlRegDsc poppins-regular" id="dscLvlNat">Complete los siguientes datos de transaccionales para subir al último nivel en la aplicación.</div>
            </div>
            <div class="regForm">
                <div class="tableCnt">
                    <div class="tableForm">
                        <div class="cellForm cellForm50">
                            <div class="divForm">
                                <p class="poppins-bold">Cantidad de Operaciones Promedio Mensuales</p>
                                <select class="frmInpt poppins-regular" id="qtymonthlyop">
                                    <option class="poppins-medium " value="">Selecciona</option>
                                    <option class="poppins-medium " value="1 a 10" id="average1">1 a 10</option>
                                    <option class="poppins-medium " value="10 a 100" id="average2">10 a 100</option>
                                    <option class="poppins-medium " value="100 a 1000" id="average3">100 a 1000</option>
                                    <option class="poppins-medium " value="Más de 1.000" id="average4">Más de 1.000</option>
                                 </select>
                                <div class="poppins-regular errorReg"></div>
                            </div>
                        </div>
                        <div class="cellForm cellForm50">
                            <div class="divForm">
                                <p class="poppins-bold">Monto ($) de Operaciones Promedio Mensuales</p>
                                <select class="frmInpt poppins-regular" id="amountmonthlyop">
                                    <option value="" class="poppins-medium" >Selecciona</option>
                                    <option class="poppins-medium " value="1 a 100" >1 a 100</option>
                                    <option class="poppins-medium " value="100 a 1000">100 a 1000</option>
                                    <option class="poppins-medium " value="1000 a 10000">1000 a 10000</option>
                                    <option class="poppins-medium " value="Más de 10.000">Más de 10.000</option>
                                 </select>
                                <div class="poppins-regular errorReg"></div>
                            </div>
                        </div>                       
                    </div>
                    <div class="tableForm">
                        <div class="cellForm cellForm50">
                            <div class="divForm">
                                <p class="poppins-bold">Tipo de operación que estima realizar</p>
                                <div class="inputContainer">
                                    <div class="selectGruop" id="selectGruop">
                                    </div>
                                    <select class="frmInpt poppins-regular hideSel" id="prefertypeop">
                                        <option selected disabled value="" >Seleccione</option>
                                        <option value="1">Cripto - Cripto (C-C)</option>
                                        <option value="2">Cripto - Dinero Fiat (C-DF)</option>
                                        <option value="3">Dinero Fiat - Cripto (DF-C)</option>
                                    </select>
                                    <div class="poppins-regular errorReg"></div>
                                </div>
                            </div>
                        </div>
                        <div class="cellForm cellForm50 cellSwitch cellSwitchR">
                            <div class="divForm">
                                <div class="cellSwitch">
                                    <div class="toggle">
                                        <label class="switch">
                                            <input type="checkbox" id="economicrelation">
                                            <span class="slider round"></span>
                                        </label>
                                    </div>
                                </div>
                                <div class="cellLbl">
                                    <div class="lblStat poppins-bold">
                                        <span>Posee relación con algún grupo económico</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="poppins-regular errorReg"></div>                       
                    </div>
                    <div class="upldsCnt" id="upldsCnt">
                        <div class="tableForm">
                            <div class="cellForm cellForm50">
                                <div class="divForm">
                                    <p class="poppins-bold">Selfie con documento de identidad <span class="infBtnLbl poppins-regular">Recomendaciones</span></p>
                                    <div class="divSearch">
                                        <div class="frmInpt searchText">
                                            <div class="poppins-regular">Seleccione</div>
                                        </div>
                                        <div class="searchBar">
                                            <input id="file01" type="file" class="fileInpt">
                                            <button type="submit" class="blueBtn poppins-medium searchLabel search">
                                                BUSCAR
                                            </button>
                                        </div>
                                    </div>
                                    <div class="poppins-regular errorReg"></div>
                                </div>
                            </div>
                            <div class="cellForm cellForm50">
                                <div class="divForm">
                                    <p class="poppins-bold invisible">-</p>
                                    <div class="tblImgBar">
                                        <div class="cellForm cellForm50 upProgCell invisible">
                                            <div class="progress">
                                                <div class="progBar"></div>
                                                <div class="progInfCnt">
                                                    <div class="cellIcProg">
                                                        <img src="./img/ic_aceptOn.svg">
                                                    </div>
                                                    <div class="cellTxtProg">
                                                        <p class="poppins-regular successfulUploadLabel">
                                                            Carga Exitosa
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="cellForm cellForm25 upPrevCell" >
                                            <button class="notReadyButton poppins-medium" >
                                                Vista Previa
                                            </button>
                                        </div> 
                                        <div class="cellForm cellForm25 upDelCell" >
                                            <button  class="delUp notReadyButton poppins-medium" >
                                                Eliminar
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="buttons">
                        <div id="previous"><button type="submit" id="previous-button" class="poppins-medium whiteBtn">REGRESAR</button></div>
                        <div id="later"><button type="submit" id="later-button" class="poppins-medium whiteBtn"></button></div>
                        <div id="next"><button type="submit" id="next-button" class="poppins-medium blueBtn">GUARDAR Y FINALIZAR</button></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
