<!-- END HEADER -->
<!-- //////////////////////////////////////////////////////////////////////////// -->
<!-- START MAIN -->

<?php
$phone_login = $_SESSION["Usuario"];
$phone_pass = $_SESSION["Password"];
$url = "https://" . SERVER_IP . "/" . DIRECTORIO_AGC . "/PBXWebPhone/test.php?phone_login=$phone_login&phone_pass=$phone_pass&server_ip=" . SERVER_IP_REAL . "&websocket_url=" . $webSocketURL . "&test_form=true";
?>
<div id="mainOne" v-cloak>

	<!-- START WRAPPER -->
	<div class="wrapper">

		<div class="row" style="margin-top: 75px;"> 
			<div class="col s12">
				<ul class="tabs">
					<li class="tab col s3"><a @click="tabsClicker(0)" class="active" onclick="$('.fab-graphics').removeClass('scale-out')" href="#test1">{{traducirFrase("Reporte en tiempo real")}}</a></li>
					<li class="tab col s3"><a @click="tabsClicker(1)" href="#test2" onclick="$('.fab-graphics').addClass('scale-out')">{{traducirFrase("Gamificacion")}}</a></li>
				</ul>
			</div>
			<div id="test1" class="col s12">
				<?php include "reporte.php";?>
			</div>
			<div id="test2" class="col s12">
				<?php include "gamificacion.php";?>
			</div>
		</div>

	</div>
	<div class="fixed-action-btn">
		<a class="waves-effect waves-light btn-floating btn-large blue scale-transition fab-graphics" onclick="myFunction()">
			<i class="large material-icons ">insert_chart</i>
		</a>
		<a v-if="enIntrusion" class="waves-effect waves-light btn-floating btn-large red scale-transition fab-graphics" v-on:click="finalizaIntrusion()">
			<i class="large material-icons ">close</i>
		</a>
	</div>
	<!-- END WRAPPER -->

</div>
<iframe id="my_iframe" width="0" height="0"></iframe>

<!-- END FOOTER -->
<!-- ================================================
    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>
<!-- sparkline -->
<script type="text/javascript" src="<?=VENDORS_ADMIN;?>sparkline/jquery.sparkline.min.js"></script>
<!-- google map api -->

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

<!--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 type="text/javascript" src="<?=JS_ADMIN;?>custom-script.js"></script>-->
<script src="<?=JS_ADMIN;?>vue.js"></script>
<script src="<?=JS_ADMIN;?>Chart.min.js"></script>
<script src="<?=JS_ADMIN;?>gauge.min.js"></script>
<script src="<?=JS_ADMIN;?>datepicker.js"></script>
<script src="<?=JS_ADMIN;?>i18n/datepicker.es.js"></script>
<script src="<?=JS_ADMIN;?>i18n/datepicker.en.js"></script>
<script src="<?=JS_ADMIN;?>raphael.js"></script>
<script src="<?=JS_ADMIN;?>justgage.js"></script>

<?php include "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>
