<?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">Paso a Paso</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-done check-icon"></i>
                    <h6 class="text-timeline poppins-bold" id="step5">Paso 5</h6>
                </div>
                <div class="wsright" ></div>
            </div>
            
            <div class="regForm">
                <div class="tableForm">
                    <div class="principalTitle">
                        <h3 class="poppins-bold" id="t1">¡Felicidades!</h3>
                    </div>
                    <div>
                        <p class="poppins-bold opCompleted" id="t2">Operación completada</p>
                    </div>
                    <div>
                        <p class="poppins-regular infCompleted" id="t3">Estamos ejecutando su operación. Una vez completada podrá revisarla en su balance en la opción del menú.</p>
                    </div>
                    
                    <div class="buttons"><button type="submit" id="go-back" class="accept-button poppins-medium blueButton">VOLVER</button></div>
                </div>
            </div>
        </div>
    </div>
</div>

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

