<div class="app-main__inner">

<div class="app-page-title">

<div class="page-title-wrapper">
<div class="page-title-heading">
<div class="page-title-icon">
<i class="metismenu-icon pe-7s-rocket"></i>
</div>
<div>Dashboard
<div class="page-title-subheading">Cards e Gráficos das principais atividades do site! </div>
</div>
</div>

</div>
</div> 

<div class="tabs-animation">
<div class="mb-3 card">
<div class="card-header-tab card-header">
<div class="card-header-title font-size-lg text-capitalize font-weight-normal">
<i class="header-icon lnr-charts icon-gradient bg-happy-green"> </i>
DADOS DE  &nbsp<b> HOJE!</b>
</div>
</div>
<div class="no-gutters row">
<div class="col-sm-6 col-md-4 col-xl-4">
<div class="card no-shadow rm-border bg-transparent widget-chart text-left">
<div class="animated lightSpeedIn">
<div class="icon-wrapper rounded-circle">
<div class="icon-wrapper-bg opacity-10 bg-light"></div>
<i class="pe-7s-users text-dark opacity-8"></i>
</div>
</div>
<div class="widget-chart-content">
<div class="widget-subheading">Novos Usúarios</div>
<div class="widget-numbers">{admin_banca_new_users}</div>
<!--<div class="widget-description opacity-8 text-focus">
<div class="d-inline text-danger pr-1">
<i class="fa fa-angle-down"></i>
<span class="pl-1">54.1%</span>
</div>
Hoje x Ontem
</div>-->
</div>
</div>
<div class="divider m-0 d-md-none d-sm-block"></div>
</div>
<div class="col-sm-6 col-md-4 col-xl-4">
<div class="card no-shadow rm-border bg-transparent widget-chart text-left">
<div class="animated lightSpeedIn">
<div class="icon-wrapper rounded-circle">
<div class="icon-wrapper-bg opacity-9 bg-success"></div>
<i class="pe-7s-cash text-white"></i>
</div>
</div>
<div class="widget-chart-content">
<div class="widget-subheading">Pagamentos Aprovados</div>
<div class="widget-numbers text-success"><span>{admin_banca_new_payments}</span></div>

<!--<div class="widget-description opacity-8 text-focus">
Hoje x Ontem
<span class="text-info pl-1">
<i class="fa fa-angle-down"></i>
<span class="pl-1">14.1%</span>
</span>
</div>-->
</div>
</div>
<div class="divider m-0 d-md-none d-sm-block"></div>
</div>
<div class="col-sm-12 col-md-4 col-xl-4">
<div class="card no-shadow rm-border bg-transparent widget-chart text-left">
<div class="animated lightSpeedIn">
<div class="icon-wrapper rounded-circle">
<div class="icon-wrapper-bg opacity-9 bg-warning"></div>
<i class="pe-7s-help1 text-white"></i>
</div>
</div>
<div class="widget-chart-content">
<div class="widget-subheading">Aguardando Pagamento</div>
<div class="widget-numbers text-warning"><span>{admin_banca_payments_waiting}</span></div>
<!--<div class="widget-description text-focus">
Hoje x Ontem
<span class="text-warning pl-1">
<i class="fa fa-angle-up"></i>
<span class="pl-1">7.35%</span>
</span>
</div>-->
</div>
</div>
</div>
</div>

</div>


</div>


<div class="row">
<div class="col-md-4 col-xl-4">
<div class="card mb-3 widget-chart widget-chart2 text-left card-btm-border card-shadow-success border-success">
<div class="widget-chat-wrapper-outer">
<div class="widget-chart-content pt-3 pl-3 pb-1">
<div class="widget-chart-flex">
<div class="widget-numbers">
<div class="widget-chart-flex">
<div class="fsize-4">
<small class="opacity-5">R$</small>
<span>{admin_banca_apostas_total}</span>
</div>
</div>
</div>
</div>
<h6 class="widget-subheading mb-0 opacity-5">Apostas (Mês atual)</h6>
</div>
<div class="no-gutters widget-chart-wrapper mt-3 mb-3 pl-2 he-auto row">
<div class="col-md-9">
{admin_banca_script_dash_pagamentos_ultimos_30_dia}
<div id="dashboard-sparklines-1"></div>

</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-xl-4">
<div class="card mb-3 widget-chart widget-chart2 text-left card-btm-border card-shadow-primary border-primary">
<div class="widget-chat-wrapper-outer">
<div class="widget-chart-content pt-3 pl-3 pb-1">
<div class="widget-chart-flex">
<div class="widget-numbers">
<div class="widget-chart-flex">
<div class="fsize-4">
<small class="opacity-5">R$</small>
<span>{admin_banca_saques_valor_total}</span>
</div>
</div>
</div>
</div>
<h6 class="widget-subheading mb-0 opacity-5">Saques (Mês atual)</h6>
</div>
<div class="no-gutters widget-chart-wrapper mt-3 mb-3 pl-2 he-auto row">
<div class="col-md-9">
<div id="dashboard-sparklines-2"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-xl-4">
<div class="card mb-3 widget-chart widget-chart2 text-left card-btm-border card-shadow-warning border-dark">
<div class="widget-chat-wrapper-outer">
<div class="widget-chart-content pt-3 pl-3 pb-1">
<div class="widget-chart-flex">
<div class="widget-numbers">
<div class="widget-chart-flex">
<div class="fsize-4">
<small class="opacity-5">CLIENTES</small>
<span>{admin_banca_clientes_total}</span>
</div>
</div>
</div>
</div>
<h6 class="widget-subheading mb-0 opacity-5">Usúarios (Mês atual)</h6>
</div>
<div class="no-gutters widget-chart-wrapper mt-3 mb-3 pl-2 he-auto row">
<div class="col-md-9">
<div id="dashboard-sparklines-3"></div>
</div>
</div>
</div>
</div>
</div>

</div>

