<!--<div class="col s6 offset-s3 valign-wrapper" id="barrita" style="">
	<div class="progress" >
		<div class="indeterminate"></div>
	</div>
</div>-->

<!-- //////////////////////////////////////////////////////////////////////////// -->
<!-- START CONTENT -->
<div id="mainTwo" v-cloak>
	<modal-dialvox small cancel="Cancelar" send="Descargar" v-model="modalReporte" @submit="descargarReporte">
		<?php

		include "modals"
			. DIRECTORY_SEPARATOR
			. "reporte.php";
		?>
	</modal-dialvox>
	<div class="barrita" style="position: absolute;right: 0%;left:0%;">
		<center><img src="<?= IMG_ADMIN; ?>spinner.gif"></center>
	</div>
	<div class="" style="margin-top: 60px;">
		<section id="content">
			<div class="container card-panel white">
				<div class="section">
					<table class="table striped highlight responsive-table">
						<thead>
							<tr>
								<th>{{i18n.gettext("Nombre")}}</th>
								<th>{{i18n.gettext("Usuarios")}}</th>
								<th>{{i18n.gettext("Agentes")}}</th>
								<th>{{i18n.gettext("Supervisores")}}</th>
								<th>{{i18n.gettext("Administradores")}}</th>
								<th>{{i18n.gettext("Campañas")}}</th>
								<th>{{i18n.gettext("Listas")}}</th>
								<!-- <th>{{i18n.gettext("Registros")}}</th> -->
								<th>{{i18n.gettext("Opciones")}}</th>
								<th>{{i18n.gettext("Activo")}}</th>
							</tr>
						</thead>
						<tbody>
							<tr v-for='cliente in databuffer.Registros'>
								<td>{{cliente.nombre}} </td>
								<td>{{cliente.usuarios}}</td>
								<td>{{cliente.agentes}}</td>
								<td>{{cliente.supervisor}}</td>
								<td>{{cliente.admins}}</td>
								<td>{{cliente.campanas}}</td>
								<td>{{cliente.listas}}</td>
								<!-- <td>{{cliente.leads}}</td> -->
								<td>
									<a class="tooltipped" v-bind:data-tooltip="translate('Editar cliente')" data-position="top" href='#' v-on:click='editar(cliente.nombre)'><i class='material-icons'>edit</i></a>
									<a class="tooltipped" v-bind:data-tooltip="translate('Reporte de cliente')" data-position="top" href='#' v-on:click='abrirModalReporte(cliente.nombre)'><i class='material-icons'>cloud_download</i></a>
									<a class="tooltipped" v-bind:data-tooltip="translate('Tomar posesion')" data-position="top" href='#' v-on:click='takePosseion(cliente.nombre,9)'><i class='material-icons'>remove_red_eye</i></a>
									<a class="tooltipped" v-bind:data-tooltip="translate('Asignar voces')" data-position="top" href='#' v-on:click='assoc(cliente.nombre)'><i class='material-icons'>keyboard_voice</i></a>
									<a class="tooltipped" :data-tooltip="translate('Configuración Omnicanalidad')" data-position="top" href='#' @click='omnicanalidad(cliente.nombre)'><i class='material-icons'>apps</i></a>
									<a class="tooltipped" :data-tooltip='translate(`Configuración "Otros"`)' data-position="top" href='#' @click='secciones(cliente.nombre)'><i class='material-icons'>folder_special</i></a>
									<a class="tooltipped" :data-tooltip='translate(`Subir logo`)' data-position="top" href='#' @click='abrirLogo(cliente.nombre)'><i class='material-icons'>image</i></a>
									<a class="tooltipped" :data-tooltip='translate(`Administrar tono`)' data-position="top" href='#' @click='abrirTono(cliente.nombre, cliente.tono)'><i class='material-icons'>audiotrack</i></a>
								</td>
								<td>
									<div class="switch">
										<label class="active" v-if="cliente.activo == 'N'">
											Off
											<input type="checkbox" v-on:click="activaCampana(cliente.nombre)">
											<span class="lever "></span>
											On
										</label>
										<label class="active" v-if="cliente.activo == 'Y'">
											Off
											<input type="checkbox" class="" v-on:click="activaCampana(cliente.nombre)" checked>
											<span class="lever  "></span>
											On
										</label>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<div class="center" id='botonCrear'>
					<a class="waves-effect waves-light btn blue lighten-2 " v-on:click="abreModal('')">{{i18n.gettext("Nuevo Cliente")}}</a>
				</div>
				<ul class="pagination center" id='paginacion'>

				</ul>
				<br><br>
				<br><br>

			</div>
			<!--end container-->
		</section>
	</div>
	<div id='formuModal' class='modal' style="width:40%" v-bind:style="classObject">
		<div class='modal-content'>
			<div class='row'>
				<h3 id='titulo'>{{i18n.gettext("Crear Clientes")}}</h3>
			</div>
			<div class='row'>
				<div class="col s4">
					<div class='input-field col s12'>
						<input required='required' type='text' id='nombre' class='validate' placeholder='' autocomplete="new-password">
						<label for='nombre' class='active'>
							{{i18n.gettext("Nombre")}}
						</label>
					</div>
					<div class='input-field col s12'>
						<input required='required' type='password' class='validate' id='password' maxlength='40' autocomplete="new-password">
						<label for='password' class='active'>
							{{i18n.gettext("Password del administrador")}}
						</label>
					</div>
					<div class='input-field col s12'>
						<input required='required' type='number' min='1' max='1000' step='1' class='validate' id='limite' autocomplete="new-password">
						<label for='limite' class='active'>
							{{i18n.gettext("Limite de usuarios")}}
						</label>
					</div>
					<?php if (NEED_WA) { ?>
						<div>
							<div class='input-field col s12'>
								<div class="switch">
									{{i18n.gettext("Acceso de WhatsApp")}}<br>
									<label class="active">
										Off
										<input type="checkbox" id='allow_wa'>
										<span class="lever "></span>
										On
									</label>
								</div>
							</div>
						</div>
					<?php } ?>
				</div>
				<div class="col s4">
					<div class='input-field col s12'>
						<div class="switch">
							{{i18n.gettext("Acceso a Chat")}}<br>
							<label class="active">
								Off
								<input type="checkbox" id='allowChat'>
								<span class="lever "></span>
								On
							</label>
						</div>
					</div>
					<div class='input-field col s12'>
						<div class="switch">
							{{i18n.gettext("Acceso a Televox")}}<br>
							<label class="active">
								Off
								<input type="checkbox" id='allowTelevox'>
								<span class="lever "></span>
								On
							</label>
						</div>
					</div>
					<div class='input-field col s12'>
						<div class="switch">
							{{i18n.gettext("Acceso a listas negras Globales")}}<br>
							<label class="active">
								Off
								<input type="checkbox" id='allowGlobalList'>
								<span class="lever "></span>
								On
							</label>
						</div>
					</div>
					<div class='input-field col s12'>
						<div class="switch">
							{{i18n.gettext("ACD")}}<br>
							<label class="active">
								Off
								<input type="checkbox" id='allowACD'>
								<span class="lever "></span>
								On
							</label>
						</div>
					</div>
					<div class='input-field col s12'>
						<div class="switch">
							{{i18n.gettext("Reporte entrante")}}<br>
							<label class="active">
								Off
								<input type="checkbox" id='allowInboundsReports'>
								<span class="lever "></span>
								On
							</label>
						</div>
					</div>
				</div>
				<div class="col s4">
					<div class='input-field col s12'>
						<div class="switch">
							{{i18n.gettext("Acceso a Encuestas")}}<br>
							<label class="active">
								Off
								<input v-model="switchesPoll" type="checkbox" id='allowEncuestas'>
								<span class="lever "></span>
								On
							</label>
						</div>
					</div>
					<div :disabled="switchesPoll" class='input-field col s12'>
						<div class="switch" id="filesDiv">
							{{i18n.gettext("Archivos")}}<br>
							<label class="active">
								Off
								<input type="checkbox" id='allowFiles'>
								<span class="lever "></span>
								On
							</label>
							<label for="filesDiv">&nbsp;&nbsp;&nbsp;Sobre las encuestas</label>
						</div>
					</div>
					<div :disabled="switchesPoll" class='input-field col s12'>
						<div class="switch" id="filesDiv">
							{{i18n.gettext("TTS")}}<br>
							<label class="active">
								Off
								<input type="checkbox" id='allowTTS'>
								<span class="lever "></span>
								On
							</label>
							<label for="filesDiv">&nbsp;&nbsp;&nbsp;Sobre las encuestas</label>
						</div>
					</div>
				</div>
			</div>
			<div class='row'>
				<div class="col s12 ">
					<center>
						<?php if (NEED_WA) { ?>
							<button v-on:click="abreWA()" class=" btn waves-effect waves-light modal-trigger" abre type='button'>Configurar cliente de Whatsapp
								<i class="material-icons right">settings_phone</i>
							</button> <br> <br>
						<?php } ?>
						<button class="modal-close btn waves-effect waves-light" type='button' id='CancelarCampa'>{{i18n.gettext("Cancelar")}}
							<i class="material-icons right">cancel</i>
						</button>
						<button class=" btn waves-effect waves-light" onclick="creaNuevo()" id='CrearCampa' type='button'>{{i18n.gettext("Crear")}}
							<i class="material-icons right">send</i>
						</button>
					</center>
				</div>
			</div>
		</div>
	</div>
	<div id="modalConfiguracionWa" class="modal">
		<div class="modal-content">
			<h5>Configuración de cliente para Whatsapp</h5>
			<div class="row">
				<div class="col s4 input-field">
					<div class="row">
						<div class="col s12">
							<label>Usuario</label>
							<input id='UsuarioWA' placeholder='Usuario' class="form-control active"><br>
						</div>
						<div class="col s12">
							<label class="active" for="passwordWA">Password</label>
							<input type="password" class=" form-control active" id="passwordWA" />
						</div>
						<div clas="col s12">
							<label>ObjectId de WhatsApp</label>
							<input id="ObjectIdWA" class="form-control active">
						</div>
					</div>
				</div>

			</div>
			<div class="modal-footer">
				<center>
					<button class="modal-close btn waves-effect waves-light" type='button'>Cancelar
						<i class="material-icons right">cancel</i>
					</button>
					<button class="modal-close btn waves-effect waves-light" type='button'>Aceptar
						<i class="material-icons right">send</i>
					</button>
				</center>
			</div>
		</div>

	</div>

</div>
<?php require_once "modals" . DIRECTORY_SEPARATOR . "assoc.php"; ?>
<?php require_once "modals" . DIRECTORY_SEPARATOR . "omnicanalidad.php"; ?>
<?php require_once "modals" . DIRECTORY_SEPARATOR . "secciones.php"; ?>
<?php require_once "modals" . DIRECTORY_SEPARATOR . "logo.php"; ?>
<?php require_once "modals" . DIRECTORY_SEPARATOR . "tono.php"; ?>
</div>

<!-- END CONTENT -->
<!-- //////////////////////////////////////////////////////////////////////////// -->



<!-- END MAIN -->
<!-- //////////////////////////////////////////////////////////////////////////// -->
<!-- START FOOTER -->
<footer class="page-footer black" style="position:fixed;bottom:0;left:0;width:100%;">
	<footer class="black">
		<div class="footer-copyright  black">
			<div class="container">
				<span>Copyright ©
					<script type="text/javascript">
						document.write(new Date().getFullYear());
					</script> <a class="grey-text text-lighten-4" href="http://sisvox.mx" target="_blank">Sisvox</a>
					{{traducirFrase("Todos los derechos reservados")}}
				</span>
				<span class="right hide-on-small-only">{{traducirFrase("Desarrollado por")}} <a class="grey-text text-lighten-4" href="https://sisvox.mx">Sisvox</a></span>
			</div>
		</div>
	</footer>
</footer>

<!-- 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 -->
<script type="text/javascript" src="<?= JS_ADMIN; ?>maps.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-->

<!--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; ?>raphael.js"></script>
<script src="<?= JS_ADMIN; ?>justgage.js"></script>
<script src="<?= JS_ADMIN; ?>datepicker.js"></script>
<script src="<?= JS_ADMIN; ?>i18n/datepicker.es.js"></script>
<script src="<?= LIB_JS; ?>sweetalert2.js" type="text/javascript"></script>
<script src="<?= JS_ADMIN; ?>datepicker.js"></script>
<script src="<?= JS_ADMIN; ?>i18n/datepicker.es.js"></script>

<?php

include UTILS_PATH
	. "components"
	. DIRECTORY_SEPARATOR
	. "modal.component.php";
?>
<?php require_once "script.php"; ?>

</body>

<script>
	$(document).ready(function() {
		var today = new Date();
		var dd = today.getDate();
		var mm = today.getMonth() + 1; //January is 0!
		var yyyy = today.getFullYear();
		if (dd < 10) {
			dd = '0' + dd;
		}
		if (mm < 10) {
			mm = '0' + mm;
		}
		var today = yyyy + '-' + mm + '-' + dd;
		$('#fechaReporteCliente').val(today + " - " + today);

	});
</script>

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