| Server IP : 54.94.228.101 / Your IP : 172.28.1.13 Web Server : Apache System : Linux ip-172-28-29-189 6.5.0-1014-aws #14~22.04.1-Ubuntu SMP Thu Feb 15 15:27:06 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 7.2.34-43+ubuntu22.04.1+deb.sury.org+1 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/html/vinumday2_0/resources/views/perfil/ |
Upload File : |
@extends('layouts.website')
@section('content')
@include('perfil/menu-lateral', ['configMenuLateral' => $configMenuLateral])
<div class="minha-conta__right">
<div class="box minha-carteira-top">
<div class="carteira-top">
<div class="carteira-top-l">
<h2>Minha carteira</h2>
<p>Utilize seu link de indicação e receba saldo na <strong>VinumDay</strong>.</p>
</div>
<div class="carteira-top-r">
<div class="carteira-kpi">
<strong>Meu saldo:</strong>
<div class="carteira-kpi-main green"><span>R$</span> 135,12</div>
<span class="carteira-kpi-sub desk">Atualizado em: 20/05/22</span>
<span class="carteira-kpi-sub mob">Atualizado: 20/05/22</span>
</div>
<div class="carteira-kpi">
<strong>Saldo à expirar:</strong>
<div class="carteira-kpi-main red"><span>R$</span> 23,98</div>
<span class="carteira-kpi-sub desk">Vencimento: 26/06/22</span>
<span class="carteira-kpi-sub mob">Vence: 26/06/22</span>
</div>
</div>
</div>
</div>
<div class="box carteira-link">
<h3><img src="img/site/carteira-list.svg" alt="Link indicação">Seu link de indicação:</h3>
<div class="form-carteira-link">
<label for="carteira-link">Link de indicação:</label>
<input type="text" readonly id="carteira-link" onClick="this.select();" value="http://vinumday.com.br/ind/84693429ad87awd6gw27367264">
<button type="button" class="carteira-copiar-btn">Copiar</button>
</div>
</div>
<div class="box carteira-table">
<div class="carteira-table-top">
<h3>HISTÓRICO</h3>
<div class="filters-carteira">
<div class="form-carteira-select per">
<label for="carteira-select">Período:</label>
<select name="periodo" id="carteira-periodo">
<optgroup>
<option selected disabled value="">Todos</option>
<option value="30">Últimos 30 dias</option>
<option value="7">Última semana</option>
</optgroup>
<optgroup label="__________________">
<option value="Janeiro">Janeiro</option>
<option value="Fevereiro">Fevereiro</option>
<option value="Março">Março</option>
<option value="Abril">Abril</option>
<option value="Maio">Maio</option>
<option value="Junho">Junho</option>
<option value="Julho">Julho</option>
<option value="Agosto">Agosto</option>
<option value="Setembro">Setembro</option>
<option value="Outubro">Outubro</option>
<option value="Novembro">Novembro</option>
<option value="Dezembro">Dezembro</option>
</optgroup>
</select>
</div>
<div class="form-carteira-select trans">
<label for="carteira-select">Transações:</label>
<select name="periodo" id="carteira-periodo">
<option selected disabled value="">Todos</option>
<option value="acumulo">Acúmulo</option>
<option value="utilizacao">Utilização</option>
</select>
</div>
</div>
</div>
<div class="carteira-table-cont">
<div class="loading-table">
<i class="fa fa-spin fa-spinner"></i>
</div>
<div class="col-titles-carteira">
<div class="col-tit-cart c1">Tipo</div>
<div class="col-tit-cart c2">Valor</div>
<div class="col-tit-cart c3">Data</div>
<div class="col-tit-cart c4">Origem</div>
</div>
<div class="carteira-list">
<div class="carteira-item">
<div class="col c1">
<div class="tag-carteira green"><img src="img/site/list-carteira-up.svg" alt="Acúmulo">Acúmulo</div>
</div>
<div class="col c2">
<span>R$ 123,67</span>
</div>
<div class="col c3">
<span>20/05/22 - 14:36</span>
</div>
<div class="col c4">
<span>Indicação</span>
</div>
</div>
<div class="carteira-item">
<div class="col c1">
<div class="tag-carteira red"><img src="img/site/list-carteira-down.svg" alt="Utilização">Utilização</div>
</div>
<div class="col c2">
<span>R$ 31,92</span>
</div>
<div class="col c3">
<span>19/05/22 - 11:10</span>
</div>
<div class="col c4">
<span>Indicação</span>
</div>
</div>
<div class="carteira-item">
<div class="col c1">
<div class="tag-carteira green"><img src="img/site/list-carteira-up.svg" alt="Acúmulo">Acúmulo</div>
</div>
<div class="col c2">
<span>R$ 19,62</span>
</div>
<div class="col c3">
<span>11/05/22 - 09:58</span>
</div>
<div class="col c4">
<span>Indicação</span>
</div>
</div>
<div class="carteira-item">
<div class="col c1">
<div class="tag-carteira green"><img src="img/site/list-carteira-up.svg" alt="Acúmulo">Acúmulo</div>
</div>
<div class="col c2">
<span>R$ 11,77</span>
</div>
<div class="col c3">
<span>03/05/22 - 16:20</span>
</div>
<div class="col c4">
<span>Indicação</span>
</div>
</div>
<div class="carteira-item">
<div class="col c1">
<div class="tag-carteira red"><img src="img/site/list-carteira-down.svg" alt="Utilização">Utilização</div>
</div>
<div class="col c2">
<span>R$ 34,14</span>
</div>
<div class="col c3">
<span>22/04/22 - 11:09</span>
</div>
<div class="col c4">
<span>Indicação</span>
</div>
</div>
<div class="carteira-item">
<div class="col c1">
<div class="tag-carteira green"><img src="img/site/list-carteira-up.svg" alt="Acúmulo">Acúmulo</div>
</div>
<div class="col c2">
<span>R$ 88,24</span>
</div>
<div class="col c3">
<span>13/04/22 - 19:23</span>
</div>
<div class="col c4">
<span>Indicação</span>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function(){
$(document).on('change', '.filters-carteira select', function(){
$('.loading-table').addClass('active');
setTimeout(() => {
$('.loading-table').removeClass('active');
}, 1000);
});
$(document).on('click', '.carteira-copiar-btn', function(){
$('#carteira-link').select();
document.execCommand("copy");
alertUtil.alertSuccess("Copiado com sucesso!");
});
});
</script>
<!-- START PERIGO - QUANDO EU CHEGUEI AQUI ISTO JÁ ESTAVA, TENTEI TIRAR MAS BUGOU O LAYOYT: @marcoskubas -->
</div>
</div>
</div>
</section>
<!-- END PERIGO -->
@endsection