<kt-portlet>
	<kt-portlet-header [title]="titulo" [class]="'kt-portlet__head--lg'">
		<div ktPortletTools class="mr-3">
			<button (click)="filters()" mat-raised-button class="btn btn-primary" matTooltip="Ajustar filtros" *ngxPermissionsOnly="'administrador.usuarios.store'">
				<i class="fas fa-filter"></i>
				<span class="kt-hidden-mobile ml-2">Filtros</span>
			</button>
		</div>

		<div ktPortletTools class="mr-3">
			<button (click)="getInformation(true)" mat-raised-button class="btn btn-primary" matTooltip="Exportar a archivo excel" *ngxPermissionsOnly="'administrador.usuarios.store'" [disabled]="!canExport">
				<i class="fas fa-file-pdf"></i>
				<span class="kt-hidden-mobile ml-2">Exportar</span>
			</button>
		</div>

		<div ktPortletTools class="mr-1">
			<button (click)="getInformation()" mat-raised-button class="btn btn-primary" matTooltip="Consultar información" *ngxPermissionsOnly="'administrador.usuarios.store'" [disabled]="showMessageSetFilters">
				<i class="fa fa-search"></i>
				<span class="kt-hidden-mobile ml-2">Consultar</span>
			</button>
		</div>
	</kt-portlet-header>

	<kt-portlet-body hidden></kt-portlet-body>
</kt-portlet>

<div [hidden]="showMessageSetFilters">
	<div class="col-md-12 card">
		<div id="rpt_encuesta_general_domesticos"></div>
	</div>
	<div class="col-md-12 card">
		<div id="rpt_encuesta_general_empresariales"></div>
	</div>
</div>

<div class="container" *ngIf="isLoading || showMessageSetFilters">
	<mat-spinner [diameter]="50" *ngIf="isLoading"></mat-spinner>
	<span class="spinner-text" *ngIf="isLoading">Espere un momento...</span>
	<span class="spinner-text" *ngIf="showMessageSetFilters">No es posible mostrar información sin seleccionar filtros.</span>
</div>
