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

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

@section('modal-header-left')

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

@overwrite

@section('modal-header-right')

	<button ng-if="vm.CADDEMODELFICHATECNICA_COMP.ALTERANDO && !vm.CADDEMODELFICHATECNICA_COMP.EXCLUINDO_MULTIPLOS" type="submit" class="btn btn-success" data-hotkey="f1">
		<span class="glyphicon glyphicon-ok"></span> Gravar
	</button>

	<button ng-if="vm.CADDEMODELFICHATECNICA_COMP.ALTERANDO && !vm.CADDEMODELFICHATECNICA_COMP.EXCLUINDO_MULTIPLOS" ng-click="vm.CADDEMODELFICHATECNICA_COMP.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)->ALTERAR }} == 0" ng-if="!vm.CADDEMODELFICHATECNICA_COMP.ALTERANDO && !vm.CADDEMODELFICHATECNICA_COMP.EXCLUINDO_MULTIPLOS" ng-click="vm.CADDEMODELFICHATECNICA_COMP.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.CADDEMODELFICHATECNICA_COMP.ALTERANDO && !vm.CADDEMODELFICHATECNICA_COMP.EXCLUINDO_MULTIPLOS" ng-click="vm.CADDEMODELFICHATECNICA_COMP.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
		<span class="glyphicon glyphicon-trash"></span> Excluir
	</button>

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

	<!-- -------------------------------------------------------------------------- -->

	<button ng-if="vm.CADDEMODELFICHATECNICA_COMP.EXCLUINDO_MULTIPLOS" type="button" ng-click="vm.CADDEMODELFICHATECNICA_COMP.excluirMultiplosConfirmacao()" class="btn btn-primary" data-hotkey="f1">
		<span class="glyphicon glyphicon-ok"></span> Confirmar
	</button>

	<button ng-if="vm.CADDEMODELFICHATECNICA_COMP.EXCLUINDO_MULTIPLOS" ng-click="vm.CADDEMODELFICHATECNICA_COMP.fecharModalExcluirMult()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
		<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
	</button>

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">
	
    <div class="row" ng-show="vm.CADDEMODELFICHATECNICA_COMP.EXCLUINDO_MULTIPLOS">
	
		<div class="form-group">
			<label>Modelo:</label>
			<input type="text" class="form-control input-maior"
				ng-model="vm.CADDEMODELFICHATECNICA.SELECTED.DESC_MODELO" 
				ng-readonly="true">
		</div><br>

		<!--  -->

		<form 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="width: calc(100% - 110px); padding-top: 16px; min-width: 200px;" ng-if="!vm.CADDEMODELFICHATECNICA_COMP.EXCLUINDO_MULTIPLOS">
					<input type="text" style="width: 100% !important; min-width: 170px;"
						placeholder="Filtragem ID e Descrição" class="form-control input-maior filter_main_composicao_inc"
						ng-model="vm.CADDEMODELFICHATECNICA_COMP.FILTRO_DADOS_INC">
				</div>

				<div class="form-group" style="width: calc(100% - 110px); padding-top: 16px; min-width: 200px;" ng-if="vm.CADDEMODELFICHATECNICA_COMP.EXCLUINDO_MULTIPLOS">
					<input type="text" style="width: 100% !important; min-width: 170px;"
						placeholder="Filtragem ID e Descrição" class="form-control input-maior filter_main_composicao_exc"
						ng-model="vm.CADDEMODELFICHATECNICA_COMP.FILTRO_DADOS_EXC">
				</div>

				<div class="form-group" style="padding-top: 16px; width: fit-content; padding-right: 10px;" ng-if="!vm.CADDEMODELFICHATECNICA_COMP.EXCLUINDO_MULTIPLOS">
					<button type="button" ng-click="vm.CADDEMODELFICHATECNICA_COMP.consultar_inc(123)" class="btn btn-xs btn-primary btn-filtrar" data-hotkey="alt+f" id="btn-table-filter-comp-inc">
						<span class="glyphicon glyphicon-filter"></span> Filtrar
					</button>
				</div>

				<div class="form-group" style="padding-top: 16px; width: fit-content; padding-right: 10px;" ng-if="vm.CADDEMODELFICHATECNICA_COMP.EXCLUINDO_MULTIPLOS">
					<button type="button" ng-click="vm.CADDEMODELFICHATECNICA_COMP.consultar_exc(123)" class="btn btn-xs btn-primary btn-filtrar" data-hotkey="alt+f" id="btn-table-filter-comp-exc">
						<span class="glyphicon glyphicon-filter"></span> Filtrar
					</button>
				</div>
			</div>
		</form>
		<div class="tabela_composicao_inc" id="tabela_composicao_inc"></div>

	</div>
    <div class="row" ng-show="!vm.CADDEMODELFICHATECNICA_COMP.EXCLUINDO_MULTIPLOS">
		
		<div class="form-group">
			<label>Modelo:</label>
			<input type="text" class="form-control input-maior"
				ng-model="vm.CADDEMODELFICHATECNICA.SELECTED.DESC_MODELO" 
				ng-readonly="true">
		</div><br>

		<!--  -->

		<div class="form-group">
			<label>ID:</label>
			<input 
				type="text"
				class="form-control input-menor"
				ng-model="vm.CADDEMODELFICHATECNICA_COMP.SELECTED.DESC_ID"
				readonly="readonly">
		</div>

		<div class="form-group">
			<label>Ordem:</label>
			<input 
				type="text" 
				ng-number-format="0" 
				min="0" 
				max="999" 
				step="1" 
				class="form-control input-menor" 
				ng-model="vm.CADDEMODELFICHATECNICA_COMP.SELECTED.ORDEM" 
				ng-readonly="!vm.CADDEMODELFICHATECNICA_COMP.ALTERANDO" 
				style="text-align: right;">
		</div>

		<div class="form-group">
			<label>Percentual:</label>
			<div class="input-group">
				<input 
					type="text" 
					class="form-control input-menor" 
					ng-number-format="2" 
					min="0" 
					max="100" 
					step="0.01" 
					ng-change="vm.CADDEMODELFICHATECNICA_COMP.changePercentual(0);" 
					ng-blur="vm.CADDEMODELFICHATECNICA_COMP.changePercentual(300);" 
					ng-model="vm.CADDEMODELFICHATECNICA_COMP.SELECTED.PERCENTUAL" 
					ng-readonly="!vm.CADDEMODELFICHATECNICA_COMP.ALTERANDO" 
					style="text-align: right;">
				<span class="input-group-addon" style="padding: 9px">%</span>
			</div>
		</div>
		
		<div style="display: -webkit-inline-box;" class="consulta-comp"></div>

		<div class="form-group">
			<label ttitle="Nº de peças disponíveis: @{{ ( vm.CADDEMODELFICHATECNICA.SELECTED.NR_PECAS < 1 ? 1 : vm.CADDEMODELFICHATECNICA.SELECTED.NR_PECAS ) }}">Peça:</label>
			<input 
				type="text" 
				ng-number-format="0" 
				min="1" 
				max="9999999" 
				step="1" 
				class="form-control input-menor" 
				ng-model="vm.CADDEMODELFICHATECNICA_COMP.SELECTED.PECA" 
				ng-readonly="!vm.CADDEMODELFICHATECNICA_COMP.ALTERANDO" 
				style="text-align: right;">
		</div>


		<!-- <div class="form-group" style="margin-top: 13px;">
			<input type="checkbox" id="click12187542" style="top: 13px !important" class="form-control"
				ng-checked="vm.CADDEMODELFICHATECNICA_COMP.SELECTED.SEPARADOR == 1"
				ng-true-value="1"	ng-false-value="0"
				check-standard2
				ng-model="vm.CADDEMODELFICHATECNICA_COMP.SELECTED.SEPARADOR"
				ng-disabled="!vm.CADDEMODELFICHATECNICA_COMP.ALTERANDO">
			<label for="click12187542" style= "margin-left: 5px; font-weight: bold" ttitle="Verificar ordenação para que o separador funcione corretamente (utilizado na etiqueta de composição)">
				Utilizar registro como separador
			</label>
		</div> -->

		<br>

		<div class="form-group">
			<div class="form-group">
				<label>Observações:</label>
				<textarea 
					class="form-control" 
					maxlength="100" 
					cols="100" 
					rows="5"
					ng-model="vm.CADDEMODELFICHATECNICA_COMP.SELECTED.OBSERVACAO"
					ng-readonly="!vm.CADDEMODELFICHATECNICA_COMP.ALTERANDO">
				</textarea>
			</div>
			<div>Caracteres restantes: @{{vm.CADDEMODELFICHATECNICA_COMP.SELECTED.OBSERVACAO.length <= 100 ? (100 - (vm.CADDEMODELFICHATECNICA_COMP.SELECTED.OBSERVACAO.length || 0)) : 100}}</div>
		</div>
		
    </div>
</div>
</form>

@overwrite