<?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-done check-icon" ></i>
                    <h6 class="text-timeline poppins-medium" id="regcompany1">Datos Básicos</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check check-done check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id='regcompany2'>Datos de Registro</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check check-done check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="regcompany3">Datos de Empresa</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check check-done check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="regcompany4">Actividad Económica</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check check check-icon"></i>
                    <h6 class="text-timeline poppins-bold" id="regcompany5">Soportes</h6>
                </div>
            </div>
            <div class="regTitCnt regTitJur">
                <div class="lvlRegTit poppins-bold" id="titleLvlJur">Soportes</div>
            </div>
            <div class="regForm regFrmJur">  
                    <div class="upldsCnt" style="padding-top:0;" id="upldsCnt">
                        <div class="tableForm">
                            <div class="cellForm cellForm55">
                                <div class="divForm">
                                    <p class="poppins-bold upsLbl">Selfie con documento de identidad</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 cellForm45">
                                <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="tableForm tableFormDiv" style="padding-top:25px;">
                        <div class="cellForm cellForm50" style="position:relative">
                            <div class="divForm">
                                <div class="cellSwitch">
                                    <div class="toggle">
                                        <label class="switch">
                                            <input type="checkbox" id="declaration">
                                            <span class="slider round"></span>
                                        </label>
                                    </div>
                                </div>
                                <div class="cellLbl">
                                    <div class="lblStat poppins-bold">
                                        <span>Confirmar Declaración Jurada </span>
                                        <span class="infBtnLbl poppins-regular" id="viewStatment">Mostrar</span>
                                    </div>
                                </div>
                            </div>
                            <div class="poppins-regular errorReg"></div>
                            <div class="txtLngCnt">
                                <div class="statment" id="declarationTxt"  loaded="false">
                                </div>
                            </div>
                        </div>
                        <div class="cellForm cellForm50">
                        </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">GUARDAR</button></div>
                        <div id="next"><button type="submit" id="next-button" class="poppins-medium blueBtn">CONTINUAR A NIVEL BÁSICO</button></div>
                    </div>
            </div>
        </div>
    </div>
</div>

<!-- POPS RECOMENDACIONES -->

<div class="expired cardOperations" id="infDocId">
    <div class="clickClose">
        <div class="popImgCnt">
            <div class="regTitCnt">
                <div class="lvlRegTit poppins-bold" id="popdocTit">Documento de Identidad</div>
                <div class="lvlRegDsc poppins-regular" id="popdocDsc">Recomenciones al momento de tomar la foto de su identificación</div>
            </div>
            <div class="tableForm" style=" width: 92%; margin-left: auto; margin-right: auto;">
                <div class="cellForm cellForm50 cellPopImg">
                    <div class="imgInfCnt">
                        <div class="imgDscTbl">
                            <div class="imgDscIc imgIcBad"><i class="fas fa-times-circle icCircleRed"></i></div>
                            <div class="imgDscLbl poppins-regular" id="popdocLbl1">No obstaculice su fotografía</div>
                        </div>
                        <div class="imgCard1 imgCard">
                        </div>
                    </div>
                </div>
                <div class="cellForm cellForm50 cellPopImg">
                    <div class="imgInfCnt">
                        <div class="imgDscTbl">
                            <div class="imgDscIc imgIcBad"><i class="fas fa-times-circle icCircleRed"></i></div>
                            <div class="imgDscLbl poppins-regular" id="popdocLbl2">No incline ni gire su identificación</div>
                        </div>
                        <div class="imgCard2 imgCard">
                        </div>
                    </div>
                </div>
            </div>
            <div class="tableForm"  style="width: 92%; margin-left: auto; margin-right: auto;">
                <div class="cellForm cellForm50 cellPopImg">
                    <div class="imgInfCnt">
                        <div class="imgDscTbl">
                            <div class="imgDscIc imgIcBad"><i class="fas fa-times-circle icCircleRed"></i></div>
                            <div class="imgDscLbl poppins-regular" id="popdocLbl3">No envie una foto desenfocada</div>
                        </div>
                        <div class="imgCard3 imgCard">
                        </div>
                    </div>
                </div>
                <div class="cellForm cellForm50 cellPopImg">
                    <div class="imgInfCnt imgInfCntS">
                        <div class="imgDscTbl">
                            <div class="imgDscIc imgIcOk"><i class="fas fa-times-circle icCircleGreen"></i></div>
                            <div class="imgDscLbl poppins-regular" id="popdocLbl4">Foto e identtificación legibles</div>
                        </div>
                        <div class="imgCard4 imgCard">
                        </div>
                    </div>
                </div>
            </div>
        </div>
   </div>
</div>

<div class="expired cardOperations"  id="infSelfie">
    <div class="clickClose">
        <div class="popImgCnt">
            <div class="regTitCnt">
                <div class="lvlRegTit poppins-bold" id="popselfieTit">Selfie con documento</div>
                <div class="lvlRegDsc poppins-regular" id="popselfieDsc">Recomenciones al momento de tomar su foto personal</div>
            </div>
            <div class="tableForm" style=" width: 92%; margin-left: auto; margin-right: auto;">
                <div class="cellForm cellForm50 cellPopImg">
                    <div class="imgInfCnt">
                        <div class="imgDscTbl">
                            <div class="imgDscIc imgIcBad"><i class="fas fa-times-circle icCircleRed"></i></div>
                            <div class="imgDscLbl poppins-regular" id="popselfieLbl1">No obstaculice su fotografía</div>
                        </div>
                        <div class="selfie1 imgCard">
                        </div>
                    </div>
                </div>
                <div class="cellForm cellForm50 cellPopImg">
                    <div class="imgInfCnt">
                        <div class="imgDscTbl">
                            <div class="imgDscIc imgIcBad"><i class="fas fa-times-circle icCircleRed"></i></div>
                            <div class="imgDscLbl poppins-regular" id="popselfieLbl2">No utilice lentes oscuros</div>
                        </div>
                        <div class="selfie2 imgCard">
                        </div>
                    </div>
                </div>
            </div>
            <div class="tableForm"  style="width: 92%; margin-left: auto; margin-right: auto;">
                <div class="cellForm cellForm50 cellPopImg">
                    <div class="imgInfCnt">
                        <div class="imgDscTbl">
                            <div class="imgDscIc imgIcBad"><i class="fas fa-times-circle icCircleRed"></i></div>
                            <div class="imgDscLbl poppins-regular" id="popselfieLbl3">No envie una foto desenfocada</div>
                        </div>
                        <div class="selfie3 imgCard">
                        </div>
                    </div>
                </div>
                <div class="cellForm cellForm50 cellPopImg">
                    <div class="imgInfCnt imgInfCntS">
                        <div class="imgDscTbl">
                            <div class="imgDscIc imgIcOk"><i class="fas fa-times-circle icCircleGreen"></i></div>
                            <div class="imgDscLbl poppins-regular" id="popselfieLbl4">Foto e identtificación legibles</div>
                        </div>
                        <div class="selfie4 imgCard">
                        </div>
                    </div>
                </div>
            </div>
        </div>
   </div>
</div>