<div id="mainTwo" v-cloak>
	<div class="animated fadeIn">
		<div class="col s12 card-panel white" style="margin-top: 75px;">
			<h4 id="MenuTitle">{{traducirFrase("Menus")}}</h4>

			<!--Tabla de registros-->
			<br>
			<table-dialvox
				:headers="headers"
				:data="registros"
				<?php if ($_SESSION["Grupo"] == GRUPO_ADMINS) {?>
					:options="options"
				<?php }?>
				:loading="loading"
				@delete="del($event)"
				@edit="edit($event)"
				@list="list($event)"
				@search="texto = $event"
			></table-dialvox>
			<br>

			<!--
				Componente de paginacion
			 -->
			<pagination-dialvox
				v-model="pagina"
				:count="cuenta"
			></pagination-dialvox>
			<br>

			<!--
				Boton para registro
			 -->
			<?php if ($_SESSION["Grupo"] == GRUPO_ADMINS) {?>
				<div class="center" id="botonCrear">
					<a class="waves-effect waves-light btn blue lighten-2 " href="#" @click.prevent="toggle('add')">{{traducirFrase("Nuevo Menú")}}</a>
				</div>
			<?php }?>

		</div>
	</div>
	<?php require_once "modals" . DIRECTORY_SEPARATOR . "list.php";?>
	<?php require_once "modals" . DIRECTORY_SEPARATOR . "add.php";?>
	<?php require_once "modals" . DIRECTORY_SEPARATOR . "edit.php";?>
	<?php require_once "modals" . DIRECTORY_SEPARATOR . "list_add.php";?>
	<?php require_once "modals" . DIRECTORY_SEPARATOR . "list_edit.php";?>
</div>
<!-- END MAIN -->
<!-- ================================================
    Scripts
    ================================================ -->
<?php require_once "script.php";?>