<!-- END LEFT SIDEBAR NAV-->
<!-- //////////////////////////////////////////////////////////////////////////// -->
<!-- START CONTENT -->



<section id="content" style="margin-top:0px;">
<script src="<?=LIB_JS;?>highcharts/stock/highstock.js"></script>
    <script src="<?=LIB_JS;?>highcharts/stock/modules/data.js"></script>
    <script src="<?=LIB_JS;?>highcharts/stock/modules/exporting.js"></script>
    <script src="<?=LIB_JS;?>highcharts/stock/modules/export-data.js"></script>
	<!--start container-->
	<div class="container">
		<!--card stats start-->
		<div id="card-stats">
			<div class="row" style="margin-top: 60px;">
				<div class="col s12 m6 l2">
					<div class="card">
						<div class="card-content white lighten-2">
							<p class="card-stats-title">
								<i class="material-icons">person_outline</i>{{traducirFrase("Agentes Logueados")}}</p>
							<h4 class="card-stats-number" id="agentes_logueados">0</h4>
						</div>
						<div class="card-action grey lighten-3">
							<div id="clients-bar" class="center-align"></div>
						</div>
					</div>
				</div>
				<div class="col s12 m6 l2">
					<div class="card">
						<div class="card-content white lighten-2  ">
							<p class="card-stats-title">
								<i class="material-icons">attach_money</i>{{traducirFrase("Agentes en llamada")}}</p>
							<h4 class="card-stats-number" id="agentes_en_llamada">0</h4>
						</div>
						<div class="card-action grey lighten-3">
							<div id="sales-compositebar" class="center-align"></div>
						</div>
					</div>
				</div>
				<div class="col s12 m6 l2">
					<div class="card">
						<div class="card-content white lighten-2  ">
							<p class="card-stats-title">
								<i class="material-icons">content_copy</i>{{traducirFrase("Llamadas sonando")}}</p>
							<h4 class="card-stats-number" id="llamadas_sonando">0</h4>
						</div>
						<div class="card-action  grey lighten-3">
							<div id="invoice-line" class="center-align"></div>
						</div>
					</div>
				</div>
				<div class="col s12 m6 l2">
					<div class="card">
						<div class="card-content white lighten-2  ">
							<p class="card-stats-title">
								<i class="material-icons">call_made</i>{{traducirFrase("Llamadas salientes")}}
							</p>
							<h4 class="card-stats-number" id="llamadas_salientes">0</h4>
						</div>
						<div class="card-action  grey lighten-3">
							<div id="outbound-line" class="center-align"></div>
						</div>
					</div>
				</div>
				<div class="col s12 m6 l2">
					<div class="card">
						<div class="card-content white lighten-2  ">
							<p class="card-stats-title">
								<i class="material-icons">call_received</i>{{traducirFrase("Llamadas entrantes")}}</p>
							<h4 class="card-stats-number" id="llamadas_entrantes">0</h4>
						</div>
						<div class="card-action  grey lighten-3">
							<div id="inbound-line" class="center-align"></div>
						</div>
					</div>
				</div>
				<div class="col s12 m6 l2">
					<div class="card">
						<div class="card-content white lighten-2 ">
							<p class="card-stats-title">
								<i class="material-icons">trending_up</i>{{traducirFrase("Llamadas activas")}}</p>
							<h4 class="card-stats-number" id="llamadas_activas">0</h4>
						</div>
						<div class="card-action grey lighten-3">
							<div id="profit-tristate" class="center-align"></div>
						</div>
					</div>
				</div>
				<div class="col s12 m6 l12" id="mainHome">
					<div class="col s12 black-text z-index-3" style="padding-top:10px;">
						<div class="row">
							<ul class="tabs">
								<li class="tab col s6">
									<a class="active black-text text-darken-4" v-on:click="change('agente')" onClick="cualEstaActivo=1;cargaGraficasCuadritos()" href="#test1">{{i18n.gettext("Agentes")}}</a>
								</li>
								<li class="tab col s6">
									<a class="black-text text-darken-4" v-on:click="change('campanas')" onClick="cualEstaActivo=2;cargaGraficasCuadritos()" href="#test2">{{i18n.gettext("Campañas")}}</a>
								</li>
								<div class="indicator blue darken-1" style="z-index:1"></div>

							</ul>
						</div>
						<div class="row white">
							<div v-show="iam=='agente'" class="col s12">
								<select class="browser-default" id="campanaAgentes" onChange="limpiaAgentes();refrescaBloqueAgentes();">
								</select>
							</div>
							<div v-show="iam=='campanas'" class="col s12">
								<div class="row">
									<div class="col s6">
										<label for="campanaCampanas" class="active">{{i18n.gettext("Campaña")}}</label>
										<select class="browser-default" id="campanaCampanas" onChange="dat=[];cargarListas();historico=[];histo2=[];refrescaBloqueCampanas(true);consultaCampa(1);"></select>
									</div>
									<div class="col s6">
									<label for="listaCampanas" class="active">{{i18n.gettext("Lista")}}</label>
										<select class="browser-default" id="listaCampanas" onChange="dat=[];historico=[];histo2=[];refrescaBloqueCampanas(true);refrescaBloqueCampanas(true)"></select>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--card stats end-->
			<!--chart dashboard start-->
			<div class="row">
				<div id="test1" class="col s12">
					<div id="chart-dashboard">
						<div class="row">
							<div class="col s12 m6 l12">
								<div class="card-panel white hoverable">
									<div class="barrita" style="position: absolute;left: 0;right: 0; margin-top:15px;">
										<center><img src="<?=IMG_ADMIN;?>spinner.gif"></center>
									</div>
									<div id="lineCanvasEsp" style="height: 500px;"></div>
								</div>
							</div>
							<div class="col s12 m6 l12" style="display:none;">
								<div class="card-panel white hoverable">
									<div class="barrita" style="position: absolute;left: 0;right: 0; margin-top:15px;">
										<center><img src="<?=IMG_ADMIN;?>spinner.gif"></center>
									</div>
									<canvas id="lineCanvas" style="height: 250px;"></canvas>
								</div>
							</div>
							<div class="col s12 m6 l4">
								<div class="card-panel white hoverable">
									<div class="barrita" style="position: absolute;left:10%; margin-top:5px;">
										<center><img src="<?=IMG_ADMIN;?>spinner.gif"></center>
									</div>
									<canvas id="radarCanvas"></canvas>
								</div>
							</div>
							<div class="col s12 m6 l4">
								<div class="card-panel white hoverable">
									<div class="barrita" style="position: absolute;left: 0;right: 0; margin-top:5px;">
										<center><img src="<?=IMG_ADMIN;?>spinner.gif"></center>
									</div>
									<canvas id="pieCanvas"></canvas>
								</div>
							</div>
							<div class="col s12 m6 l4">
								<div class="card-panel white hoverable">
									<div class="barrita" style="position: absolute;right: 10%; margin-top:5px;">
										<center><img src="<?=IMG_ADMIN;?>spinner.gif"></center>
									</div>
									<canvas id="barCanvas"></canvas>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div id="test2" class="col s12">
					<div class="row">
						<div class="col s12">
							<div class="card">
								<div class="card-content">
									<p class="left-align">
										<label for='archived'>
											<input type="checkbox" id="archived" onChange="dat=[];cargarListas();historico=[];histo2=[];refrescaBloqueCampanas(true);consultaCampa(1);"/>
											<span>{{traducirFrase("Registros antiguos")}}</span>
										</label>
									</p>
									<p class="red-text text-darken-1 left-align">
										{{traducirFrase("Activar esta opcion no es recomendable y generara una gran lentitud en el sistema. Es recomendable activarla cuando no haya agentes")}}
									</p>
								</div>
							</div>
						</div>
					</div>
					<div id="chart-dashboard">

						<div class="row">
							<div class="col s12 m6 l12">
								<div class="card-panel white hoverable">
									<div class="barritaW" style="position: absolute;left: 0;right: 0;display:none;">
										<center><img src="<?=IMG_ADMIN;?>spinner.gif"></center>
									</div>
									<div class="switch">
										<label>
										{{traducirFrase("Sin relleno")}}
										<input type="checkbox" id="rellenaGraph" onchange="cambiaRelleno();">
										<span class="lever"></span>
										{{traducirFrase("Con relleno")}}
										</label>
									</div>
									<div id="lineCanvasEsp2" style="height:700px"></div>
								</div>
							</div>
							<div class="col s12" style="display:none;">
								<div class="card-panel white hoverable" style="height: 340px;">
									<div class="barrita" style="position: absolute;left: 0;right: 0; margin-top:15px;">
										<center><img src="<?=IMG_ADMIN;?>spinner.gif"></center>
									</div>
									<canvas id="lineCanvas1"></canvas>
								</div>
							</div>
							<div class="row">

								<div class="col s6 ">

									<div class="card-panel white hoverable" style="height: 400px;">
										<div class="barrita" style="position: absolute;left: 17.5%; margin-top:15px;">
											<center><img src="<?=IMG_ADMIN;?>spinner.gif"></center>
										</div>
										<canvas id="radarCanvas1" ref="radarCanvas"></canvas>
									</div>
								</div>

								<div class="col s6 ">
									<div class="card-panel white hoverable" style="height: 400px;">
										<div class="barrita" style="position: absolute;right: 17.5%;margin-top:15px;">
											<center><img src="<?=IMG_ADMIN;?>spinner.gif"></center>
										</div>
										<canvas id="barCanvas1"></canvas>
									</div>
								</div>

								<div class="col s12 ">
									<div class="card-panel white hoverable" style="height: 340px;; margin-bottom:5%;">
										<div class="barrita" style="position: absolute;left: 0;right: 0; margin-top:15px;">
											<center><img src="<?=IMG_ADMIN;?>spinner.gif"></center>
										</div>
										<canvas id="pieCanvas1"></canvas>
									</div>
								</div>

							</div>

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

		</div>
	</div>
	<!--end container-->

	<!-- Chat -->


	<!-- Chat -->

</section>
<!-- END RIGHT SIDEBAR NAV-->
</div>
<!-- END WRAPPER -->
<!-- END MAIN -->
<!-- //////////////////////////////////////////////////////////////////////////// -->
<!-- START FOOTER -->
<?php require_once UTILS_PATH . 'footer.php';?>
<!-- END FOOTER -->
</div>

<!-- ================================================
    Scripts
    ================================================ -->
<!-- jQuery Library -->
<script type="text/javascript" src="<?=VENDORS_ADMIN;?>jquery-3.2.1.min.js"></script>
<!--materialize js-->
<script type="text/javascript" src="<?=JS_ADMIN;?>materialize.min.js"></script>
<!--scrollbar-->
<script type="text/javascript" src="<?=VENDORS_ADMIN;?>perfect-scrollbar/perfect-scrollbar.min.js"></script>
<!-- chartjs -->
<!--<script type="text/javascript" src="<?=VENDORS_ADMIN;?>chartjs/chart.min.js"></script>-->
<script src="<?=JS_ADMIN;?>Chart.min.js"></script>
<!-- sparkline -->
<script type="text/javascript" src="<?=VENDORS_ADMIN;?>sparkline/jquery.sparkline.min.js"></script>
<!--jvectormap-->
<script type="text/javascript" src="<?=VENDORS_ADMIN;?>jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script type="text/javascript" src="<?=VENDORS_ADMIN;?>jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<script type="text/javascript" src="<?=VENDORS_ADMIN;?>jvectormap/vectormap-script.js"></script>
<!--google map-->
<script type="text/javascript" src="<?=JS_ADMIN;?>scripts/google-map-script.js"></script>
<!--plugins.js - Some Specific JS codes for Plugin Settings-->
<script type="text/javascript" src="<?=JS_ADMIN;?>plugins.js"></script>
<!--card-advanced.js - Page specific JS-->
<script type="text/javascript" src="<?=JS_ADMIN;?>scripts/dashboard-analytics.js"></script>
<!--custom-script.js - Add your own theme custom JS-->
<script src="<?=JS_ADMIN;?>vue.js"></script>
<script type="text/javascript" src="<?=JS_ADMIN;?>custom-script.js"></script>
<?php include_once "script.php"; ?>

</body>

<!-- Mirrored from pixinvent.com/materialize-material-design-admin-template/html/horizontal-menu/ by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 07 Aug 2018 16:55:15 GMT -->

</html>
