<?php
    if (file_exists("./content/header.php")){
        include_once("./content/header.php");
    }
?>
<div class="pageCnt">
    <div class="centerCell">
        <div class="card">
            <div class="timeline">                
                <div class="line"></div>
                <div class="dtimeline">
                    <i class="fas fa-check check check-icon" ></i>
                    <h6 class="text-timeline poppins-bold" id="regcompany1">Datos Básicos</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check no-check check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id='regcompany2'>Datos de Registro</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check no-check check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="regcompany3">Datos de Empresa</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check no-check check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="regcompany4">Actividad Económica</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check no-check check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="regcompany5">Soportes</h6>
                </div>
            </div>
             
            <div class="regTitCnt regTitJur">
                <div class="lvlRegTit poppins-bold" id="titleLvlJur">Datos Básicos</div>
            </div>
            <div class="regForm regFrmJur">                
                <div class="tableCnt">
                    <div class="tableForm">
                        <div class="cellForm cellForm50" style="position:relative">
                            <div class="divForm">
                                <div class="cellSwitch">
                                    <div class="toggle">
                                        <label class="switch">
                                            <input type="checkbox" id="venezuelan">
                                            <span class="slider round"></span>
                                        </label>
                                    </div>
                                </div>
                                <div class="cellLbl">
                                    <div class="lblStat poppins-bold">
                                        <span>Empresa Venezonalana</span>
                                    </div>
                                </div>
                            </div>
                            <div class="poppins-regular errorReg"></div>
                            <div class="txtLngCnt">
                                <div class="statment" id="declarationTxt">
                                </div>
                            </div>
                        </div>
                        <div class="cellForm cellForm50">
                        </div>
                    </div>
                    <div class="tableForm" style="padding-top: 15px;">
                        <div class="cellForm cellForm50">
                            <div class="divForm" >
                                <p class="poppins-bold" >Tipo de Compañía</p>
                                <select id="ctype" name="ctype" class="frmInpt poppins-regular">
                                    <option value="" class="poppins-medium" selected>Selecciona</option>
                                    <option class="poppins-medium" value="1">Privada</option>
                                    <option class="poppins-medium" value="2">Gubernamental</option>
                                    <option class="poppins-medium" value="3">Mixta</option>
                                 </select>
                                 <div class="poppins-regular errorReg"></div>
                            </div>
                        </div>
                        <div class="cellForm cellForm50">
                            <div class="divForm">
                                <p class="poppins-bold">Razón Social</p>
                                <input type="text" name="name" placeholder="Razón social" class="frmInpt poppins-regular" id="name">
                                <div class="poppins-regular errorReg"></div>
                            </div>
                        </div>                      
                    </div>
                    <div class="tableForm">
                        <div class="cellForm cellForm50">
                            <div class="divForm">
                                <span class="infBtnLbl poppins-italic" id="companyOpt">Opcional</span>
                                <p class="poppins-bold">Siglas/Nombre Comercial</p>
                                <input type="text" name="comercialname" placeholder="Siglas/Nombre Comercial" class="frmInpt poppins-regular" id="comercialname">
                                <div class="poppins-regular errorReg"></div>
                            </div>
                        </div>
                        <div class="cellForm cellForm50">
                            <div class="divForm">
                                <p class="poppins-bold" >Número de identificación</p>
                                <input type="text" name="doc" placeholder="J40256893" class="frmInpt poppins-regular" id="doc">
                                <div class="poppins-regular errorReg"></div>
                            </div>
                        </div>                       
                    </div>
                    <div class="tableForm">
                        <div class="cellForm cellForm50" style="padding-right: 0;">
                            <div class="tableForm" style="padding: 0;">
                                <div class="cellForm cellForm10 phoneCodJur" style="">
                                    <div class="divForm" >
                                        <p class="poppins-bold">Código de país</p>
                                        <select id="phoneCode" name="phoneCode" class="frmInpt poppins-regular">
                                        </select>
                                        <div class="poppins-regular errorReg"></div>
                                    </div>
                                </div>
                                <div class="cellForm cellForm20 phoneJur">
                                    <div class="divForm" >
                                        <p class="poppins-bold" id="phoneLabel">Teléfono</p>
                                        <input maxlength="12" type="tel" name="phone" placeholder="1 305 555 5555" class="frmInpt poppins-regular" id="phone">
                                        <div class="poppins-regular errorReg"></div>
                                    </div>
                                </div>    
                            </div>
                        </div>                           
                        <div class="cellForm cellForm50">
                            <div class="divForm">
                                <p class="poppins-bold">País</p>
                                <select id="countryid" name="countryid" class="frmInpt poppins-regular">
                                    <option value="" class="poppins-medium" selected >Selecciona</option>
                                 </select>
                                <div class="poppins-regular errorReg"></div>
                            </div>
                        </div>                    
                    </div>
                    <div class="tableForm">
                        <div class="cellForm cellForm50">
                            <div class="divForm">
                                <span class="infBtnLbl poppins-italic" id="webOpt">Opcional</span>
                                <p class="poppins-bold" >Sitio Web</p>
                                <input type="text" name="website" style="text-transform: none;" placeholder="www.example.com" class="frmInpt poppins-regular" id="website">
                                <div class="poppins-regular errorReg"></div>
                            </div>
                        </div>
                        <div class="cellForm cellForm50">
                            <div class="divForm">
                                <p class="poppins-bold">¿Nivel de conocimiento en Criptoactivos?</p>
                                <select class="frmInpt poppins-regular" id="lvlcripto">
                                    <option value="0">Básico</option>
                                    <option value="1">Avanzado</option>
                                 </select>
                                <div class="poppins-regular errorReg"></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">CANCELAR</button></div>
                        <div id="next"><button type="submit" id="next-button" class="poppins-medium blueBtn">CONTINUAR</button></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>