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

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

@section('modal-header-left')

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

@overwrite

@section('modal-header-right')
<!--
	<button ng-click="vm.gerarAleatorio();" type="button" class="btn btn-success">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>	
-->

	<button ng-if="vm.Producao.MULTIPLA == '1'" type="submit" class="btn btn-success" data-hotkey="f1" ng-disabled="!(vm.Producao.LISTA_GRAVAR.length > 0)">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>	

	<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Producao.fecharModal()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')
<div>

	<div 
		style="margin-left: -7px; width: 100%;"
		ng-if="vm.Producao.OPERADOR != undefined && vm.Producao.OPERADOR.OPERADOR_ID > 0"
		class="btn btn-success div-user" 
		ng-readonly="true">
		<span class=""></span> Operador:  @{{vm.Producao.OPERADOR.OPERADOR_ID+' - '+vm.Producao.OPERADOR.OPERADOR_NOME}} (@{{vm.Producao.OPERADOR.TEMPO}}s)
	</div>

	<div style="padding: 7px;
				margin-top: 4px !important;
				background-color: #efefef;
				border-radius: 5px;
				color: black;
				overflow: auto;
				border: 1px solid #cacaca !important;
				border-style: solid;
				margin-right: 3px;
				margin-bottom: 30px;
				font-size: 17px;">

		<div style="margin-top: -17px;" ng-show="vm.ConsultaGp.item.selected" class="form-group">
			<label style="opacity: 0;">:</label>
			<div style="" ng-if="vm.Producao.MULTIPLA == '1'" class="legenda_padrao2"> <b>GP:</b> 
				<span style="margin-top: 4px;" >@{{ vm.ConsultaGp.item.dados.GP_DESCRICAO }}</span>
			</div>
		</div>

		<div style="margin-top: -17px;" ng-show="vm.ConsultaUP.item.selected" class="form-group">
			<label style="opacity: 0;">:</label>
			<div style="" ng-if="vm.Producao.MULTIPLA == '1'" class="legenda_padrao2"> <b>UP:</b> 
				<span style="margin-top: 4px;" >@{{ vm.ConsultaUP.item.dados.DESCRICAO }}</span>
			</div>
		</div>

		<div style="margin-top: -17px;" ng-show="vm.Producao.DATA_DEFASADA == true" class="form-group">
			<label style="opacity: 0;">:</label>
			<div style="color: #c9302c; " ng-if="vm.Producao.MULTIPLA == '1'" class="legenda_padrao2"> <b>Data:</b> 
				<span style="margin-top: 4px; font-weight: bolder;" >@{{ vm.Producao.DATA_F}} - @{{ vm.Producao.DIA_DATA2}}</span>
			</div>
		</div>

		<div style="margin-top: -17px;" ng-show="vm.Producao.DATA_DEFASADA == false" class="form-group">
			<label style="opacity: 0;">:</label>
			<div style="color: black;" ng-if="vm.Producao.MULTIPLA == '1'" class="legenda_padrao2"> <b>Data:</b> 
				<span style="margin-top: 4px; font-weight: bolder;" >@{{ vm.Producao.DATA_F}} - @{{ vm.Producao.DIA_DATA2}}</span>
			</div>
		</div>
	</div>

	<div class="parametro-consulta-operador" style="display: inline-flex;"></div>
	
	<div style="margin-top: 4px;
    margin-right: -50px;
    margin-left: -25px;
    color: #cccccc;
    font-size: 18px;" class="form-group">
		<label style="opacity: 0;">.</label>
		<div style="margin-top: -11px;" class="input-group">
			________
		</div>
	</div>

	<div style="margin-top: 12px; margin-left: -7px;" class="form-group">
		<label>Centro de Custo</label>
		<div class="input-group">
			<input style="width: 200px !important;" type="text" ng-model="vm.ConsultaOperador.item.dados.CCUSTO" disabled readonly/>
		</div>
	</div>

	<div style="margin-top: 12px;" class="form-group">
		<label>Talão:</label>
		<div class="input-group">
			<input type="text" ng-keypress="vm.Producao.registrarTalao($event);" ng-model="vm.Producao.CODIGO_TALAO" class="input-talao"/>

			<button style="margin-left: -3px; border: 1px solid #cccccc;" ng-click="vm.Producao.registrarTalao2();" type="button" id="selec-remessa" class="input-group-addon btn-filtro" tabindex="-1">
                <span class="glyphicon glyphicon-triangle-right"></span>
            </button>
			
		</div>
	</div>

	<div style="margin-top: 12px;" class="form-group">
		<label style="opacity: 0;">:</label>
		<div class="input-group">

			<button ng-click="vm.Producao.consultarOperacao();" type="button" class="btn btn-warning">
                <span class="glyphicon glyphicon-search"></span> Consultar Operações
            </button>
			
		</div>
	</div>

	<div ng-if="false" class="form-group">
		<label style="opacity: 0;">0</label>
		<div style="margin-top: -20px;">
			<input id="checkBox1" 
				ng-disabled="vm.Producao.LISTA_GRAVAR.length > 0"
				type="checkbox" 
				style="margin-top: -2px;"
				ng-checked="vm.Producao.MULTIPLA == '1'" 
				ng-model="vm.Producao.MULTIPLA"
				ng-true-value="'1'" 
				ng-false-value="'0'">
			<label for="checkBox1" style="font-weight: bolder; margin-left: 3px;">Multiplos itens</label>			
		</div>
	</div>

	<br>

	<div ng-if="vm.Producao.MULTIPLA == '1'" class="table-ec table-scroll" style="height: calc(100vh - 400px); min-height: 200px;">
		<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
			<thead>
				<tr gc-order-by="vm.Producao.ORDER_BY3">                   
					<th field="TALAO">Talão</th>
					<th field="OPERADOR_DESCRICAO">Operador</th>
					<th field="TALAO">Ações</th>
				</tr>
			</thead>
			<tbody>
				<tr ng-repeat="item in vm.Producao.DADOS_RENDER3 = ( vm.Producao.LISTA_GRAVAR | orderBy : vm.Producao.ORDER_BY3)"
					ng-focus="vm.Producao.SELECTED3 = item"
					ng-class="{ 'selected' : vm.Producao.SELECTED3 == item }"
					tabindex="0"
					ng-if="item.REMOVIDO == false">
					<td>
						<span>
							@{{ item.TALAO }}
						</span>
					</td>
					<td>
						<span>
							@{{ item.OPERADOR_ID+' - '+item.OPERADOR_DESCRICAO }}
						</span>
					</td>
					<th  style="width: 50px; padding: 3px;">
						<button
							type="button"
							class="btn btn-sm btn-danger "
							style="margin-left: 6px;"
							data-toggle="dropdown"
							aria-expanded="false"
							ng-click="vm.Producao.removerItemTabela(item);">
							<span class="glyphicon glyphicon-trash"></span>
						</button>
					</th>
				</tr>
			</tbody>
		</table>
	</div>

	<div ng-if="vm.Producao.MULTIPLA == '1'" class="legenda_padrao">Talões: 
		<span style="margin-top: 4px; font-weight: bolder;" >@{{ vm.Producao.getQtdTaloes(); }}</span>
	</div>
	
	
</div>
</form>

@overwrite