<?php
    if (file_exists("./content/header.php")){
        include_once("./content/header.php");
    }
?>
<!-- HEADER
<header> 
    <div class="container-div">
        <div class="bars headerd">
            <div class="innerheaderd">
                <i class="fas fa-bars innerbars" id="togglebar"></i>
            </div>
        </div>
        <div class="logo headerd">
            <div class="innerheaderd">
                <img class="logo-header" src="./settings/img/logo.png">
            </div>
        </div>
        <div class="menuLeft headerd ">
             <ul class="innerheaderd">
                  <li><a class="poppins-regular" id="home">Inicio</a></li>
                  <li><a class="poppins-regular" id="balance">Balance</a></li>
                  <li><a class="poppins-regular" id="preferences">Preferencias</a></li>
            </ul> 
        </div>
        <div class="menuRight headerd">
            <ul class="innerheaderd">
                  <li class="bar"><a class="poppins-regular rtext" id="name"></a></li>
                  <li class="bar"><a class="rIcon"><i class="fas fa-sign-out-alt" id="logouticon"></i></a></li>
                  <li><a class="rIcon"><i class="fas fa-envelope" style="position: relative;"><div class="messageNotification" id="messageNotification"><p class="roboto-regular"></p></div></i></a></li>
                  <li><a class="poppins-bold rlanguage"><div id="langIcon"></div></a></li>
            </ul> 
        </div>
    </div>
</header> -->
<div class="pageCnt" style="display: none">
        
    <div class="centerCell">
        <div class="card">
            <div class="tableRow">
                <div class="tableCell">
                    <div class="centeredImage">
        
                        <div class="headerFilter" id="headerFilter">
                            <div class="subTitlePage">
                                <p class="poppins-regular" id="titleBalance">Balance General</p>
                            </div>
                        </div>
                        
                        <div class="subHeaderFilter" id="subHeaderFilter">
                            <div class="inputsContainer">
                                <div class="inputContainer">
                                   <label for="search" class="ordered poppins-bold" id="labelSearch">Buscar</label>
                                    <input class="inputElement searching" type="text" id="search" name="search" style="border: none"> 
                                    <div class="iconContainerSearch">
                                        <i class="fas fa-search" id="iconSearch"></i>
                                    </div>
                                </div>
                                <div class="inputContainer">
                                    <select class="inputElement searching" type="text" id="seeAll" name="seeAll" style="border: none">
                                        <option value=0 id="seeAll0">Ver todos</option>
                                        <option value=1 id="seeAll1">Leidos</option>
                                        <option value=2 id="seeAll2">No leidos</option>
                                    </select>
                                </div>
                                <div class="inputContainerAbsolute">
                                    <button type="button" class="submit poppins-medium blueButton" id="write">REDACTAR</button>
                                </div>
                            </div>
                        </div>
                        
                        <div class="tabDepFiat">
                          <div class="tabDepFiatD" style="width: 150px;">
                            <button class="tablinksDepFiat poppins-regular" id="received">Recibidos</button>
                          </div>
                          <div class="tabDepFiatD" style="width: 150px;">
                            <button class="tablinksDepFiat poppins-regular" id="sent">Enviados</button>
                          </div>
                          <div class="tabDepFiatD" style="display: hidden; width: calc(100% - 300px)">
                            </div>
                        </div>
                            
                        <div class="tableContainer" id="tableContainer">
                            <div class="rowContainer">
                                <div class="cellCnt">
                                    <div class="tableCurrencies" id="tableCurrencies">
                                        <div class="bodyTableCurrencies tabDepFiatContent" id="tabReceived">
                                            <div style="display: none;" id="noCurrencieDefine">
                                                <p id="msgInTable" class="poppins-medium" style="margin: 0px; font-size: 50%;"> msg Error </p>
                                            </div>
                                            <div class="rowCurrencie" style="display: table; width: 100%;">
                                                <div class="cell15">
                                                    <div class="divCellCnt roboto-regular text-center datecell" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                </div>
                                                <div class="cell15 typecell">
                                                    <div class="divCellCnt roboto-regular text-left" style="cursor: pointer">
                                                        <span></span>
                                                    </div>
                                                </div>
                                                <div class="cell70">
                                                    <div class="divCellCnt roboto-regular text-left" style="cursor: pointer">
                                                        <span class="long-text"></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                    </div>
                                    
                                </div>
                            </div>
                            
                            
                                
                            <div class="rowContainer">
                                <div class="cellContainer"  >
                                    <div class="rowContainer paginator" id="paginator">
                                        <div class="pageCntBox" align="center">
                                            <p class="marginArrow">
                                                <i class='fas fa-angle-left editCurrencie' style="cursor: pointer"></i>
                                            </p>
                                            
                                            <div arrowsEvent="false" id="numbersPaginator">
                                                       
                                            </div>
                                                
                                                
                                            <p class="marginArrow">
                                                <i class='fas fa-angle-right editCurrencie' style="cursor: pointer"></i>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </div>
</div>


<!-- SESION EXPIRADA -->

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

<div class="waitScreen" id="waitScreen">
    <div class="spinChar">
        <i class="fas fa-circle-notch fa-spin"></i>
    </div>
</div>

<!-- NUEVO MENSAJE -->


<div class="newMessage cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw1 content" style="background-color: #F7F8F9;">
            <div class="marginX33">
                <div class="titleM">
                    <p class="poppins-bold" id="newMessageTit">Nuevo Mensaje</p>
                </div>
                
                <div class="textInCardResume">
                    <select class="selectNewMessage" id="selectNewMessage">
                        
                    </select>
                </div>
                <div>
                    <textarea id="textareaMessage" placeholder="Mensaje"></textarea>
                </div>
                <div>
                    <p class="errorMessage" id="errorMessage"></p>
                </div>
                <div style="display: table; width: 100%">
                    <div style="display: table-cell; width: 50%">
                        <div class="buttonOpValid">
                            <div class="button-submit" style="max-width: 220px; width: 100%;">
                                <button type="button" class="cancel poppins-medium whiteButton" id="cancelMessage">CANCELAR</button>
                            </div>
                        </div>
                    </div>
                    <div style="display: table-cell; width: 50%">
                        <div class="buttonOpValid">
                            <div class="button-submit" style="max-width: 220px; width: 100%;">
                                <button type="button" class="submit poppins-medium blueButton" id="sendMessageServ" style="max-width: 220px; width: 100%;">ENVIAR</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
       </div>
   </div>
</div>



<!-- DETALLE DE MENSAJE -->


<div class="detailMessage cardOperations">
    <div class="clickClose">
        <div class="cardWithdraw content">
            <div class="marginX33">
                <div class="titleM">
                    <p class="poppins-bold" id="detailMessageTit">Detalles de Mensaje</p>
                </div>
                <div id="detailOperations">
                   <p class="roboto-bold">Operaciones</p>
                </div>
                <div id="detailDate">
                   <p class="roboto-regular">18/06/2020 - 03:11 PM</p>
                </div>
                <div class="textInCardHrDiv">
                    <hr>
                </div>
                <div id="detailText">
                   <p class="roboto-regular">Enviado a su correo electónico</p>
                </div>
                <div id="detailMessage">
                   <p class="roboto-bold">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. </p>
                </div>
                <div class="buttonOpValid">
                    <div class="button-submit">
                        <button type="button" class="submit poppins-medium blueButton" id="detailButtonAccept">ACEPTAR</button>
                    </div>
                </div>
            </div>
       </div>
   </div>
</div>
