<?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 check-icon"></i>
                    <h6 class="text-timeline poppins-bold" 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="titD">¿Qué cantidad de <span></span> desea depositar?</p>
                    </div>
                    <div class="tableForm">
                        <p class="titleText poppins-regular" style="margin-top: 7px;" id="t2">Indique la cantidad que desea depositar a su cuenta</p>
                    </div>
                    <div class="tableCrOut">
                        <div class="tableForm">
                            <div class="tableForm pd2">
                                <div class="cellForm">
                                    <div class="inputnumber cardAmountRoundedLast">
                                        <div class="cardAmountRoundedTextLast">
                                            <p class="poppins-regular" id="avLabel">DISPONIBLE</p>
                                        </div>
                                        <div class="cardAmountRoundedValueLast">
                                            <p class="roboto-bold" id="depFiatInfBalance"></p>
                                        </div>
                                        <input disabled="" type="text" class="poppins-bold cardAmountRoundedInput ">
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <div class="tabDepFiat" id="tabDepFiat">
                          <div class="tabDepFiatD">
                            <button class="tablinksDepFiat poppins-regular" id="reportDTFiat">Reportar Depósito o </br>Transferencia</button>
                          </div>
                          <div class="tabDepFiatD">
                            <button class="tablinksDepFiat poppins-regular" id="p2cfiat">Depositar </br> Mediante Pago Móvil</button>
                          </div>
                        </div>
                
                        <div id="depTr" class="tabDepFiatContent">
                          <div class="depTrDInp">
                              <div class="depTrDInpD">
                                    <p class="label-input poppins-bold label-input-ml10" id="bankDest">Banco Destino</p>
                                    <select class="opensans-regular selectDepFiat" id="depFiatInfDestinationBank1">
                                    </select>
                                    <p class="poppins-regular error" id="edepFiatInfDestinationBank1"></p>
                                </div>
                               <div class="depTrDInpD vaTop">
                                   <p class="label-input poppins-bold labeltransparent" >.</p>
                                    <div class="inputnumber depCopyDiv">
                                        <div class="depCopyDivFiatText">
                                            <p class="roboto-bold" id="depFiatInfDetailRsp1"></p>
                                        </div>
                                        <div class="depCopyDivFiatIcon">
                                            <i class="far fa-copy" id="copyIconFiat"></i>
                                        </div>
                                        <input type="text" disabled class="poppins-bold addressInfoInput">
                                    </div>
                                </div>
                            </div>
                            <div class="infDivDepFiat">
                                <div class="infDivDepFiatRow">
                                    <div class="depFiatInfDetailText">
                                        <p class="poppins-regular" id="depFiatInfDetail2"></p>
                                    </div>
                                    <div class="depFiatInfDetailValue">
                                        <p class="opensans-regular" id="depFiatInfDetailRsp2"></p>
                                    </div>
                                </div>
                                <div class="infDivDepFiatRow">
                                    <div class="depFiatInfDetailText">
                                        <p class="poppins-regular" id="depFiatInfDetail3"></p>
                                    </div>
                                    <div class="depFiatInfDetailValue" >
                                        <p class="opensans-regular" id="depFiatInfDetailRsp3" ></p>
                                    </div>
                                </div>
                                <div class="infDivDepFiatRow">
                                    <div class="depFiatInfDetailText">
                                        <p class="poppins-regular" id="depFiatInfDetail4"></p>
                                    </div>
                                    <div class="depFiatInfDetailValue" >
                                        <p class="opensans-regular" id="depFiatInfDetailRsp4"></p>
                                    </div>
                                </div>
                            </div>
                            <div class="textInCardHrDiv">
                                <hr>
                            </div>
                            <div class="depTrDInp">
                                <div class="depTrDInpD">
                                    <p class="label-input poppins-bold label-input-ml10" id="amDepLabel">Cantidad Depositada</p>
                                    <input type="number" placeholder="0" class="input-wdFiat roboto-regular inputNumberOrdersWidth" id="depFiatInfAmount">
                                    <p class="poppins-regular error" id="edepFiatInfAmount"></p>
                               </div>
                               <div class="depTrDInpD">
                                    <p class="label-input poppins-bold label-input-ml10" id="dateLabel">Fecha</p>
                                    <input type="date" class="formInput poppins-regular depTrDInpDDate" placeholder="DD/MM/YYYY" id="depFiatInfDate">
                                    <p class="poppins-regular error" id="edepFiatInfDate"></p>
                               </div>
                            </div>
                            <div class="depTrDInp">
                                <div class="depTrDInpD">
                                    <p class="label-input poppins-bold label-input-ml10" id="refLabel">Referencia</p>
                                    <input type="number" placeholder="0" class="input-wdFiat roboto-regular inputNumberOrdersWidth depTrDInpDrEF" maxlength = "19"
                                    onkeypress="return depFiatRefLength(event)" id="depFiatInfRef">
                                    <p class="poppins-regular error" id="edepFiatInfRef"></p>
                               </div>
                               <div class="depTrDInpD">
                                    <div class="depTrDInpDRec">
                                            <p class="poppins-bold label-input label-input-ml10" id="VoucherReceipt">Comprobante o Recibo </p>
                                            <div class="h65">
                                                <div class="depTrDInpDRecSelect" id ="depFiatInfRec">
                                                    <p class="poppins-regular" >Seleccione</p>
                                                </div>
                                                <div class="depTrDInpDRecInput">
                                                    <input type="file" class="file" id="depFiatInfId">
                                                    <button type="submit" id="depFiatInfIdButton" class=" poppins-medium blueButton">
                                                        Buscar
                                                    </button>
                                                </div>
                                                <p class="poppins-regular error" id="edepFiatInfRec" class="edepFiatInfRec" style="position: absolute; top: 50px;"></p>
                                        </div>
                                    </div>
                               </div>
                            </div>
                            <div class="withdrawBTCTL">
                                <div class="inputnumber withdrawBTCTLDiv">
                                    <div class="FeeAndTotalDivText">
                                        <p class="poppins-regular" id="FeesLabel">COMISIÓN</p>
                                    </div>
                                    <div class="FeeAndTotalDivValue">
                                        <p class="roboto-bold" id="depFiatInFee"></p>
                                    </div>
                                    <input disabled type="number" class="poppins-bold FeeAndTotalDivInput">
                                </div>
                                <div class="inputnumber withdrawBTCTLDiv withdrawBTCTLDivSecond">
                                    <div class="FeeAndTotalDivText">
                                        <p class="poppins-regular" id="netTotal">TOTAL NETO</p>
                                    </div>
                                    <div class="FeeAndTotalDivValue">
                                        <p class="roboto-bold" id="depFiatInNeTotal"></p>
                                    </div>
                                    <input disabled type="number" class="poppins-bold FeeAndTotalDivInput">
                                </div>
                            </div>
                        </div>
                        <div id="p2c" class="tabDepFiatContent" style="display: none;">
                          <div style="display: table; width: 100%">
                              <div class="PMDiv">
                                    <p class="label-input poppins-bold label-input-ml10" id="bankDest2Fiat">Banco Destino</p>
                                    <select class="selectDepFiat opensans-regular PMSelect" id="depFiatInfDestinationBank2">
                                        <option value="0" class="opensans-regular" disabled selected>Selecciona</option>
                                    </select>
                                    <p class="poppins-regular error" id="edepFiatInfDestinationBank2"></p>
                                </div>
                                <div class="PMDiv">
                                    <p class="label-input poppins-bold label-input-ml10" id="Am2Fiat">Cantidad</p>
                                    <input type="number" placeholder="0" class="input-wdFiat poppins-regular inputNumberOrdersWidth" id="depFiatInfAmountPM">
                                    <p class="poppins-regular error" id="edepFiatInfAmountPM"></p>
                                </div>
                            </div>
                            <div style="display: table; width: 100%">
                                <div class="PMDiv">
                                    <p class="label-input poppins-bold label-input-ml10" id="id2Fiat">Cédula</p>
                                    <input type="text" placeholder="0" disabled class="input-wdFiat poppins-regular inputNumberOrdersWidth" style="text-align: left;" id="depFiatInfCIPM">
                                    <p class="poppins-regular error" id="edepFiatInfCIPM"></p>
                                </div>
                                <div class="PMDiv">
                                    <p class="label-input poppins-bold label-input-ml10" id="phone2Fiat">Celular</p>
                                    <input type="number" placeholder="Ej: 4245378879" class="input-wdFiat poppins-regular inputNumberOrdersWidth" style="text-align: left;" id="depFiatInfPhonePM">
                                    <p class="poppins-regular error" id="edepFiatInfPhonePM"></p>
                                </div>
                            </div>
                            <div class="withdrawBTCTL">
                                <div class="inputnumber withdrawBTCTLDiv">
                                    <div class="FeeAndTotalDivText">
                                        <p class="poppins-regular" id="fiatFees1DepPM">COMISIÓN</p>
                                    </div>
                                    <div class="FeeAndTotalDivValue">
                                        <p class="roboto-bold" id="depFiatInFeePM">0,00</p>
                                    </div>
                                    <input disabled type="number" class="poppins-bold FeeAndTotalDivInput">
                                </div>
                                <div class="inputnumber withdrawBTCTLDiv withdrawBTCTLDivSecond">
                                    <div class="FeeAndTotalDivText">
                                        <p class="poppins-regular" id="netTotalDepFiat1PM">TOTAL NETO</p>
                                    </div>
                                    <div class="FeeAndTotalDivValue">
                                        <p class="roboto-bold" id="depFiatInNeTotalPM">0,00</p>
                                    </div>
                                    <input disabled type="number" class="poppins-bold FeeAndTotalDivInput">
                                </div>
                            </div>
                            <div class="textInCardHrDiv" style="margin-top: 20px;">
                                <hr>
                            </div>
                            <div style="display: table; width: 100%">
                                <div class="PMText poppins-bold">
                                    <p id="PMTextInp">Introduzca la clave dinámica que le proporciona su plataforma bancaria</p>
                                </div>
                                <div class="PMInput">
                                    <input type="text" name="number" placeholder="* * * * *" class=" formInput roboto-bold inputConfirmCode" onkeypress="return onlyNumber(event)" id="codePM">
                                    <p class="poppins-regular error" id="ecodePM" style="text-align: center;"></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>
    <input type="text" class="hiddenInput" id="copyDepFiat">
</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>
