<div id="mainTwo" v-cloak>
	<div class="animated fadeIn">
		<div class="col s12 card-panel white">
			<h4 id="ContextosTitle">{{traducirFrase("Horarios de llamada")}}</h4>

			<!--Tabla de registros-->
			<br>
			<table-dialvox :headers="headers" :hsearch="true" :data="registros" <?php if ($_SESSION["Grupo"] == GRUPO_ADMINS) {?> :options="options" :loading="loading" <?php }?> @delete="del($event)" @edit="edit($event)" @holidays="hdays($event)" @search="texto = $event"></table-dialvox>
			<br>
			<pagination-dialvox v-model="pagina" :count="cuenta"></pagination-dialvox>
			<br>
			<?php if ($_SESSION["Grupo"] == GRUPO_ADMINS) {?>
				<div class="center" id="botonCrear">
					<a class="waves-effect waves-light btn blue lighten-2 " href="#" @click.prevent="vaciarModal()">{{traducirFrase("Nuevo horario de llamada")}}</a>
				</div>
			<?php }?>

			<ul class="pagination center" id='paginacion'>

			</ul>
		</div>
	</div>
	<?php require_once "modals" . DIRECTORY_SEPARATOR . "add.php";?>
	<?php require_once "modals" . DIRECTORY_SEPARATOR . "edit.php";?>
	<?php require_once "modals" . DIRECTORY_SEPARATOR . "holidays.php";?>
	<?php require_once "modals" . DIRECTORY_SEPARATOR . "addOld.php";?>
	<?php require_once "modals" . DIRECTORY_SEPARATOR . "editOld.php";?>
</div>
<!-- END MAIN -->
<!-- ================================================
    Scripts
    ================================================ -->
<?php require_once "script.php";?>