<?php
    if (file_exists("./content/header.php")){
        include_once("./content/header.php");
    }
?>

<div class="pageCnt">
    <div class="centerCell">
        <div class="card">
            
            <div class="principalTitle">
                <h3 class="poppins-bold" id="titlePage">Retirar Fondos</h3>
            </div>
            
            <div class="space"></div>
            <div class="timeline">
                <div class="wsleft"></div>
                <div class="dtimeline">
                    <i class="fas fa-check check-done check-icon" ></i>
                    <h6 class="text-timeline poppins-bold" id="step1">Paso 1</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check check-done check-icon"></i>
                    <h6 class="text-timeline poppins-bold" id="step2">Paso 2</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check check-done check-icon"></i>
                    <h6 class="text-timeline poppins-bold" id="step3">Paso 3</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check check-done check-icon"></i>
                    <h6 class="text-timeline poppins-bold" id="step4">Paso 4</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check check check-icon"></i>
                    <h6 class="text-timeline poppins-medium" id="step5">Paso 5</h6>
                </div>
                <div class="wsright" ></div>
            </div>
            
            <div class="regForm">
                <div class="tableForm">
                    <div class="tableForm">
                        <p class="titleText poppins-bold" id="t1">¿Está de acuerdo con ejecutar la operación?</p>
                    </div>
                    <div class="tableForm">
                        <p class="titleText poppins-regular" style="margin-top: 7px;" id="t2">Revise los valores y confirme la ejecución de la operación</p>
                    </div>
                    <div>
                        <div id="tableF" class="tablePrincipal displayNone">
                            <div class="textInCardResume mt15">
                                <div class="textInCardResumeDiv">
                                    <p class="poppins-regular textInCardResumeDivText" id="DestinationBank">Banco destino</p>
                                </div>
                                <div class="textInCardResumeDiv">
                                    <p class="poppins-bold textInCardResumeDivValue" id="destBankName"></p>
                                </div>
                            </div>
                            <div class="textInCardHrDiv">
                                <hr>
                            </div>
                            <div class="textInCardResume">
                                <div class="textInCardResumeDiv">
                                    <p class="poppins-regular textInCardResumeDivText" id="DestinationAccount2">Identificacion</p>
                                </div>
                                <div class="textInCardResumeDiv">
                                    <p class="roboto-bold textInCardResumeDivValue" id="destAc1"></p>
                                </div>
                            </div>
                            <div class="textInCardHrDiv">
                                <hr>
                            </div>
                            <div class="textInCardResume">
                                <div class="textInCardResumeDiv">
                                    <p class="poppins-regular textInCardResumeDivText" id="DestinationAccount22">Telefono</p>
                                </div>
                                <div class="textInCardResumeDiv">
                                    <p class="roboto-bold textInCardResumeDivValue" id="destAc2"></p>
                                </div>
                            </div>
                            <div class="textInCardHrDiv">
                                <hr>
                            </div>
                            <div class="textInCardResume">
                                <div class="textInCardResumeDiv">
                                    <p class="poppins-regular textInCardResumeDivText" id="WillRetire">Se retirará</p>
                                </div>
                                <div class="textInCardResumeDiv">
                                    <p class="roboto-bold textInCardResumeDivValue" id="amount"></p>
                                </div>
                            </div>
                            <div class="textInCardHrDiv">
                                <hr>
                            </div>
                            <div class="textInCardResume">
                                <div class="textInCardResumeDiv">
                                    <p class="poppins-regular textInCardResumeDivText" id="feesLabel">Comisión</p>
                                </div>
                                <div class="textInCardResumeDiv">
                                    <p class="roboto-bold textInCardResumeDivValue" id="fees"></p>
                                </div>
                            </div>
                            <div>
                                <div class="inputnumber cardAmountRoundedLast">
                                    <div class="cardAmountRoundedTextLast">
                                        <p class="poppins-regular" id="cardAmountRoundedTextLastText">TOTAL</p>
                                    </div>
                                    <div class="cardAmountRoundedValueLast">
                                        <p class="roboto-bold" id="total"></p>
                                    </div>
                                    <input disabled="" type="text" class="poppins-bold cardAmountRoundedInput">
                                </div>
                            </div>
                        </div>
                        
                        <div id="tableC" class="tablePrincipal displayNone">
                            <div class="textInCardResume mt15">
                                <div class="textInCardResumeDiv">
                                    <p class="poppins-regular textInCardResumeDivText" id="DestinationAddress">Dirección destino</p>
                                </div>
                                <div class="textInCardResumeDiv">
                                    <p class="poppins-bold textInCardResumeDivValue" id="destBankC"></p>
                                </div>
                            </div>
                            <div class="textInCardHrDiv">
                                <hr>
                            </div>
                            <div class="textInCardResume">
                                <div class="textInCardResumeDiv">
                                    <p class="poppins-regular textInCardResumeDivText" id="WillRetire2">Se retirará</p>
                                </div>
                                <div class="textInCardResumeDiv">
                                    <p class="roboto-bold textInCardResumeDivValue" id="amountC"></p>
                                </div>
                            </div>
                            <div class="textInCardHrDiv">
                                <hr>
                            </div>
                            <div class="textInCardResume">
                                <div class="textInCardResumeDiv">
                                    <p class="poppins-regular textInCardResumeDivText" id="feesLabel2">Comisión</p>
                                </div>
                                <div class="textInCardResumeDiv">
                                    <p class="roboto-bold textInCardResumeDivValue" id="feesC"></p>
                                </div>
                            </div>
                            <div>
                                <div class="inputnumber cardAmountRoundedLast">
                                    <div class="cardAmountRoundedTextLast">
                                        <p class="poppins-regular" id="cardAmountRoundedTextLastText">TOTAL</p>
                                    </div>
                                    <div class="cardAmountRoundedValueLast">
                                        <p class="roboto-bold" id="totalC"></p>
                                    </div>
                                    <input disabled="" type="text" class="poppins-bold cardAmountRoundedInput">
                                </div>
                            </div>
                        </div>
         
                    </div>
                    
                    <div class="buttons">
                        <div id="previous"><button type="submit" id="previous-button" class="cancel-button poppins-medium whiteButton">REGRESAR</button></div>
                        <div id="next"><button type="submit" id="next-button" class="accept-button poppins-medium blueButton">CONTINUAR</button></div>
                    </div> 
                    
                    <div class="buttonsR">
                        <div>
                            <button type="submit" id="previous-buttonR" class="cancel-button poppins-medium whiteButton">REGRESAR</button>
                        </div>
                        <div>
                            <button type="submit" id="next-buttonR" class="accept-button poppins-medium blueButton">CONTINUAR</button>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <div class="float blueButton" id="floatButton">
        <i class="fa fa-lightbulb my-float"><button class="submit popuptext poppins-medium blueButton" id="buttonAdv">MODO AVANZADO<i class="fas fa-times-circle floatClose" id="floatClose"></i></button></i>
    </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>


<!-- RETIRAR VES 2-->

<div class="withdrawFiatConfirm2 cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="marginX33">
                
                <div class="titleW">
                    <p class="poppins-bold titCripto" id="titCrW">Retirar <span></span></p>
                </div>
                <div>
                    <div class="inputnumber cardAmountRoundedLast">
                        <div class="cardAmountRoundedTextLast">
                            <p class="poppins-regular" id="amountWithdraw2">CANTIDAD A RETIRAR</p>
                        </div>
                        <div class="cardAmountRoundedValueLast">
                            <p class="roboto-bold" id="withdrawFiatConfirmAmount2">34.567</p>
                        </div>
                            <input disabled="" type="text" class="poppins-bold cardAmountRoundedInput">
                    </div>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv" >
                        <p class="poppins-regular textInCardResumeDivText" id="with2FiatFees2">Comisión</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="withdrawFiatConfirmFee2">0,01</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="withFiatNT23">Total Neto</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="withdrawFiatConfirmTotalN2">0,01</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="with2FiatCD2">Identificación</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="poppins-bold textInCardResumeDivValue" id="withdrawFiatConfirmId"></p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="with2FiatCD3">Telefono</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="poppins-bold textInCardResumeDivValue" id="withdrawFiatConfirmPhone">***9069</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="with2FiatCD4">Banco</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="poppins-bold textInCardResumeDivValue" id="withdrawFiatConfirmAccount2" style="text-align: right;">Mercantil</p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="pr15">
                    <p class="label-input poppins-bold CrConfirmTextEmail" id="withdrawFiatConfirmEmail2">Se envió un código de validación a su correo <span>pe***@**il.com</span></p>
                </div>
                <div>
                    <input type="text" name="number" placeholder="* * * * *" class=" formInput roboto-bold inputConfirmCode" onkeypress="return onlyNumber(event)" id="withdrawFiatConfirmCode2" style="text-align: center;">
                    <p class="poppins-regular error" id="ewithdrawFiatConfirmCode2" style="text-align: center;"></p>
                    <h6 class="poppins-regular resend resendCodeOp" id="withdrawFiatConfirmResend2" >Reenviar Código</h6>
                </div>
                <div class="buttonOpValid">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="wdFiatbuttonV2">VALIDAR</button>
                    </div>
                </div>
                <div class="buttonOpCancel">
                    <div class="button-submit">
                        <button type="button" class="submitW poppins-medium whiteButton" id="wdFiatbuttonA2">ANULAR</button>
                    </div>
                </div>
                
            </div>
       </div>
   </div>
</div>

<!-- RETIRAR BTC 2 -->

<div class="withdrawBTCConfirm cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="marginX33">
                <div class="titleW">
                    <p class="poppins-bold titCripto" id="titCrW">Retirar <span></span></p>
                </div>
                <div>
                    <div class="inputnumber cardAmountRoundedLast">
                        <div class="cardAmountRoundedTextLast">
                            <p class="poppins-regular" id="amountWithdraw2">CANTIDAD A RETIRAR</p>
                        </div>
                        <div class="cardAmountRoundedValueLast">
                            <p class="roboto-bold" id="withdrawBTCConfirmAmount">34.567</p>
                        </div>
                            <input disabled="" type="text" class="poppins-bold cardAmountRoundedInput">
                    </div>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="withdrawBTC2LabelFee">Comisión</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="withdrawBTCConfirmFee"></p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id="withdrawBTC2LabelNetTotal">Total Neto</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="roboto-bold textInCardResumeDivValue" id="withdrawBTCConfirmTotalN"></p>
                    </div>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div class="textInCardResume">
                    <div class="textInCardResumeDiv">
                        <p class="poppins-regular textInCardResumeDivText" id='withdrawBTC2LabelNetAd'>Dirección</p>
                    </div>
                    <div class="textInCardResumeDiv">
                        <p class="poppins-bold textInCardResumeDivValue" id="withdrawBTCConfirmWallet"></p>
                    </div>
                </div>
                <div class="textInCardHrDiv"> 
                    <hr>
                </div>
                <div class="pr15">
                    <p class="label-input poppins-bold CrConfirmTextEmail" id="withdrawBTCConfirmEmail">Se envió un código de validación a su correo <span></span></p>
                </div>
                <div>
                    <input type="number" name="number" placeholder="* * * * *" class="formInput roboto-bold inputConfirmCode" id="withdrawBTCConfirmCode" onkeypress="return onlyNumber(event)">
                    <p class="poppins-regular error" id="ewithdrawBTCConfirmCode"></p>
                    <div>
                        <h6 class="poppins-regular resend resendCodeOp" id="withdrawBTCConfirmResend">Reenviar Código</h6>
                    </div>
                </div>
                <div class="buttonOpValid">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="wdBTCbuttonV">VALIDAR</button>
                    </div>
                </div>
                <div class="buttonOpCancel">
                    <div class="button-submit">
                        <button type="button" class="submitW poppins-medium whiteButton" id="wdBTCbuttonA">ANULAR</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
 
</div>

<!-- TRANSACCION FALLIDA -->

<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="wdFiatbuttonI">INTENTE DE NUEVO</button>
                </div>
            </div>
       </div>
   </div>
</div>
