<?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 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">¿A qué cuenta quiere enviar los fondos?</p>
                    </div>
                    <div class="tableForm">
                        <p class="titleText poppins-regular" style="margin-top: 7px;" id="t2">Seleccione la cuenta a la que serán enviados los fondos que desea retirar</p>
                    </div>
                    
                    <div class="tabDepFiat tableCrOut">
                        <div class="tabDepFiatD">
                            <button class="tablinksDepFiat poppins-regular" id="reportDTFiat2">Retiro por </br>Transferencia</button>
                        </div>
                        <div class="tabDepFiatD">
                            <button class="tablinksDepFiat poppins-regular" id="p2cfiat2">Retiro por </br> Pago Móvil</button>
                        </div>
                    </div>
                        
                    <div id="depTr2" class="tabDepFiatContent tableCrOut">
                        <div class="pt20">
                            <div>
                                <div class="tableForm">
                                    <div class="tableForm pd2">
                                        <div class="cellForm cellFormCurrency">
                                            <p class="poppins-bold titleCripto" id="bankLabel">Banco</p>
                                        </div>
                                        <div class="cellForm cellFormBalance">
                                            <p class="poppins-bold titleCripto" id="accLabel">Cuenta</p>
                                        </div>
                                    </div>
                                    <div class="tableForm" id="table">
                                        <div class="tableForm rowCr">
                                            <div class="cellForm cellFromSymB">
                                                <p class="roboto-regular bodyCripto"></p>
                                            </div>
                                            <div class="cellForm cellFormBalanceB">
                                                <p class="roboto-regular bodyCripto"></p>
                                            </div>
                                            <div class="cellForm cellFormSelectB divSelectButton">
                                                <div class="selectButton">
                                                    <button type="submit" id="selectCripto" class="crypto cancel-button poppins-medium whiteButton">
                                                        SELECCIONAR
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <p class="poppins-regular error" id="error"></p>
                                    
                                    <div class="tableForm rowCr" style="margin-top: 10px;">
                                        <div class="cellForm cellFormSelectB divSelectButton">
                                            <div class="selectButton">
                                                <button type="submit" id="affiliate" class="accept-button poppins-medium blueButton">
                                                    AFILIAR CUENTA
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                        
                                    
                                </div>
                            </div>
                        </div>
                    </div>   
                    <div id="p2c2" class="tabDepFiatContent tableCrOut">
                        <div style="display: table; width: 100%">
                            <div class="PMDiv">
                                <p class="label-input poppins-bold label-input-ml10" id="bankDest2Fiat2">Banco</p>
                                <select class="selectwdFiat opensans-regular PMSelect" id="withdrawFiatAccount2">
                                    <option value="" class="opensans-regular" disabled selected>Selecciona</option>
                                </select>
                                <p class="poppins-regular error" id="ewithdrawFiatAccount2"></p>
                            </div>
                            <div class="PMDiv">
                                <p class="label-input poppins-bold label-input-ml10" id="Am2Fiat2">Cedula o Pasaporte</p>
                                <div style="display: table; width: 100%; margin-left: auto; margin-right: auto;">
                                    <div style="display: table-cell; width: 40%">
                                        <select class="selectwdFiat opensans-regular w91" style="text-indent: 5px !important; cursor: initial !important;width: 90% !important;margin-left: auto;" disabled id="selectPM2">
                                            <option value="0" class="opensans-regular" disabled selected>Selecciona</option>
                                            <option value="1" class="opensans-regular">CI</option>
                                            <option value="2" class="opensans-regular">Pasaporte</option>
                                            <option value="3" class="opensans-regular">Licencia</option>
                                            <option value="4" class="opensans-regular">RIF</option>
                                        </select>
                                    </div>
                                    <div style="display: table-cell; width: 60%">
                                        <input type="number" placeholder="0" class="input-wdFiat poppins-regular inputNumberOrdersWidth" id="depFiatInfAmountPM22" style="text-align: left" disabled>
                                    </div>
                                </div>
                                <p class="poppins-regular error" id="edepFiatInfAmountPM22"></p>
                            </div>
                        </div>
                            
                        <div style="display: table; width: 100%">
                                <div class="PMDiv">
                                    <p class="label-input poppins-bold label-input-ml10" id="Am2Fiat3">Teléfono Asociado</p>
                                    <div style="display: table; width: 100%; margin-left: auto; margin-right: auto;">
                                        <div style="display: table-cell; width: 40%">
                                            <select class="selectwdFiat opensans-regular w91" style="text-indent: 5px !important;width: 90% !important;margin-left: auto;" id="phoneNumberPM">
                                                <option value="" class="opensans-regular" disabled selected id="SelectPhoneA">Selecciona</option>
                                                <option value="0412" class="opensans-regular">0412</option>
                                                <option value="0414" class="opensans-regular">0414</option>
                                                <option value="0424" class="opensans-regular">0424</option>
                                                <option value="0416" class="opensans-regular">0416</option>
                                                <option value="0426" class="opensans-regular">0426</option>
                                            </select>
                                        </div>
                                        <div style="display: table-cell; width: 60%">
                                            <input type="number" placeholder="Ej: 5378879" class="input-wdFiat poppins-regular inputNumberOrdersWidth" style="text-align: left;" id="depFiatInfPhonePM2">
                                        </div>
                                    </div>
                                    <p class="poppins-regular error" id="edepFiattPhonePM22"></p>
                                </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>
