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

@section('modal-start')
    <form class="form-inline" ng-submit="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.TIPO_ADD < 3 ? vm.DocumentosFiscaisSaidaQuantidadeAlternativa.gravar() : vm.DocumentosFiscaisSaidaQuantidadeAlternativa.confirmItensSelected()">
@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	<!-- @{{vm.DocumentosFiscaisSaida.SELECTED.DESCRICAO}} -->
	<span>21150 - Composição Alternativa</span>
</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.ALTERANDO && vm.DocumentosFiscaisSaidaQuantidadeAlternativa.TIPO_ADD < 3" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
	</button>
	
	<!-- <button ng-if="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.ALTERANDO && vm.DocumentosFiscaisSaidaQuantidadeAlternativa.TIPO_ADD < 3 && vm.DocumentosFiscaisSaidaQuantidadeAlternativa.SELECTED.QUANTIDADE_ALTERNATIVA > 0" ng-click="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.removerQtdAlternativa()" type="button" class="btn btn-warning" data-hotkey="f2">
        <span class="glyphicon glyphicon-trash"></span> Remover
    </button> -->
	
	<button ng-if="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.ALTERANDO && vm.DocumentosFiscaisSaidaQuantidadeAlternativa.TIPO_ADD == 3" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Confirmar
    </button>
	
	<button ng-if="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.ALTERANDO" ng-click="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.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 || (vm.DocumentosFiscaisSaidaQuantidadeAlternativa.TIPO_ADD == 2 && vm.DocumentosFiscaisSaida.ALTERANDO == false)" ng-if="!vm.DocumentosFiscaisSaidaQuantidadeAlternativa.ALTERANDO" ng-click="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.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 || (vm.DocumentosFiscaisSaidaQuantidadeAlternativa.TIPO_ADD == 2 && vm.DocumentosFiscaisSaida.ALTERANDO == false)" ng-if="!vm.DocumentosFiscaisSaidaQuantidadeAlternativa.ALTERANDO" ng-click="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.DocumentosFiscaisSaidaQuantidadeAlternativa.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.fecharModal()" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 665px);">
	
	<div class="row" ng-show="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.TIPO_ADD < 3">

		<div class="col-md-6">
			<div class="form-group">
				<label>Quantidade:</label>
				<div class="input-group right-icon">
					<input
						ng-number-format="5"
						type="text"
						class="form-control text-right fontBold"
						ng-model="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.SELECTED.QUANTIDADE"
						ng-disabled="true">
					<div class="input-group-addon" style="padding: 9px !important;"><span ng-bind="vm.DocumentosFiscaisSaidaItens.SELECTED.PRODUTO_UNIDADEMEDIDA_AUX" class="fontBold"></span></div>

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

		<div class="col-md-6">
			<div class="form-group">
				<label>Valor unitário:</label>
				<div class="input-group left-icon">

					<div class="input-group-addon" style="padding: 9px !important;">
						<span class="fontBold">R$</span>
					</div>

					<input
						ng-number-format="5"
						type="text"
						class="form-control text-right fontBold"
						ng-model="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.SELECTED.VALOR_UNITARIO"
						ng-disabled="true">

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

		
	</div>
	
	<hr/>

	<div class="col-sm-12">
		<div style="display: -webkit-inline-box; width: 100% !important;" class="consulta-regra-um"></div>
	</div>


	<div class="row">
		<div class="col-md-6" style="margin-top: 5px !important;">
			<div class="form-group">
				<label>Quantidade alternativa:</label>
				<div class="input-group right-icon">
					<input
						ng-number-format="4"
						type="text"
						class="form-control text-right fontBold"
						ng-model="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.SELECTED.QUANTIDADE_ALTERNATIVA"
						ng-blur="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.changeValorQuantidadeAlternativa();"
						ng-disabled="vm.DocumentosFiscaisSaidaItens.SELECTED.QTD_ALTERNATIVA == false || vm.DocumentosFiscaisSaidaQuantidadeAlternativa.SELECTED_TRATAMENTO.IMPORTACAO_BY_XML == true">
					<div class="input-group-addon" style="padding: 9px !important;"><span ng-bind="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.SELECTED.UM_QTD_ALT"></span></div>

				</div>

			</div>
		</div>
		
		<div class="col-md-6" style="margin-top: 5px !important;">
			<div class="form-group">
				<label>Valor unitário alternativo:</label>
				<div class="input-group left-icon">
					<div class="input-group-addon" style="padding: 9px !important;">
						<span class="fontBold">R$</span>
					</div>

					<input
						ng-number-format="10"
						type="text"
						class="form-control text-right fontBold"
						ng-model="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.SELECTED.VALOR_UNIT_ALT"
						ng-blur="vm.DocumentosFiscaisSaidaQuantidadeAlternativa.changeValorUnitarioAlternativo();"
						ng-disabled="vm.DocumentosFiscaisSaidaItens.SELECTED.QTD_ALTERNATIVA == false">
				</div>

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


	<!-- <div class="segmentFixed">
		<div class="header">Valor Total do Item @{{vm.DocumentosFiscaisSaidaItens.SELECTED.FSEQUENCIA}}:</div>
		<div class="row" style="margin-top: 40px !important;">
			<div class="form-group">
				<div class="input-group right-icon">
					<div class="input-group-addon" style="padding: 9px !important;"><span>R$</span></div>
					<input
						ng-number-format="5"
						type="text"
						class="form-control text-right"
						ng-model="vm.DocumentosFiscaisSaidaItens.SELECTED.SUB_TOTAL"
						ng-disabled="true">

				</div>
			</div>

		</div>
	</div> -->
</div>
</form>

@overwrite