
<style>

.bg-success {
  background-color: #c1ead5 !important;
}

.card-header {
  border-radius: 33px !important;
}

#color_blank, #color_blank a, #color_blank span, #color_blank strong, #color_blank b, #color_blank p{
    color:#fff !important;
}
 #color_blank span{
text-shadow: 1px 1px #639720;
}

#color_blank .widget-subheading {
  font-weight: bold;
  opacity: 1;
  text-shadow: 1px 1px #3f1e25;
}

.fixed-sidebar .app-main .app-main__outer {
  z-index: 9;
  padding-left: 0 !important;
}

#customoutline {
  color: #a61632;
  border-color: #a61632;
}

#customoutline:not(:disabled):not(.disabled):active, #customoutline:not(:disabled):not(.disabled).active, .show > #customoutline.dropdown-toggle {
  color: #fff;
  background-color: #db2045;
  border-color: #a61632;
}

</style>

<!-- Content -->

<div class="app-main__outer">
<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="main-card mb-3 card">
<div class="card-header"><i class="header-icon lnr-license icon-gradient bg-plum-plate"> </i> TRACK PAGES & EVENTOS
<div class="btn-actions-pane-right">
<div class="nav">
<a data-toggle="tab" href="#tab-eg2-0" id="customoutline" class="btn-pill btn-wide {active_form_page} btn btn-outline-alternate btn-sm">TRACK-PAGES</a>
<a data-toggle="tab" href="#tab-eg2-1" class="btn-pill btn-wide mr-1 ml-1  btn btn-outline-alternate btn-sm {active_form_eventos}">TRACK-EVENTOS</a>
</div>
</div>
</div>

<div class="card-body">
<div class="tab-content">
    
<div class="tab-pane {active_form_page}" id="tab-eg2-0" role="tabpanel">

<div class="tabs-animation">
    
<div class="col-md-4" style="float:left">
    
<div class="col-md-12 card" style="scale: 0.96;float: left;background: #db2045;padding: 10px;border-radius: 8px;" id="color_blank">
<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 DO &nbsp<b style="color:#333 !important"> DIA</b>
</div>
</div>
<div class="no-gutters row">
<div class="col-sm-6 col-md-6 col-xl-6">
<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">Logados</div>
<div class="widget-numbers">{dia_logados}</div>
</div>
</div>
<div class="divider m-0 d-md-none d-sm-block"></div>
</div>
<div class="col-sm-6 col-md-6 col-xl-6">
<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">Paginas v.</div>
<div class="widget-numbers"><span>{dia_paginas}</span></div>
</div>
</div>
<div class="divider m-0 d-md-none d-sm-block"></div>
</div>

</div>

</div>


<div class="col-md-12 card"  style="scale: 0.96;float: left;background: #f1f1f1;padding: 10px;border-radius: 8px;">
<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 DO &nbsp<b> MÊS</b>

</div>

</div>

<div class="no-gutters row">
<div class="col-sm-6 col-md-6 col-xl-6">
<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">Logados</div>
<div class="widget-numbers">{mes_logados}</div>
</div>
</div>

<div class="divider m-0 d-md-none d-sm-block"></div>

</div>

<div class="col-sm-6 col-md-6 col-xl-6">
<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">Paginas v.</div>
<div class="widget-numbers"><span>{mes_pagina}</span></div>
</div>
</div>
<div class="divider m-0 d-md-none d-sm-block"></div>
</div>

</div>


<div class="col-md-12" style="float:left">
<div class="main-card mb-3 card">

<div class="card-body">

<div class="col-md-12 col-lg-12" style="float: left;">
<div class="input-group">

<input type="text" class="form-control" id="daterange-centered" name="daterange-centered" style="margin: 0;height: 45px;"  data-start='{datastart}' data-end='{dataend}'>
<button class="mb-2 mr-2 btn btn-shadow btn-gradient-danger active" style="border-radius: 0 4px 4px 0;padding: 12px;float: right;position: relative;" onClick="window.location='admin-dashboard?ajaxtable=' + jQuery('#daterange-centered').val()">Filtrar</button>
<button class="mb-2 mr-2 btn btn-shadow btn-gradient-success" onClick="window.location='admin-dashboard?export=' + jQuery('#daterange-centered').val()"> Exportar Excel</button>
</div>
</div>

</div>
</div>
</div>


</div>



</div>

<div class="col-md-8" style="float:left">
    
<div class="tab-content">

<div class="tab-pane tabs-animation fade show active" id="tab-content-1" role="tabpanel">

<div class="row">
<div class="col-md-12 col-lg-12">


<div class="col-md-12 col-lg-12">


<div class="main-card mb-3 card">
<div class="card-body" >

<table style="width: 100%;" id="example" class="table table-striped table-bordered">
<thead>
<tr>
<th>Origem</th>
<th>Email</th>
<th>CRM</th>
<th>UF</th>
<th>Paginas</th>
<th>Tempo Medio</th>
<th>Data</th>
<th>Opções</th>
</tr>
</thead>

<tbody id="ajaxtable">

{track_list}

</tbody>
<tr>
<th>Origem</th>
<th>Email</th>
<th>CRM</th>
<th>UF</th>
<th id="total_paginas" style="color: #6a1818;">Paginas</th>
<th id="total_tempo" style="color: #6a1818;">Tempo Medio</th>
<th>Data</th>
<th>Opções</th>
</tr>

</table>
</div>
</div>

</div>


</div>
</div>



</div>
</div>
</div>



</div>


</div>




<div class="tab-pane {active_form_eventos}" id="tab-eg2-1" role="tabpanel">


<div class="tabs-animation">
    
<div class="col-md-4" style="float:left">
    
<div class="col-md-12 card" style="scale: 0.96;float: left;background: #794c8a;padding: 10px;border-radius: 8px;" id="color_blank">
<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 DO &nbsp<b style="color:#333 !important"> {datastart} - {dataend}</b>
</div>
</div>
<div class="no-gutters row">
<div class="col-sm-6 col-md-6 col-xl-6">
<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="lnr-thumbs-up text-dark opacity-8"></i>
</div>
</div>
<div class="widget-chart-content">
<div class="widget-subheading">Checkin-n</div>
<div class="widget-numbers">{dia_checkin_true}</div>
</div>
</div>
<div class="divider m-0 d-md-none d-sm-block"></div>
</div>
<div class="col-sm-6 col-md-6 col-xl-6">
<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="lnr-thumbs-down text-dark opacity-8"></i>
</div>
</div>
<div class="widget-chart-content">
<div class="widget-subheading">Checkin-n</div>
<div class="widget-numbers"><span>{dia_checkin_false}</span></div>
</div>
</div>
<div class="divider m-0 d-md-none d-sm-block"></div>
</div>

</div>

</div>


<div class="col-md-12 card"  style="scale: 0.96;float: left;background: #f1f1f1;padding: 10px;border-radius: 8px;">




<div class="col-md-12" style="float:left">
<div class="main-card mb-3 card">

<div class="card-body">

<div class="col-md-12 col-lg-12" style="float: left;">
<div class="input-group">

<input type="text" class="form-control" id="daterange-centered2" name="daterange-centered" style="margin: 0;height: 45px;"  data-start='{datastart}' data-end='{dataend}'>
<button class="mb-2 mr-2 btn btn-shadow btn-gradient-danger active" style="border-radius: 0 4px 4px 0;padding: 12px;float: right;position: relative;" onClick="window.location='admin-dashboard?ajaxtableevento=' + jQuery('#daterange-centered2').val()">Filtrar</button>
<button class="mb-2 mr-2 btn btn-shadow btn-gradient-success" onClick="exportar_eventos();jQuery('#data_export').val(jQuery('#daterange-centered2').val())"> Exportar Excel</button>
</div>
</div>

</div>
</div>
</div>


</div>

<button type="button" class="btn mr-2 mb-2 btn-primary" id="openmodal" data-toggle="modal" data-target=".bd-example-modal-lg2" style="display:none"></button>

<script>
    
    function exportar_eventos(){
     
     jQuery('#openmodal').click()

      //window.location='admin-dashboard?export_eventos=' + jQuery('#daterange-centered').val()
     
    }
    
</script>


</div>

<div class="col-md-8" style="float:left">
    
<div class="tab-content">

<div class="tab-pane tabs-animation fade show active" id="tab-content-1" role="tabpanel">

<div class="row">
<div class="col-md-12 col-lg-12">


<div class="col-md-12 col-lg-12">


<div class="main-card mb-3 card">
<div class="card-body" >

<table style="width: 100%;" id="example2" class="table table-striped table-bordered">
<thead>
<tr>
<th>Origem</th>
<th>Evento</th>
<th>Email</th>
<th>CRM</th>
<th>UF</th>
<th>Celular</th>
<th>Optin</th>
<th>Especialidade</th>
<th>Data</th>
<th>Cad</th>
<th>Che</th>
</tr>
</thead>

<tbody id="ajaxtable">

{track_list_event}

</tbody>
<tr>
<th>Origem</th>
<th>Evento</th>
<th>Email</th>
<th>CRM</th>
<th>UF</th>
<th>Celular</th>
<th>Optin</th>
<th>Especialidade</th>
<th>Data</th>
<th>Cad</th>
<th>Che</th>
</tr>

</table>

</div>
</div>

</div>


</div>
</div>



</div>
</div>
</div>



</div>


</div>

</div>
</div>

</div>


</div>