@extends('helper.include.view.modal', ['id' => 'modal-CADDECOLAB_DEMONSTRATIVOS_PAG', 'class_size' => 'modal-big'])

@section('modal-header-left')

<h4 class="modal-title">
	<!-- @{{vm.#OBJ#.SELECTED.DESCRICAO}} -->
	<span>{{ $descricaoMenu->DESCRICAO_RESUMIDA }} - Demonstrativos de Pagamento</span>
</h4>

@overwrite

@section('modal-header-right')

	<!-- <button ng-if="vm.CADDECOLAB_DEMONSTRATIVOS_PAG.ALTERANDO && vm.CADDECOLAB_DEMONSTRATIVOS_PAG.TIPO_ADD < 3" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="(vm.CADDECOLAB_DEMONSTRATIVOS_PAG.ALTERANDO && vm.CADDECOLAB_DEMONSTRATIVOS_PAG.TIPO_ADD == 3) || vm.CADDECOLAB_DEMONSTRATIVOS_PAG.EXCLUINDO_MULTIPLOS == false" type="submit" class="btn btn-primary" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Confirmar
    </button>
	
	<button ng-if="vm.CADDECOLAB_DEMONSTRATIVOS_PAG.ALTERANDO || vm.CADDECOLAB_DEMONSTRATIVOS_PAG.EXCLUINDO_MULTIPLOS == true" ng-click="vm.CADDECOLAB_DEMONSTRATIVOS_PAG.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>
	
	<button ng-disabled="!{{ userMenu($menu)->INCLUIR }}" ng-if="!vm.CADDECOLAB_DEMONSTRATIVOS_PAG.ALTERANDO && !vm.CADDECOLAB_DEMONSTRATIVOS_PAG.EXCLUINDO_MULTIPLOS" ng-click="vm.CADDECOLAB_DEMONSTRATIVOS_PAG.incluirNovo()" type="button" class="btn btn-primary" data-hotkey="f7">
        <span class="glyphicon glyphicon-plus"></span> Incluir Novo Registro
    </button>  -->
	
	<!-- <button ng-disabled="!{{ userMenu($menu)->INCLUIR }}" ng-if="!vm.CADDECOLAB_DEMONSTRATIVOS_PAG.ALTERANDO && !vm.CADDECOLAB_DEMONSTRATIVOS_PAG.EXCLUINDO_MULTIPLOS" ng-click="vm.CADDECOLAB_DEMONSTRATIVOS_PAG.copiar()" type="button" class="btn btn-primary" data-hotkey="f8">
        <span class="fa fa-files-o"></span> Copiar Registro
    </button>   

	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0 || (vm.CADDECOLAB_DEMONSTRATIVOS_PAG.TIPO_ADD == 2 && vm.#OBJ#.ALTERANDO == false)" ng-if="!vm.CADDECOLAB_DEMONSTRATIVOS_PAG.ALTERANDO && !vm.CADDECOLAB_DEMONSTRATIVOS_PAG.EXCLUINDO_MULTIPLOS" ng-click="vm.CADDECOLAB_DEMONSTRATIVOS_PAG.alterar()" type="button" class="btn btn-primary" data-hotkey="f9">
        <span class="glyphicon glyphicon-edit"></span> Alterar
    </button>   
	
	<button ng-disabled="{{ userMenu($menu)->EXCLUIR }} == 0 || (vm.CADDECOLAB_DEMONSTRATIVOS_PAG.TIPO_ADD == 2 && vm.#OBJ#.ALTERANDO == false)" ng-if="!vm.CADDECOLAB_DEMONSTRATIVOS_PAG.ALTERANDO && !vm.CADDECOLAB_DEMONSTRATIVOS_PAG.EXCLUINDO_MULTIPLOS" ng-click="vm.CADDECOLAB_DEMONSTRATIVOS_PAG.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button> -->

	<button
		ng-if="vm.CADDECOLAB_DEMONSTRATIVOS_PAG.EXCLUINDO_DEM_PAG"
		type="button"
		ng-click="vm.CADDECOLAB_DEMONSTRATIVOS_PAG.confirmarExcluirDemonstrativosPag()"
		ng-disabled="!vm.CADDECOLAB_DEMONSTRATIVOS_PAG.ITENS_EXC_DEM_PAG.length"
		class="btn btn-primary"
		data-hotkey="f1">
		<span class="glyphicon glyphicon-ok"></span> Confirmar
	</button>

	<button
		ng-if="vm.CADDECOLAB_DEMONSTRATIVOS_PAG.EXCLUINDO_DEM_PAG"
		type="button"
		ng-click="vm.CADDECOLAB_DEMONSTRATIVOS_PAG.cancelarExcluirDemonstrativosPag()"
		class="btn btn-danger"
		data-hotkey="esc">
		<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
	</button>

	<button
		ng-if="!vm.CADDECOLAB_DEMONSTRATIVOS_PAG.EXCLUINDO_DEM_PAG" 
		type="button"
		ng-click="vm.CADDECOLAB_DEMONSTRATIVOS_PAG.excluirDemonstrativosPag()"
		ng-disabled="!vm.CADDECOLAB_DEMONSTRATIVOS_PAG.DADOS.length"
		class="btn btn-danger"
		data-hotkey="f2">
		<span class="glyphicon glyphicon-trash"></span> Excluir Arquivos
	</button>

	<button 
		ng-if="!vm.CADDECOLAB_DEMONSTRATIVOS_PAG.EXCLUINDO_DEM_PAG" 
		type="button" 
		ng-click="vm.CADDECOLAB_DEMONSTRATIVOS_PAG.importarDemonstrativosPag()" 
		class="btn btn-warning" 
		data-hotkey="f1">
        <span class="glyphicon glyphicon-import"></span> Importar Arquivos
    </button>
	
	<button 
		ng-if="!vm.CADDECOLAB_DEMONSTRATIVOS_PAG.EXCLUINDO_DEM_PAG" 
		type="button" 
		ng-click="vm.CADDECOLAB_DEMONSTRATIVOS_PAG.fecharModalDemPag()" 
		class="btn btn-default btn-fechar-modal btn-voltar" 
		data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-header-end')

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">

	<div class="filtro_dem_pag">

		<div class="form-group">
			<label>Ano:</label>
			<input 
				type="text" 
				class="datepicker form-control input-menor required-field"
				id="dp-ano-dem-pag" 
				readonly
				placeholder="mm/aaaa">
		</div>

		<div class="form-group">
			<div style="display: -webkit-inline-box;" class="consulta-filtro-estab-dem-pag"></div>
		</div>

		<div class="form-group">
			<div style="display: -webkit-inline-box;" class="consulta-filtro-ccusto-dem-pag"></div>
		</div>

		<div class="form-group" style="width: calc(100% - 100px); min-width: 200px; max-width: 700px;">
			<input type="text" style="width: 100% !important; min-width: 170px;"
				placeholder="Filtragem por Matrícula ou Nome do Colaborador"
				class="form-control input-maior filter_main_dp" 
				ng-model="vm.CADDECOLAB_DEMONSTRATIVOS_PAG.FILTRO_DADOS"
				ng-keypress="$event.keyCode == 13 && vm.CADDECOLAB_DEMONSTRATIVOS_PAG.consultar(1)">
		</div>
		
		<div class="form-group" style="width: fit-content; padding-right: 10px;">
			<button type="button" ng-click="vm.CADDECOLAB_DEMONSTRATIVOS_PAG.consultar(1)" class="btn btn-primary btn-filtrar"
				data-hotkey="alt+f" id="btn-table-filter-dp">
				<span class="glyphicon glyphicon-filter"></span> Filtrar
			</button>
		</div>	

	</div>

	<div class="tabela_demonstrativos_pag" id="tabela_demonstrativos_pag"></div> 
	
</div>

@overwrite