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

@section('modal-start')
    <form class="form-inline" ng-submit="vm.REGMOVDIARIO.gravar()">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	<span ng-if="!vm.REGMOVDIARIO.ALTERANDO">{{ Lang::get('pdv/_19000.titulo-exibir') }}</span>
	<span ng-if="vm.REGMOVDIARIO.INCLUINDO">{{ Lang::get('pdv/_19000.titulo-incluir') }}</span>
	<span ng-if="vm.REGMOVDIARIO.ALTERANDO == true && vm.REGMOVDIARIO.INCLUINDO == false">{{ Lang::get('pdv/_19000.titulo-alterar') }}</span>	
</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.REGMOVDIARIO.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.REGMOVDIARIO.ALTERANDO" ng-click="vm.REGMOVDIARIO.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
	</button>

	<!-- <button ng-if="!vm.REGMOVDIARIO.ALTERANDO" ng-click="vm.REGMOVDIARIO.gerarPDF()" type="button" class="btn btn-warning" data-hotkey="f3">
		<span class="glyphicon glyphicon-print"></span> Visualizar Impressão
	</button>    -->
<!--
	<div class="dropdown">
		<a class="btn btn-secondary dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
		  Relatórios
		</a>	  
		<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
		  <a class="dropdown-item" ng-click="vm.REGMOVDIARIO.gerarPDF();" 	   href="#">Relatório Geral</a>
		  <a class="dropdown-item" ng-click="vm.REGMOVDIARIOItens.gerarPDF();" href="#">Relatório Geral</a>
		   <a class="dropdown-item" ng-click="vm.REGMOVDIARIO.gerarPDF();" href="#">Something else here</a>>
		</div>
	</div>
-->
		
	<div ng-if="!vm.REGMOVDIARIO.ALTERANDO" class="btn-group">
		<button type="button" class="btn btn-warning dropdown-toggle" 
			data-hotkey="f3" data-toggle="dropdown" aria-haspopup="true" 
			aria-expanded="false">
			Relatórios <span class="caret"></span>
		</button>
		<ul class="dropdown-menu">
			<li ng-click="vm.REGMOVDIARIO.gerarPDF()">			  <a href="javascript:void(0);">Relatório Geral(A4)</a></li>
			<li ng-click="vm.REGMOVDIARIO.imprimirPapelTermico()"><a href="javascript:void(0);">Relatório Geral(Papel Térmico)</a></li>
			<!-- <li ng-click="vm.REGMOVDIARIOItens.gerarPDF();"><a href="javascript:void(0);">Relatório de Operações</a></li> -->
		</ul> 
	</div>
	
	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.REGMOVDIARIO.ALTERANDO && vm.REGMOVDIARIO.SELECTED.STATUS == 0" ng-click="vm.Executor('ABRIR',1)" type="button" class="btn btn-success" data-hotkey="f7">
        <span class="glyphicon glyphicon-play"></span> Realizar Abertura
    </button>   
	
	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0 || vm.REGMOVDIARIO.SELECTED.BLOQUEAR_FECHAMENTO == true" ng-if="!vm.REGMOVDIARIO.ALTERANDO && vm.REGMOVDIARIO.SELECTED.STATUS == 1" 
		ng-click="vm.Executor('FECHAR',1)" type="button" class="btn btn-danger" data-hotkey="f8">
        <span class="glyphicon glyphicon-stop"></span> Fechar Movimentação
	</button>   	

	<!-- <button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.REGMOVDIARIO.ALTERANDO && vm.REGMOVDIARIO.SELECTED.STATUS == 1" ng-click="vm.Executor('CANCELAR_ABERTURA',1)" type="button" class="btn btn-danger" data-hotkey="f9">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar Abertura
    </button>    -->
	
	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.REGMOVDIARIO.ALTERANDO && vm.REGMOVDIARIO.SELECTED.STATUS == 2" ng-click="vm.Executor('CANCELAR_FECHAMENTO',1)" type="button" class="btn btn-danger" data-hotkey="f9">
        <span class="glyphicon glyphicon-ban-circle"></span> Desfazer Fechamento
	</button>   	
	
	@php /*		
		<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.REGMOVDIARIO.ALTERANDO" ng-click="vm.REGMOVDIARIO.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"  ng-if="!vm.REGMOVDIARIO.ALTERANDO" ng-click="vm.REGMOVDIARIO.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
			<span class="glyphicon glyphicon-trash"></span> Excluir
		</button>
	@php */
	<button ng-if="!vm.REGMOVDIARIO.ALTERANDO" data-consulta-historico data-tabela="TBPDV_MOVIMENTO" data-tabela-id="@{{ vm.REGMOVDIARIO.SELECTED.ID }}" type="button" class="btn gerar-historico" data-hotkey="alt+h">
        <span class="glyphicon glyphicon-time"></span> {{ Lang::get('master.historico') }}
	</button>
	
	<button ng-if="!vm.REGMOVDIARIO.ALTERANDO" data-consulta-arquivos data-tabela="TBPDV_MOVIMENTO" data-tabela-id="@{{ vm.REGMOVDIARIO.SELECTED.ID }}" type="button" class="btn  btn-info" data-hotkey="alt+a">
        <span class="glyphicon glyphicon-file"></span> {{ Lang::get('master.arquivos') }}
    </button>
	
	<button ng-if="!vm.REGMOVDIARIO.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.REGMOVDIARIO.fecharModal()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">
	
    <div class="row">
	
		<div class="form-group">
            <label>ID:</label>
            <input 
                type="text"
                class="form-control input-menor"
				ng-model="vm.REGMOVDIARIO.SELECTED.FID"
                readonly="readonly">
        </div>
		
		<div style="display: -webkit-inline-box;" class="consulta-estab"></div>		
		<div style="display: -webkit-inline-box;" class="consulta-pdv"></div>

		<div class="form-group" ng-if="vm.REGMOVDIARIO.INCLUINDO == true">
			<label>Período:</label>
			<div class="form-group"
				 style="display: flex; margin: 0;
						min-width: fit-content;
						max-width: fit-content;">
				<input 
					type="date"
					style="width: 155px;"
					class="form-control data_ini"
					ng-atalho
					ng-model="vm.REGMOVDIARIO.SELECTED.DATA_STR_JS">
				<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px; font-weight: bold;"> à </label>
				<input 
					type="date"
					style="width: 155px;"
					class="form-control data_fim"
					ng-atalho
					ng-model="vm.REGMOVDIARIO.SELECTED.DATA_END_JS">
			</div>
		</div>

		<div class="form-group" ng-if="vm.REGMOVDIARIO.INCLUINDO == false">
			<label>Data:</label>
			<input 
				type="datetime-local" class="form-control" 
				ng-model="vm.REGMOVDIARIO.SELECTED.DATA_JS"
				ng-readonly="true">
		</div>
		
@php/*
		<div class="form-group" ng-if="vm.REGMOVDIARIO.INCLUINDO == false">
			<label>Data/Hora Inclusão:</label>
			<input 
				type="datetime-local" class="form-control" 
				ng-model="vm.REGMOVDIARIO.SELECTED.DATA_JS"
				ng-readonly="true">
		</div>
@php*/
		<div class="form-group" style="display: flex;" ng-if="vm.REGMOVDIARIO.SELECTED.OPERADOR_ABERTURA > 0 || vm.REGMOVDIARIO.SELECTED.OPERADOR_FECHAMENTO > 0">
			<div class="form-group" style="display: grid; margin-top: 13px;" ng-if="vm.REGMOVDIARIO.SELECTED.OPERADOR_ABERTURA > 0">
				<label style="margin-left: 15px; z-index: 1; background-color: rgb(255, 255, 255); width: fit-content; padding-right: 5px; padding-left: 5px;"> Abertura </label>
				<div class="form-group" style="display: flex; width: fit-content; padding-left: 15px; padding-bottom: 15px; border-radius: 9px;
					border-width: 1px 1px 1px 1px; border-color: rgb(221, 221, 221); border-style: solid; margin-top: -9px;">
					<div class="form-group" style="display: grid;">
						<div class="form-group" style="display: flex;">												
							<div class="form-group">
								<label>Data/Hora:</label>
								<input 
									type="datetime-local"
									class="form-control" 
									ng-model="vm.REGMOVDIARIO.SELECTED.DATAHORA_ABERTURA_JS"
									ng-readonly="true">
							</div>
					
							<div class="form-group">
								<label>Operador:</label>
								<input 
									type="text"
									class="form-control"
									ng-model="vm.REGMOVDIARIO.SELECTED.DESC_OPERADOR_ABERTURA"
									ng-readonly="true">
							</div>
						</div>					
					</div>				
				</div>
			</div>

			<div class="form-group" style="display: grid; margin-top: 13px;" ng-if="vm.REGMOVDIARIO.SELECTED.OPERADOR_FECHAMENTO > 0">
				<label style="margin-left: 15px; z-index: 1; background-color: rgb(255, 255, 255); width: fit-content; padding-right: 5px; padding-left: 5px;"> Fechamento </label>
				<div class="form-group" style="display: flex; width: fit-content; padding-left: 15px; padding-bottom: 15px; border-radius: 9px;
					border-width: 1px 1px 1px 1px; border-color: rgb(221, 221, 221); border-style: solid; margin-top: -9px;">
					<div class="form-group" style="display: grid;">
						<div class="form-group" style="display: flex;">												
							<div class="form-group">
								<label>Data/Hora:</label>
								<input 
									type="datetime-local"
									class="form-control" 
									ng-model="vm.REGMOVDIARIO.SELECTED.DATAHORA_FECHAMENTO_JS"
									ng-readonly="true">
							</div>
					
							<div class="form-group">
								<label>Operador:</label>
								<input 
									type="text"
									class="form-control"
									ng-model="vm.REGMOVDIARIO.SELECTED.DESC_OPERADOR_FECHAMENTO"
									ng-readonly="true">
							</div>
						</div>					
					</div>				
				</div>
			</div>
		</div>
		
		<fieldset ng-show="vm.REGMOVDIARIO.INCLUINDO == false">
			<legend style="margin-bottom: 0px;">Caixas</legend>			
			<div class="tabela_caixa" id="tabela_caixa"></div>
		</fieldset>
	</div>
	
</div>
</form>

@overwrite