@extends('master')

@section('titulo')
    {{ Lang::get('ppcp/_22650.titulo') }}
@endsection

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

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak>

	<ul class="list-inline acoes">    
		<li>
			<form  ng-disabled="vm.CD.OPERADOR == undefined || vm.CD.OPERADOR.OPERADOR_ID == 0" ng-submit="vm.CD.registrarEntarad(vm.CD.CODIGO_ENTRADA)" class="form-inline">		
				<div class="form-group">
					<label>Registrar Entrada/Saída:</label>
					<div class="input-group">
						<input ng-disabled="vm.CD.OPERADOR == undefined || vm.CD.OPERADOR.OPERADOR_ID == 0" type="text" maxlength="13" minlength="12" class="form-control input-maior imput-cod-barras" form-validate="true" ng-model="vm.CD.CODIGO_ENTRADA">
						<button ng-disabled="vm.CD.OPERADOR == undefined || vm.CD.OPERADOR.OPERADOR_ID == 0" type="submit" class="input-group-addon" id="btn-table-filter">
							<span class="glyphicon glyphicon-barcode"></span>
						</button>
					</div>	
				</div>	
			</form>
		</li>
		
		<li>
			<form ng-submit class="form-inline">		
				<div class="form-group">
					<label style="opacity: 0;">:</label>
					<button
						ng-if="vm.CD.OPERADOR.OPERADOR_ID == 0"
						type="button" 
						class="btn btn-warning btn-incluir" 
						data-hotkey="f7"
						ng-click="vm.CD.autenticar()">
						<span class="glyphicon glyphicon-user"></span> Autentique-se
					</button>
				</div>
			</form>
		</li>

		<li style="float: right; margin-right: 27px;">
			<div 
				style="margin-left: -7px;"
				ng-if="vm.CD.OPERADOR != undefined && vm.CD.OPERADOR.OPERADOR_ID > 0"
				class="btn btn-success div-user" 
				ng-readonly="true">
				<span class=""></span> Operador:  @{{vm.CD.OPERADOR.OPERADOR_ID+' - '+vm.CD.OPERADOR.OPERADOR_NOME}}
			</div>
		</li>

		<li style="margin-left: -25px;">
			<form ng-submit class="form-inline">		
				<div class="form-group">
					<label style="opacity: 0;">:</label>
					<button 
						ng-if="vm.CD.OPERADOR != undefined && vm.CD.OPERADOR.OPERADOR_ID > 0"
						type="button" 
						class="btn btn-danger btn-incluir" 
						data-hotkey="f8"
						ng-click="vm.CD.logofOperador()">
						<span class="fa fa-sign-out"></span> LogOff (@{{vm.CD.OPERADOR.TEMPO}}s)
					</button>
				</div>
			</form>
		</li>
		

	</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>

	<ul id="tab" class="nav nav-tabs" role="tablist"> 
		<li role="presentation" class="active tab-detalhamento">
			<a href="#tab1-container" id="tab1-tab" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab1-container" aria-expanded="true">
				Resumo de Entradas
			</a>
		</li>

		<li role="presentation" class="tab-detalhamento" ng-if="!vm.Placas.ALTERANDO">
			<a href="#tab2-container" id="tab2-tab" ng-click="vm.CD.consultaPendencias()" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab2-container" aria-expanded="false">
				Pendentes de Entrada
			</a>
		</li>

	</ul>

	<div id="tab-content" class="tab-content"  style="height: calc(100% - 45px);">
		
		<div role="tabpanel" class="tab-pane active in" id="tab1-container" name="" aria-labelledby="tab1-tab" style="height: 100%; overflow:auto;">
			<div class="row" style="margin: 0px;">

				<form ng-submit="vm.CD.consultaEntrada()" 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">
							<label title="Data inicial para produção da remessa">Data Inicial:</label>
							<div class="input-group">
								<input ng-readonly="vm.CD.HOJE == true" ng-disabled="vm.CD.HOJE == true" type="date" ng-model="vm.CD.DATA" toDate id="data-prod" class="form-control" required />
								<button ng-readonly="vm.CD.HOJE == true" ng-disabled="vm.CD.HOJE == true" type="button" class="input-group-addon btn-filtro" tabindex="-1" ng-click="vm.CD.DATA = undefined;">
									<span class="fa fa-close"></span>
								</button>
							</div>
						</div>

						<div class="form-group" style="margin-left: -10px;">
							<input
								style="top: 9px;"
								ng-init="vm.CD.HOJE = true"
								ng-model="vm.CD.HOJE"
								type="checkbox"
								id="periodo-todos" 
								class="form-control periodo-todos" 
								checked="">

							<label style="top: 8px; margin-left: 3px;" for="periodo-todos">Hoje</label>
						</div>

						<div class="form-group" style="padding-top: 12px; width: fit-content; padding-right: 10px;">
							<button style="top: 3px;" 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>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab2-container" name="" aria-labelledby="tab1-tab" style="height: 100%; overflow:auto;  zoom: 1;">
			<div class="row" style="margin: 0px;">

				<form ng-submit="vm.CD.consultaPendencias()" 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">
							<label title="Data inicial para produção da remessa">Data Inicial:</label>
							<div class="input-group">
								<input style="width: 126px !important;" type="date" ng-model="vm.CD.DATA1" toDate id="data-prod" class="form-control" required />
								<button type="button" class="input-group-addon btn-filtro" tabindex="-1" ng-click="vm.CD.DATA1 = undefined;">
									<span class="fa fa-close"></span>
								</button>
							</div>
						</div>

						<div class="form-group">
							<label title="Data inicial para produção da remessa">Data Final:</label>
							<div class="input-group">
								<input style="width: 126px !important;" type="date" ng-model="vm.CD.DATA2" toDate id="data-prod" class="form-control" required />
								<button type="button" class="input-group-addon btn-filtro" tabindex="-1" ng-click="vm.CD.DATA2 = undefined;">
									<span class="fa fa-close"></span>
								</button>
							</div>
						</div>

						<div class="form-group" style="display: inline-block; margin-right: 0px;">
							<label style="display: inline-block; margin-left: 15px; z-index: 1; background-color: rgb(244 244 244); width: fit-content; padding-right: 5px; padding-left: 5px;">Talões</label>
							<div class="form-group" style="display: flex; width: fit-content; padding-left: 5px; padding-bottom: 10px; 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">
									<div class="row" style="margin-top: -15px;">

										<div class="form-group" style="width: 82px; margin-right: 1px;">
											<input type="checkbox" id="click4" style="top: 13px !important" class="form-control"
												ng-checked="vm.CD.TALAO_NORMAL == '1'"
												ng-true-value="'1'"	ng-false-value="'0'"
												ng-model="vm.CD.TALAO_NORMAL"
												>
											<label for="click4" style= "margin-left: 5px; font-weight: bold">
												Normais
											</label>	
										</div>
										
										<div class="form-group" style="width: 100px; margin-right: 1px;">
											<input type="checkbox" id="click5" style="top: 13px !important" class="form-control"
												ng-checked="vm.CD.TALAO_REQUISICAO == '1'"
												ng-true-value="'1'"	ng-false-value="'0'"
												ng-model="vm.CD.TALAO_REQUISICAO"
												>
											<label for="click5" style= "margin-left: 5px; font-weight: bold">
												Requisição
											</label>	
										</div>

										<div class="form-group" style="width: 100px; margin-right: 1px;">
											<input type="checkbox" id="click6" style="top: 13px !important" class="form-control"
											ng-checked="vm.CD.TALAO_AUMENTAXL1 == '1'"
											ng-true-value="'1'"	ng-false-value="'0'"
											ng-model="vm.CD.TALAO_AUMENTAXL1"
											>
											<label for="click6" style= "margin-left: 5px; font-weight: bold">
												Aumentax
											</label>	
										</div>

										<!--
										<div class="form-group" style="width: 134px; margin-right: 1px;">
											<input type="checkbox" id="click7" style="top: 13px !important" class="form-control"
												ng-checked="vm.CD.TALAO_AUMENTAXL2 == '1'"
												ng-true-value="'1'"	ng-false-value="'0'"
												ng-model="vm.CD.TALAO_AUMENTAXL2"
												>
											<label for="click7" style= "margin-left: 5px; font-weight: bold">
												Aumentax Lado 2
											</label>	
										</div>

										<div class="form-group" style="width: 130px; margin-right: 1px;">
											<input type="checkbox" id="click8" style="top: 13px !important" class="form-control"
												ng-checked="vm.CD.TALAO_AUMENTAXB == '1'"
												ng-true-value="'1'"	ng-false-value="'0'"
												ng-model="vm.CD.TALAO_AUMENTAXB"
												>
											<label for="click8" style= "margin-left: 5px; font-weight: bold">
												Aumentax Bolha
											</label>	
										</div>
										-->

									</div>
								</div>
							</div>
						</div>
		

						<div class="form-group" style="padding-top: 12px; width: fit-content; padding-right: 10px;">
							<button style="top: 3px;" 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_principal2" id="tabela_principal2"></div>	
			</div>
		</div>

	</div>
	
	@include($menu.'.modal.CDImpressao')
	@include($menu.'.modal.ConfirmItensSelected')
	@include($menu.'.modal.entrada')
	@include($menu.'.modal.pendente')
	@include('helper.include.view.autenticar')

</div>
@endsection

@section('script')
	<script src="{{ elixir('assets/js/direct-print.js') }}"></script>
    <script src="{{ elixir('assets/js/_22650.js') }}"></script>
@append