<?php
    if (file_exists("./content/header.php")){
        include_once("./content/header.php");
    }
?>
<div class="pageCnt" style="display: none">    
       
    <div class="centerCell">
        <div class="card">
            <div class="tableRow">
                <div class="tableCell">
                    <div class="centeredImage">
        
                        <div class="headerFilter" id="headerFilter">
                            <div class="subTitlePage">
                                <p class="poppins-regular" id="titleBalance">Balance General</p>
                            </div>
                        </div>
                        
                        <div class="subHeaderFilter" id="subHeaderFilter">
                            <div class="inputsContainer">
                               <div class="inputContainer">
                                   <label for="search" class="ordered poppins-bold" id="labelSearch">Buscar</label>
                                    <input class="inputElement searching" type="text" id="search" name="search" style="border: none"> 
                                    <div class="iconContainerSearch">
                                        <i class="fas fa-search" id="iconSearch"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                            
                        <div class="tableContainer" id="tableContainer">
                            <div class="rowContainer">
                                <div class="cellCnt">
                                    <div class="tableCurrencies" id="tableCurrencies">
                                        <div class="rowCurrencie headtop">
                                            <div class="cell8 text-left">
                                                <span class="colHead poppins-medium" id="currencyLabelMov">Moneda</span>
                                            </div>
                                                    
                                            <div class="cell15 text-right">
                                                <span class="colHead poppins-medium" id="balanceLabelMov">Saldo</span>    
                                            </div>
                                                
                                            <div class="cell20 text-center">
                                                <span class="colHead poppins-medium" id="lastOperationLabelMov">Última Operación</span>    
                                            </div>
                                                    
                                            <div class="cell10 text-right">
                                                <span class="colHead poppins-medium" id="percentagesLabelMov">Porcentajes</span>    
                                            </div>
                                                
                                            <div class="cell23 text-right">
                                                <span class="colHead poppins-medium" id="expressedInLabelMov">Expresado en <select name="select" id="totalPortfolioSel" class="roboto-regular"></select></span>    
                                            </div>
                                                
                                            <div class="cell8 text-center">
                                                <span class="colHead poppins-medium" id="trasnferLabelMov">Transferir</span>    
                                            </div>
                                                
                                            <div class="cell8 text-center">
                                                <span class="colHead poppins-medium" id="depositLabelMov">Depositar</span>  
                                            </div>
                                                
                                            <div class="cell8 text-center">
                                                <span class="colHead poppins-medium" id="withdrawLabelMov">Retirar</span>  
                                            </div>
                                        </div>
                                        <p id="messageApi" style="margin:0px"></p>
                                        
                                        <div class="bodyTableCurrencies" id="bodyTableCurrencies">
                                            <div style="display: none;" id="noCurrencieDefine">
                                                <p id="msgInTable" class="poppins-medium" style="margin: 0px; font-size: 50%;"> msg Error </p>
                                            </div>
                                            <div class="rowCurrencie" style="display: table; width: 100%;">
                                                <div class="cell8">
                                                    <div class="divCellCnt roboto-regular" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                </div>
                                                <div class="cell15">
                                                    <div class="divCellCnt roboto-regular text-right" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                </div>
                                                <div class="cell20">
                                                    <div class="divCellCnt roboto-regular text-center" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                </div>
                                                <div class="cell10">
                                                    <div class="divCellCnt roboto-regular text-right" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                </div>
                                                <div class="cell23">
                                                    <div class="divCellCnt roboto-regular text-right" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                </div>
                                                <div class="cell8">
                                                    <div class="divCellCnt roboto-regular text-center">
                                                        <p>
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="cell8">
                                                    <div class="divCellCnt roboto-regular text-center">
                                                        <p>
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="cell8">
                                                    <div class="divCellCnt roboto-regular text-center">
                                                        <p>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                            
                                        <div class="table75 divTableMovInf">
                                            <div class="divTable">
                                            </div>
                                            <div class="divTable movBTCTotalFinal">
                                                <p class="poppins-regular divTableMovInfText">TOTAL</p>
                                            </div>
                                            <div class="divTable movBTCAmountFinal">
                                                <p class="roboto-bold divTableMovInfValue" id="movVESBalance"></p>
                                            </div>
                                        </div>
                                        
                                    </div>
                                    
                                    <div class="tableCurrencies" id="tableCurrenciesR" style="display: none">
                                        <p id="messageApiR" style="margin:0px"></p>
                                        <span class="colHeadR poppins-medium" id="expressedInLabelMovR">Expresado en <select name="select" id="totalPortfolioSelR" class="roboto-regular"></select></span> 
                                        <div class="bodyTableCurrencies scroll-boxMovM" id="bodyTableCurrenciesR">
                                            <div style="display: none;" id="noCurrencieDefineR">
                                                <p id="msgInTableR" class="poppins-medium" style="margin: 0px; font-size: 50%;"> msg Error </p>
                                            </div>
                                            <div class="rowCurrencieR" style="display: table; width: 100%;">
                                                <div class="cell40">
                                                    <div class="divCellCnt roboto-regular text-right">
                                                        <span class="headerRes" id="currencyLabelMovR">Moneda</span>
                                                    </div>
                                                    <div class="divCellCnt roboto-regular text-right">
                                                        <span class="headerRes" id="balanceLabelMovR">Saldo</span>
                                                    </div>
                                                    <div class="divCellCnt roboto-regular text-right">
                                                        <span class="headerRes" id="lastOperationMovR">Última Operación</span>
                                                    </div>
                                                    <div class="divCellCnt roboto-regular text-right">
                                                        <span class="headerRes" id="percentageMovR">Porcentaje</span>
                                                    </div>
                                                    <div class="divCellCnt roboto-regular text-right">
                                                        <span class="headerRes" id="expressInRMov"></span><span class="currencySpan">USD</span>
                                                    </div>
                                                </div>

                                                <div class="cell50">
                                                    <div class="divCellCnt roboto-regular text-left" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                    <div class="divCellCnt roboto-bold text-left" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                    <div class="divCellCnt roboto-regular text-left" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                    <div class="divCellCnt roboto-regular text-left" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                    <div class="divCellCnt roboto-regular text-left" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                </div>
                                                <div class="cell10">
                                                    <div class="divCellCnt roboto-regular text-center">
                                                        <p class="centerP">
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                    </div>
                                    
                                </div>
                            </div>
                                
                            <div class="rowContainer">
                                <div class="cellContainer"  >
                                    <div class="rowContainer paginator" id="paginator">
                                        <div class="pageCntBox" align="center">
                                            <p class="marginArrow">
                                                <i class='fas fa-angle-left editCurrencie' style="cursor: pointer"></i>
                                            </p>
                                            
                                            <div arrowsEvent="false" id="numbersPaginator">
                                                       
                                            </div>
                                                
                                                
                                            <p class="marginArrow">
                                                <i class='fas fa-angle-right editCurrencie' style="cursor: pointer"></i>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </div>
</div>
<!--FALLO VALIDACIÓN POR  NIVEL-->
<div class="failure cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="TrImage">
                <img src="./img/cancel.svg">
            </div>
            <div class="TrImageTitle">
                <p class="poppins-bold" id="failureTitle">Transacción </br> Fallida</p>
            </div>
            <div>
                <p class="poppins-regular messageInfAttention" id="failureMsg"></p>
            </div>
            <div class="TrImageButton">
                <div class="button-submit">
                    <button type="button" class="submit poppins-medium blueButton" id="tryAgain">INTENTE DE NUEVO</button>
                </div>
            </div>
       </div>
   </div>
</div>

<!-- SESION EXPIRADA -->

<div class="expired cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="expSessionT">
                <p class="poppins-bold" id="expired1">Su sesión está próxima a expirar</p>
            </div>
            <div class="expSessionB">
                <p class="poppins-regular" id="expired2">Presione Continuar si desea permanecer activo por 15 minutos más.</p>
            </div>
            <div class="buttonOpValid">
                <div class="button-submit-expired">
                    <button type="button" class="submit-expired poppins-medium blueButton" id="expSessionButton">CONTINUAR</button>
                </div>
            </div>
       </div>
   </div>
</div>

<div class="waitScreen" id="waitScreen">
    <div class="spinChar">
        <i class="fas fa-circle-notch fa-spin"></i>
    </div>
</div>

<!-- MOVIMIENTOS BTC -->

<div class="movBTC cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content maxW-800">
            <div class="marginX23">
                <div class="titleM">
                    <p class="poppins-bold titCripto" id="MovLabelBTC">Movimientos <span></span> </p>
                </div>
                <div class="movBTCHeaderTable">
                    <div class="movBTCHeaderTableFirst">
                        <div class="tblCnt datas"> 
                            <div class="table100">
                                <div class="divTable w14">
                                    <p class="movBTCHeaderTable1 poppins-medium" id="statBTC">Estatus</p>
                                </div>
                                <div class="divTable w24">
                                    <p class="movBTCHeaderTable2 poppins-medium" id="datBTC">Fecha</p>
                                </div>
                                <div class="divTable w14">
                                    <p class="movBTCHeaderTable3 poppins-medium" id="idBTC">TXID</p>
                                </div>
                                <div class="divTable w24">
                                    <p class="movBTCHeaderTable4 poppins-medium" id="desBTC">Descripción</p>
                                </div>
                                <div class="divTable w19">
                                    <p class="movBTCHeaderTable5 poppins-medium" id="canBTC">Cantidad</p>
                                </div>
                                <div class="divTable w5">
                                    <p class="movBTCHeaderTable6 poppins-medium"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="imovBTC" class="scroll-boxMovM">
                    <div class="scroll-boxMovDiv">
                        <div class="tblCnt datas" id="movBTCid">
                            <div class="table100 divTableMov" id="tableMarks">
                                <div class="divTable w14">
                                </div>
                                <div class="divTable w24">
                                    <p class="poppins-regular movBTCBodyTable2"></p>
                                </div>
                                <div class="divTable w14" id="divIdBTC">
                                    <p class="roboto-regular movBTCBodyTable3"></p>
                                </div>
                                <div class="divTable w24" id="divBank">
                                    <p class="poppins-regular movBTCBodyTable4" style="word-break: break-word !important;"></p>
                                </div>
                                <div class="divTable w19" id="divNumberBTC">
                                    <p class="roboto-regular movBTCBodyTable5"></p>
                                </div>
                                <div class="divTable w5"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="imovBTCR" class="scroll-boxMovM imovBTCRD">
                    <div class="scroll-boxMovDiv">
                        <div class="tblCnt datas" id="movBTCidR">
                            <div class="table100 divTableMov" id="tableMarksR">
                                <div class="divTable w10">
                                </div>
                                <div class="divTable w45 pX5">
                                    <p class="poppins-regular movBTCBodyTableR2"></p>
                                </div>
                                <div class="divTable w35">
                                    <p class="poppins-roboto movBTCBodyTableR3"></p>
                                </div>
                                <div class="divTable w10"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="divNumberMov">
                        <div class="tblCnt datas">
                            <div class="table100 divTableMovInf">
                                <div class="divTable">
                                </div>
                                <div class="divTable movBTCTotalFinal">
                                    <p class="divTableMovInfText poppins-regular" id="AvaMovLabel">DISPONIBLE</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movBTCBalance"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="divNumberMov" >
                        <div class="tblCnt datas">
                            <div class="table100 divTableMovInf">
                                <div class="divTable">
                                </div>
                                <div class="divTable movBTCTotalFinal">
                                    <p class="poppins-regular divTableMovInfText" id="defMovLabel">DIFERIDO</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movBTCDeferred"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="divNumberMov">
                        <div class="tblCnt datas">
                            <div class="table100 divTableMovInf">
                                <div class="divTable">
                                </div>
                                <div class="divTable movBTCTotalFinal">
                                    <p class="poppins-regular divTableMovInfText" id="comMovLabel">COMPROMETIDO</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movBTCCommitted"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="divNumberMov">
                        <div class="tblCnt datas">
                            <div class="table100 divTableMovInf">
                                <div class="divTable">
                                </div>
                                <div class="divTable movBTCTotalFinal">
                                    <p class="poppins-regular divTableMovInfText" id="TotMovLabel">TOTAL</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movBTCTotal"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="goBack">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="movBTCBack">VOLVER</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
</div>

<!-- MOVIMIENTOS VES -->

<div class="movVES cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content maxW-630">
            <div class="marginX23">
                <div class="titleM">
                    <p class="poppins-bold titFiat" id="LabelFiatMov">Movimientos <span></span></p>
                </div>
                <div class="movBTCHeaderTable">
                    <div class="movBTCHeaderTableFirst">
                        <div class="tblCnt datas">
                            <div class="table100">
                                <div class="divTable w18">
                                    <p class="poppins-medium movFiatHeaderTable1" id="fiatLabelMov">Estatus</p>
                                </div>
                                <div class="divTable w30">
                                    <p class="poppins-medium movFiatHeaderTable2" id="datVES">Fecha</p>
                                </div>
                                <div class="divTable w28">
                                    <p class="poppins-medium movFiatHeaderTable3" id="fiatLabelDes">Descripción</p>
                                </div>
                                <div class="divTable w20">
                                    <p class="poppins-medium movFiatHeaderTable4" id="amountVES">Cantidad</p>
                                </div>
                                <div class="divTable w4 depTrDInpDrEF">
                                    <p></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="imovVES" class="scroll-boxMovM">
                    <div class="scroll-boxMovDiv">
                        <div class="tblCnt datas" id="movVESid">
                            <div class="table100 divTableMov" id="tableMarks">
                                <div class="divTable w18">
                                </div>
                                <div class="divTable w30">
                                    <p class="poppins-regular movFiatBodyTable2"></p>
                                </div>
                                <div class="divTable w28" id="divBank">
                                    <p class="poppins-regular movFiatBodyTable3"></p>
                                </div>
                                <div class="divTable w19" id="divNumberFiat">
                                    <p class="roboto-regular movFiatBodyTable4"></p>
                                </div>
                                <div class="divTable w5">
                                    <i class="fas fa-eye"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="imovVESR" class="scroll-boxMovM imovBTCRD">
                    <div class="scroll-boxMovDiv">
                        <div class="tblCnt datas" id="movVESidR">
                            <div class="table100 divTableMov" id="tableMarksR">
                                <div class="divTable w10">
                                </div>
                                <div class="divTable w45 pY5">
                                    <p class="poppins-regular movFiatBodyTableR2"></p>
                                </div>
                                <div class="divTable w35">
                                    <p class="roboto-regular movFiatBodyTableR3"></p>
                                </div>
                                <div class="divTable w10"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="divNumberMov">
                        <div class="tblCnt datas">
                            <div class="table100 divTableMovInf">
                                <div class="divTable">
                                </div>
                                <div class="divTable movBTCTotalFinal">
                                    <p class="poppins-regular divTableMovInfText" id="AvaMovLabelF">DISPONIBLE</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movVESBalancee"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="divNumberMov">
                        <div class="tblCnt datas">
                            <div class="table100 divTableMovInf">
                                <div class="divTable">
                                </div>
                                <div class="divTable movBTCTotalFinal">
                                    <p class="poppins-regular divTableMovInfText" id="defMovLabelF">DIFERIDO</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movVESDeferred"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="divNumberMov">
                        <div class="tblCnt datas">
                            <div class="table100 divTableMovInf">
                                <div class="divTable">
                                </div>
                                <div class="divTable movBTCTotalFinal">
                                    <p class="poppins-regular divTableMovInfText" id="comMovLabelF">COMPROMETIDO</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movVESCommitted"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="divNumberMov">
                        <div class="tblCnt datas">
                            <div class="table100 divTableMovInf">
                                <div class="divTable">
                                </div>
                                <div class="divTable movBTCTotalFinal">
                                    <p class="poppins-regular divTableMovInfText" id="movBTCBackF">TOTAL</p>
                                </div>
                                <div class="divTable movBTCAmountFinal">
                                    <p class="roboto-bold divTableMovInfValue" id="movVESTotal"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="goBack">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="movVESBack">VOLVER</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
</div>


<!-- DETALLE DE MOVIMIENTO -->

<div class="movDetailFiat cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="marginX33">
                <div class="titleM">
                    <p class="poppins-bold" id="movDetailTit">Retirar <span>BTC</span></p>
                </div>
                <div class="mb15">
                    <div class="inputnumber cardAmountRounded">
                        <div class="cardAmountRoundedText">
                            <p class="poppins-regular" id="movDetailLblAmount"></p>
                        </div>
                        <div class="cardAmountRoundedValue" >
                            <p class="roboto-bold" id="movDetailFiatAmountRet">34.567</p>
                        </div>
                        <input disabled type="number" class="poppins-bold cardAmountRoundedInput">
                    </div>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="comisionFiatDetailsLabel">Comisión</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="comisionFiatDetails">0,01</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="movDetailFiatAmountLabel">Total Neto</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="movDetailFiatAmount"></p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume" id="movDetailFiatAddress">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="movDetailFiatAccountLabel">Cuenta Destino</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id='movDetailFiatAccount'>Mercantil ( **** 32659)</p>
                    </div>
                </div>
                <div class="textInCardHrDiv" id="movDetailFiatAddressHr">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="movDetailFiatDateLabel">Fecha</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="movDetailFiatDate">20/05/2020</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="divSeeRecText">
                        <h6 class="poppins-regular resend" id="resend">Ver Comprobante</h6>
                    </div>
                    <div class="divSeeRecIcon">
                        <i class="fas fa-eye" id="movDetailFiatSeeComprobant"></i>
                    </div>
                </div>
                <div class="buttonOpValid">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="detailFiatButton">ACEPTAR</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
</div>

<!-- NO ACCOUNT -->

<div class="accountAttention cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="marginX33">
                <div class="titleM">
                    <p class="poppins-bold" id="accountAttentionTitle">Atención</p>
                </div>
                <div> 
                    <p class="poppins-regular messageInfAttention" id="amountValidationText">
                        No posee cuenta creada en esta moneda.
                    </p>
                </div>
                <div class="buttonOpValid">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="acceptNoAccount">ACEPTAR</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
</div>