<?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="titleP">Operaciones</h3>
            </div>
            
            <div class="space"></div>
            <div class="timeline">
                <div class="wsleft"></div>
                <div class="dtimeline">
                    <i class="fas fa-check check check-icon" ></i>
                    <h6 class="text-timeline poppins-bold" id="step1">Paso 1</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check no-check check-icon"></i>
                    <h6 class="text-timelineG poppins-medium" id="step2">Paso 2</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check no-check check-icon"></i>
                    <h6 class="text-timelineG poppins-medium" id="step3">Paso 3</h6>
                </div>
                <div class="dtimeline">
                    <i class="fas fa-check no-check check-icon"></i>
                    <h6 class="text-timelineG poppins-medium" 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="question">¿Qué operación desea realizar?</p>
                    </div>
                    <div class="tableForm">
                        <p class="titleText poppins-regular" style="margin-top: 7px;" id="selectLabel">Seleccione la opción para ejecutar la acción que quiere llevar a cabo</p>
                    </div>
                    <div class="setButtons">
                        <div class="tableForm">
                            <div class="stepButtons">
                                <button type="submit" id="buyCrypto" class="accept-button poppins-medium blueButton">COMPRAR CRIPTOMONEDAS</button>
                            </div>
                        </div>
                        <div class="tableForm">
                            <div class="stepButtons">
                                <button type="submit" id="sellCrypto" class="accept-button poppins-medium blueButton">VENDER CRIPTOMONEDAS</button>
                            </div>
                        </div>
                        <div class="tableForm">
                            <div class="stepButtons">
                                <button type="submit" id="withdrawCrypto" class="accept-button poppins-medium blueButton">RETIRAR FONDOS</button>
                            </div>
                        </div>
                        <div class="tableForm">
                            <div class="stepButtons">
                                <button type="submit" id="depositCrypto" class="accept-button poppins-medium blueButton">DEPOSITAR FONDOS</button>
                            </div>
                        </div>
                        <div class="tableForm">
                            <div class="stepButtons">
                                <button type="submit" id="transferCrypto" class="accept-button poppins-medium blueButton">TRANSFERIR A OTRO USUARIO DE AFX</button>
                            </div>
                        </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>


<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>