@extends('master')

@section('titulo')
    {{ Lang::get('compras/_13060.titulo') }}
@endsection

@section('estilo')
    <link rel="stylesheet" href="{{ elixir('assets/css/13060.css') }}" />
@endsection

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak>
	<input type="hidden" value="{{controleSistema(218)}}" id="controleOrcamentarioPadrao">
	
	<ul class="list-inline acoes">    
		<li>
            <button type="button" class="btn btn-primary btn-incluir" 
                data-hotkey="f6" ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
                ng-click="vm.Compra.incluir()">
                <span class="glyphicon glyphicon-plus"></span> Incluir
            </button>
		</li>
		
	    <li>
			<button type="button" class="btn btn-default" 
				id="filtrar-toggle" data-toggle="collapse" 
				data-target="#filtro_main" aria-expanded="true" 
				aria-controls="filtro_main"
				ng-click="vm.Compra.tabela_height()">
				Filtro
				<span class="caret"></span>
			</button>
		</li>
		@php $oc = isset($_GET['OC']) ? $_GET['OC'] : 0
		@php $triggerImprimir = isset($_GET['FLAG']) ? $_GET['FLAG'] : 0
		<input type="hidden" class="_oc" value="{{$oc}}">                
		<input type="hidden" class="triggerImprimir" value="{{$triggerImprimir}}">                              
	</ul>  
        
    <style>
	
        .t-status.status-0:before {
            background-color: rgb(217, 83, 79);    
        }
        
        .t-status.status-1:before {
            background-color: rgb(68, 157, 68);            
        }
		
		.table-condensed > thead > tr > th,
		.table-condensed > thead > tr > td,
		.table-condensed > tbody > tr > th,
		.table-condensed > tbody > tr > td,
		.table-condensed > tfoot > tr > th,
		.table-condensed > tfoot > tr > td {
			padding: 5px !important;
		}
        
	</style>
	
	<form ng-submit="vm.Compra.consultar(1)" class="form-inline">		
		<div id="filtro_main" class="table-filter collapse in" aria-expanded="true" 
			style="margin-bottom: 4px; background: rgba(221,221,221,.33); padding: 2px 10px 7px; border-radius: 5px;">
		
			<div class="form-group" style="margin-right: 0px !important;">
				<div class="form-group" id="filtroTipoData" style="display:flex; width: calc(29%); min-width: fit-content; max-width: fit-content; margin-top: 16px;
					background-color: #e2e2e2; padding: 0px; border-radius: 6px; height: 35px; padding-right: 4px; border: 1px solid #cccccc;">
					<select class="form-control" ng-model="vm.Compra.TipoData" ng-disabled="vm.Compra.FLAG_DATA1" ng-change="vm.Compra.limparFiltragem();" id="selectFiltroData"
						style="margin-right: 0px; background-color: #e2e2e2; border-radius: 4px 0px 0px 4px; height: 35px; font-weight: 600;
							border-top: 0px; border-left: 0px; margin-top: -1px; margin-bottom: -1px; text-transform: capitalize;">
						<option style="font-weight: 600;" value="'1'" ng-value="'1'">Dt.Emissão</option>
						<option style="font-weight: 600;" value="'2'" ng-value="'2'">Dt.Prev.Saída</option>
						<option style="font-weight: 600;" value="'3'" ng-value="'3'">Dt.Prev.Entrega</option>
					</select>
					<input type="date" style="width: 130px; margin-left: 4px; margin-top: 4px;" class="form-control filter_main" id="dataFiltroInicio"
						ng-model="vm.Compra.DATA_INI" ng-atalho ng-readonly="vm.Compra.FLAG_DATA1" ng-change="vm.Compra.limparFiltragem();">
					<label style="padding-top: 8px; padding-right: 5px; padding-left: 5px;"> à </label>
					<input type="date" style="width: 130px; margin-top: 4px;" class="form-control filter_main" id="dataFiltroFim"
						ng-model="vm.Compra.DATA_FIM" ng-atalho ng-readonly="vm.Compra.FLAG_DATA1" ng-change="vm.Compra.limparFiltragem();">
				</div>		 
			</div>

			<!--<div class="form-group">
				<label>Data de Emissão:</label>
				<div class="form-group"
						style="display: flex; margin: 0; width: calc(28%);
							min-width: fit-content;
							max-width: fit-content;">
					<input 
						type="date"
						style="width: 130px;"
						class="form-control data-ini"
						ng-atalho
						ng-model="vm.Compra.DATA_INI"
						ng-disabled="vm.Compra.FLAG_DATA1"
						ng-change="vm.Compra.limparFiltragem();">
					<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px; font-weight: bold;"> à </label>
					<input 
						type="date"
						style="width: 130px;"
						class="form-control data-fim"
						ng-atalho
						ng-model="vm.Compra.DATA_FIM"
						ng-disabled="vm.Compra.FLAG_DATA1"
						ng-change="vm.Compra.limparFiltragem();">
				</div>
			</div>-->

			<!-- <div class="form-group filtro-periodo">
				<label>Data Emissão:</label>
				<input ng-Atalho type="date" ng-disabled="vm.Compra.FLAG_DATA1" ng-model="vm.Compra.DATA_INI" class="form-control data-ini"/>
				<label class="periodo-a"> {{ Lang::get('master.periodo-a') }} </label>
				<input ng-Atalho type="date" ng-disabled="vm.Compra.FLAG_DATA1" ng-model="vm.Compra.DATA_FIM" class="form-control data-fim"/>
				
				<div class="form-group" style="display: inline-flex;">
					<label style="opacity: 0; width: 0px;">Período:</label>
					<div style="display: flex; margin-top: -4px;">
						<input style="top: 0px;" type="checkbox" ng-model="vm.Compra.FLAG_DATA1" id="periodo-todos" class="form-control periodo-todos" checked />
						<label style="margin-left: 4px; margin-top: -7px;" for="periodo-todos" title="{{ Lang::get($menu.'.periodo-todos-title') }}"> Todos</label>
					</div>
				</div>
				
			</div> -->

			<!-- <div class="form-group">
				<label>Prev. Entrega:</label>
				<div class="form-group"
						style="display: flex; margin: 0; width: calc(28%);
							min-width: fit-content;
							max-width: fit-content;">
					<input 
						type="date"
						style="width: 130px;"
						class="form-control data-ini"
						ng-atalho
						ng-model="vm.Compra.DATA_INI2"
						ng-disabled="vm.Compra.FLAG_DATA2">
					<label style="padding-top: 5px; padding-right: 5px; padding-left: 5px; font-weight: bold;"> à </label>
					<input 
						type="date"
						style="width: 130px;"
						class="form-control data-fim"
						ng-atalho
						ng-model="vm.Compra.DATA_FIM2"
						ng-disabled="vm.Compra.FLAG_DATA2">
				</div>
			</div> -->

			<!-- <div class="form-group filtro-periodo">
				<label>Prev. Entrega:</label>
				<input ng-Atalho type="date" ng-disabled="vm.Compra.FLAG_DATA2" ng-model="vm.Compra.DATA_INI2" class="form-control data-ini"/>
				<label class="periodo-a"> {{ Lang::get('master.periodo-a') }} </label>
				<input ng-Atalho type="date" ng-disabled="vm.Compra.FLAG_DATA2" ng-model="vm.Compra.DATA_FIM2" class="form-control data-fim"/>
				
				<div class="form-group" style="display: inline-flex;">
					<label style="opacity: 0; width: 0px;">Período:</label>
					<div style="display: flex; margin-top: -4px;">
						<input style="top: 0px;" type="checkbox" ng-model="vm.Compra.FLAG_DATA2" id="periodo-todos" class="form-control periodo-todos" checked />
						<label style="margin-left: 4px; margin-top: -7px;" for="periodo-todos" title="{{ Lang::get($menu.'.periodo-todos-title') }}"> Todos</label>
					</div>
				</div>
				
			</div> -->

			<div class="form-group">
				<label>Autorização:</label>
				<div class="input-group">
					<select 
						style="width: 134px;"
						ng-model="vm.Compra.AUTORIZACAO"
						ng-change="vm.Compra.limparFiltragem();">
						<option ng-value="0">Todos</option>
						<option ng-value="1">Pendente</option>
						<option ng-value="2">Autorizado</option>
						<option ng-value="3">Reprovado</option>
					</select>
				</div>
			</div>

			<div class="form-group">
				<label>Situação:</label>
				<div class="input-group">
					<select 
						style="width: 134px;"
						ng-model="vm.Compra.SITUACAO"
						ng-change="vm.Compra.limparFiltragem();">
						<option ng-value="0">Todos</option>
						<option ng-value="1">Aberto</option>
						<option ng-value="2">Fechado</option>
						<option ng-value="3">Encerrado</option>
					</select>
				</div>
			</div>

			<div class="form-group">
				<label>Status:</label>
				<div class="input-group">
					<select 
						style="width: 120px;"
						ng-model="vm.Compra.STATUS"
						ng-change="vm.Compra.limparFiltragem();">
						<option ng-value="-1">Todos</option>
						<option ng-value="1">Ativo</option>
						<option ng-value="0">Inativo</option>
					</select>
				</div>
			</div>

			<div style="display: -webkit-inline-box;" class="consulta-estabelecimento"></div>
			<div style="display: -webkit-inline-box;" class="consulta-grupo-emp"> 	   </div>
			<div style="display: -webkit-inline-box;" class="consulta-fornecedor">	   </div>

			<div class="form-group">
				<label>OC:</label>
				<input 
					type="text"
					style="width: 70px;"
					class="form-control filter_main"
					ng-model="vm.Compra.OC"
					ng-change="vm.Compra.limparFiltragem();">
			</div>

			<!--
			<div class="form-group" style="width: 300px; min-width: 200px;">
				<label style="opacity: 0">OC:</label>
				<input type="text" style="width: 100% !important; min-width: 170px;"
					placeholder="Filtragem rápida..."
					class="form-control input-maior filter_main" 
					ng-model="vm.Compra.FILTRO_DADOS">
			</div>
			-->

			<div class="form-group" style="padding-top: 15px; width: fit-content; padding-right: 10px;">
				<button type="submit" class="btn btn-xs btn-primary btn-filtrar"
					data-hotkey="alt+f" id="btn-table-filter">
					<span class="glyphicon glyphicon-filter"></span> Filtrar
				</button>
			</div>	
		</div>
	</form>
	<div class="tabela_principal" id="tabela_principal"></div>	

	<div class="pdf-ver" ng-show="vm.Compra.HABILITA_VISUALIZACAO_PDF">

		<input type="hidden" value="{{auth()->user()->email}}" id="emailUsuario">

		<div class="pdf-acoes">

			<button type="button" class="btn btn-default esconder-arquivo" ng-click="vm.Compra.enviarPdf()">
				<span class="glyphicon glyphicon-envelope"></span>
				Enviar
			</button>

			<a class="btn btn-default download-arquivo" href="" download="">
				<span class="glyphicon glyphicon-download"></span>
				Baixar
			</a>

			<button type="button" class="btn btn-default pdf-fechar" ng-click="vm.Compra.HABILITA_VISUALIZACAO_PDF = false">
				<span class="glyphicon glyphicon-chevron-left"></span>
				Voltar
			</button>
			
		</div>
	    
		<div class="conteudoPDF">
			<object data="" type="application/pdf" id="objectData"></object>
		</div>
	</div>
	
    @include($menu.'.modal.Compra')
	@include($menu.'.modal.CompraItens')
	@include($menu.'.modal.CompraNfRetorno')
	@include($menu.'.modal.CompraQuantidadeAlternativa')
	@include($menu.'.modal.CompraPrevSaidaEntrega')
	@include($menu.'.modal.CompraRateamento')
	@include($menu.'.modal.CompraRateamentoAcrescimo')
	

	<div id="modalObservacaoInterna" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m" style="width: 800px !important;">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Alterar Observação Interna - OC @{{vm.Compra.SELECTED.OC}}</span>
						</h4>
					
					</div>
					<div class="modal-header-right">

						<button ng-click="vm.Compra.confirmarGravarObservacaoInterna();" type="button" class="btn btn-success" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Gravar
						</button>

						<button ng-click="vm.Compra.cancelarObservacaoInterna();" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
							<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
						</button>

					</div>
					
				</div>
				<div class="modal-body">
					<div class="row">

						<div class="col-md-12">
							<div class="form-group">
								<label>Observação interna:</label>
								<textarea style="resize: none; width: 779px;"
									id="observacaoInterna"
									maxlength="200"
									class="form-control" 
									ng-model="vm.Compra.SELECTED.OBSERVACAO_INTERNA"
									rows="3">
								</textarea>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div id="modalOpcoes" class="modal" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m" style="margin-left: 0;">
			<div class="modal-content" style="width: calc(700px - 10px);">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4>Ações Disponíveis</h4>
					</div>
					<div class="modal-header-right">
						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" 
							ng-click="vm.CompraItens.fecharOpcoes()" data-hotkey="esc">
        					<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    					</button>	
					</div>					
				</div>
				<div class="modal-body">
					<ul style="display: grid;">
						<li class="@{{opcao.tipo == 'dropdown' ? 'dropdown dropbtn' : ''}}" 
							ng-click="opcao.tipo != 'dropdown' ? opcao.funcao($event,vm.CompraItens.SELECTED) : ''"
							style="border: 1px solid #c8c8c8;
								   height: 30px;
								   padding: 5px;
								   font-size: 11pt;
								   border-radius: 5px;
								   cursor: pointer;
								   width: calc(300px);" 
							ng-repeat="opcao in vm.OpcoesItens track by $index"
							ng-if="opcao.visible == undefined || opcao.visible(vm.CompraItens.SELECTED) == true">
							<span><span class="@{{opcao.icon}}"></span> @{{($index+1) | lpad: [2,0]}} @{{opcao.desc}}</span>
							<span ng-if="opcao.tipo == 'dropdown'" class="glyphicon glyphicon-play" style="float: right;"></span>
							<div ng-if="opcao.tipo == 'dropdown'" class="dropdown-content" style="left: 300px; top: -1px; width: 310px;">
								<a ng-repeat="opcao2 in opcao.OPCAO track by $index" target="_blank" style="text-transform: initial; cursor: pointer;"
									ng-click="opcao2.funcao($event,vm.CompraItens.SELECTED); $event.stopPropagation();"
									ng-if="opcao2.visible == undefined || opcao2.visible(vm.CompraItens.SELECTED) == true">
									<span class="@{{opcao2.icon}}"></span>@{{opcao.sub_index}}.@{{($index+1) | lpad: [2,0]}} @{{opcao2.desc}}</a>
							</div>
						</li>
						 
						<!-- <li class="dropdown" style="border: 1px solid #c8c8c8; height: 30px; padding: 5px; 
							font-size: 11pt; border-radius: 5px; cursor: pointer;" 
							ng-repeat="opcao in vm.OpcoesDocumentosFiscais track by $index"
							ng-if="(opcao.visible == undefined || opcao.visible(vm.DocumentosFiscaisSaida.SELECTED) == true)
							&& opcao.tipo == 'dropdown'">
							<span><span class="@{{opcao.icon}}"></span> @{{($index+1) | lpad: [2,0]}} @{{opcao.desc}}</span>							
						</li> -->
					</ul>
				</div>
			</div>
		</div>
	</div>

</div>
@endsection

@section('script')
    <script src="{{ elixir('assets/js/_13060.js') }}"></script>
@append