<?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">Depositar 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 check-icon"></i>
                    <h6 class="text-timeline poppins-bold" id="step4">Paso 4</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check no-check check-icon"></i>
                    <h6 class="text-timelineG 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">¿Quiere saber su dirección de billetera en AFX?</p>
                    </div>
                    <div class="tableForm">
                        <p class="titleText poppins-regular" style="margin-top: 7px;" id="t2">Esta es la dirección de billetera BTC para acreditar fondos</p>
                        <p class="poppins-regular" id="USDTInfo1" style="margin: 10px 0px 0px 13px; text-align: center;"></p>
                    </div>
                    <div class="tableCrOut">
                        <div class="tableForm">
                            <div class="inputnumber addressCrInfo">
                                <div class="addressCrInfoText">
                                    <p class="opensans-regular" id="copyInfAFX"></p>
                                </div>
                                <div class="addressCrInfoIcon">
                                    <i class="far fa-copy" id="copyIconBtc"></i>
                                </div>
                                <input disabled="" type="text" class="poppins-bold addressInfoInput" id="copyBtc">
                            </div>
                        </div>
                        <div class="tableForm addressCrInfo">
                            <div class="addressBTCInfCardExp">
                                <div class="addressBTCInfCardExpText">
                                    <p class="poppins-regular" id="expirationLabel">Vencimiento</p>
                                </div>
                                <div class="addressBTCInfCardExpDate">
                                    <p class="poppins-bold" id="addressBTCInfDate"></p>
                                </div>
                            </div>
                            <div>
                                <div class="inputnumber cardAmountRounded">
                                    <div class="cardAmountRoundedText">
                                        <p class="poppins-regular" id="feesLabel">COMISIÓN</p>
                                    </div>
                                    <div class="cardAmountRoundedValue">
                                        <p class="roboto-bold" id="depositCriptoFee"></p>
                                    </div>
                                    <input disabled type="number" class="poppins-bold cardAmountRoundedInput">
                                </div>
                            </div>
                        <div>
                            <div class="divQrCode" id="qrcode"></div>
                        </div>
                        </div>
                        <div class="tableForm">
                            <p class="titleText poppins-regular" style="margin-top: 7px;" id="t3">Debe introducir esta dirección como dirección destino en la plataforma de criptomonedas de la que va hacer el depósito</p>
                            <p class="poppins-regular" id="USDTInfo2" style="margin: 10px 0px 0px 13px; text-align: center;"></p>
                        </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>
    <input type="text" class="hiddenInput" style="text-transform: none !important;" id="copyDepBTC">
</div>
