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

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

@section('modal-header-left')

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

@overwrite

@section('modal-header-right')

	<button ng-if="vm.CADDEFAMILIADEPRODUTO_ATT_PRODUTO.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.CADDEFAMILIADEPRODUTO_ATT_PRODUTO.ALTERANDO" ng-click="vm.CADDEFAMILIADEPRODUTO_ATT_PRODUTO.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.CADDEFAMILIADEPRODUTO_ATT_PRODUTO.ALTERANDO" ng-click="vm.CADDEFAMILIADEPRODUTO_ATT_PRODUTO.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.CADDEFAMILIADEPRODUTO_ATT_PRODUTO.ALTERANDO" ng-click="vm.CADDEFAMILIADEPRODUTO_ATT_PRODUTO.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.CADDEFAMILIADEPRODUTO_ATT_PRODUTO.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.CADDEFAMILIADEPRODUTO_ATT_PRODUTO.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" style="display: flex;">
			<div class="form-group" style="display: grid; width: 200px; border: groove; padding-right: 12px; padding-bottom: 10px;">
				<div class="form-group" style="display: flex; width: calc(100%); justify-content: flex-end;">    
					<label for="tipo_prod1" style="padding-top: 14px; padding-right: 6px;">Tipo de produto:</label>
					<input id="tipo_prod1" type="checkbox" check-standard2 class="form-control" ng-true-value="'1'" ng-false-value="'0'" 
						ng-model="vm.CADDEFAMILIADEPRODUTO_ATT_PRODUTO.SELECTED.TIPO_PRODUTO"
						form-validate="true">
				</div>

				<div class="form-group" style="display: flex; width: calc(100%); justify-content: flex-end;">
					<label for="tipo_loc1" style="padding-top: 14px; padding-right: 6px;">Localização:</label>
					<input id="tipo_loc1"  type="checkbox" check-standard2 class="form-control" ng-true-value="'1'" ng-false-value="'0'" 
						ng-model="vm.CADDEFAMILIADEPRODUTO_ATT_PRODUTO.SELECTED.LOCALIZACAO"
						form-validate="true">
				</div>

				<div class="form-group" style="display: flex; width: calc(100%); justify-content: flex-end;">
					<label for="tipo_und_med1" style="padding-top: 14px; padding-right: 6px;">Unidade de Medida:</label>
					<input id="tipo_und_med1"  type="checkbox" check-standard2 class="form-control" ng-true-value="'1'" ng-false-value="'0'" 
						ng-model="vm.CADDEFAMILIADEPRODUTO_ATT_PRODUTO.SELECTED.UNIDADE_MEDIDA"
						form-validate="true">
				</div>

				<div class="form-group" style="display: flex; width: calc(100%); justify-content: flex-end;">
					<label for="tipo_und_ncm1" style="padding-top: 14px; padding-right: 6px;">NCM:</label>
					<input id="tipo_und_ncm1"  type="checkbox" check-standard2 class="form-control" ng-true-value="'1'" ng-false-value="'0'" 
						ng-model="vm.CADDEFAMILIADEPRODUTO_ATT_PRODUTO.SELECTED.NCM"
						form-validate="true">
				</div>

				<div class="form-group" style="display: flex; width: calc(100%); justify-content: flex-end;">
					<label for="tipo_hab_cmp1" style="padding-top: 14px; padding-right: 6px;">Habilita Compra:</label>
					<input id="tipo_hab_cmp1"  type="checkbox" check-standard2 class="form-control" ng-true-value="'1'" ng-false-value="'0'" 
						ng-model="vm.CADDEFAMILIADEPRODUTO_ATT_PRODUTO.SELECTED.HABILITA_COMPRA"
						form-validate="true">
				</div>

				<div class="form-group" style="display: flex; width: calc(100%); justify-content: flex-end;">
					<label for="tipo_hab_vnd1" style="padding-top: 14px; padding-right: 6px;">Habilita Venda:</label>
					<input id="tipo_hab_vnd1"  type="checkbox" check-standard2 class="form-control" ng-true-value="'1'" ng-false-value="'0'" 
						ng-model="vm.CADDEFAMILIADEPRODUTO_ATT_PRODUTO.SELECTED.HABILITA_VENDA"
						form-validate="true">
				</div>						
			</div>
			<div class="form-group" style="display: grid; width: 360px; border: groove; padding-right: 12px; padding-left: 10px;
										   padding-bottom: 10px; height: fit-content; font-weight: 600;">
				<div class="form-group">
					<p> Atenção:<br>
						Esta Função irá atualizar nos campos marcados ao lado, o cadastro de todos os produtos desta família.
					</p>
				</div>
			</div>	
		</div>
    </div>
</div>
</form>

@overwrite