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

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

@section('modal-header-left')

<h4 class="modal-title">
	<span>12201 - Alteração de Tributações Fiscais</span>
</h4>

@overwrite

@section('modal-header-right')

	<!-- <button ng-if="vm.Pedidos.SELECTED.STATUS_PEDIDO == '1'" type="button" class="btn btn-primary" ng-click="vm.Pedidos.AbrirEstabTransf();" data-hotkey="f9">
        <span class="glyphicon glyphicon-edit"></span> Transferir Estabelecimento do Pedido
	</button> -->

	<button type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
	</button>

	<button ng-if="vm.PedidosAlteracoesFiscais.ALTERANDO" ng-click="vm.PedidosAlteracoesFiscais.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>
	
	<!-- 
	<button ng-if="vm.PedidosAlteracoesFiscais.ALTERANDO && vm.PedidosAlteracoesFiscais.TIPO_ADD == 3" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Confirmar
    </button>
	
	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0 || (vm.PedidosAlteracoesFiscais.TIPO_ADD == 2 && vm.Pedidos.ALTERANDO == false)" ng-if="!vm.PedidosAlteracoesFiscais.ALTERANDO" ng-click="vm.PedidosAlteracoesFiscais.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.PedidosAlteracoesFiscais.TIPO_ADD == 2 && vm.Pedidos.ALTERANDO == false)" ng-if="!vm.PedidosAlteracoesFiscais.ALTERANDO" ng-click="vm.PedidosAlteracoesFiscais.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.PedidosAlteracoesFiscais.fecharModal()" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	 -->

@overwrite


@section('modal-body')
	<div style="height: calc(100vh - 150px);">

		<div class="row">	
		
			<div id="tabela_alteracoes_fiscais" class="table-ec table-scroll" style="height: fit-content; width: fit-content;">
				<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
					<thead>
						<tr class="no_padding">
							<th style="width: 120px;" field="DESCRICAO">Tipo</th>                  
							<th style="width: 276px;" field="ICMS">ICMS</th>
							<th style="width: 362px;" field="ICMSST">ICMS ST</th>
							<th style="width: 300px;" field="IPI">IPI</th>
							<th style="width: 306px;" field="PIS">PIS 
							<div class="form-group" 
								style="margin: 0px 0px 0px 9px;
									padding: 0px 0px 11px 0px;
									float: right;
									border: 1px solid #f0e9e9;
									height: 24px;
									overflow: hidden;
									vertical-align: top;
									border-radius: 7px;">
									<input id="checkboxReducaoPisCofins" type="checkbox" 
										ng-checked="vm.PedidosAlteracoesFiscais.SELECTED.REDUCAO_BASE_PISCOF == '1'" 
										ng-model="vm.PedidosAlteracoesFiscais.SELECTED.REDUCAO_BASE_PISCOF" 
										ng-true-value="'1'" ng-false-value="'0'" style="top: -3px; left: 3px;"
										ng-change="vm.PedidosAlteracoesFiscais.calcularTodasAsTributacoes();" 
										ng-disabled="!vm.PedidosAlteracoesFiscais.ALTERANDO">
									<label for="checkboxReducaoPisCofins" style="font-weight: bolder; margin-left: 3px; margin-top: 0px; top: 0px;">Redução Base Pis/Cofins</label>
								</div>
							</th>
							<th style="width: 310px;" field="COFINS">Cofins</th>
						</tr>
					</thead>
					<tbody>
						<tr class="no_padding">
							<td><span> CST</span></td>
							<td><div style="display: -webkit-inline-box; width: 290px;" class="consulta-cst-icms-alt-fiscal"></div></td>
							<td></td>
							<td><div style="display: -webkit-inline-box; width: 290px;" class="consulta-cst-ipi-alt-fiscal"></div></td>
							<td><div style="display: -webkit-inline-box; width: 290px;" class="consulta-cst-pis-alt-fiscal"></div></td>
							<td><div style="display: -webkit-inline-box; width: 290px;" class="consulta-cst-cofins-alt-fiscal"></div></td>
						</tr>
						<tr class="no_padding">
							<td><span> Enquadramento</span></td>
							<td></td> 
							<td></td>
							<td><div style="display: -webkit-inline-box; width: 290px;" class="consulta-cst-ipi-enq-alt"></div></td>
							<td></td>
							<td></td>
						</tr>
						<tr class="no_padding">
							<td><span> Modalidade</span></td>
							<td>
								<div>
									<select class="form-control" 
										title="@{{vm.PedidosAlteracoesFiscais.SELECTED.MODALIDADE_ICMS === '' ? 'Selecione' : 
											   vm.PedidosAlteracoesFiscais.SELECTED.MODALIDADE_ICMS == 0 ?
											   '0 - Margem Valor Agregado (%)' : 
											   vm.PedidosAlteracoesFiscais.SELECTED.MODALIDADE_ICMS == 1 ?
											   '1 - Pauta (Valor)' : 
											   vm.PedidosAlteracoesFiscais.SELECTED.MODALIDADE_ICMS == 2 ?
											   '2 - Preço Tabelado ou Máximo' :
											   vm.PedidosAlteracoesFiscais.SELECTED.MODALIDADE_ICMS == 3 ?
											   '3 - Valor da Operação': ''}}"
										ng-model="vm.PedidosAlteracoesFiscais.SELECTED.MODALIDADE_ICMS" 
										ng-disabled="!vm.PedidosAlteracoesFiscais.ALTERANDO">	
										<option value="">Selecione</option>
										<option value="0">0 - Margem Valor Agregado (%)</option>
										<option value="1">1 - Pauta (Valor)</option>
										<option value="2">2 - Preço Tabelado ou Máximo</option>
										<option value="3" selected="selected">3 - Valor da Operação</option>
									</select>
								</div>
							</td>
							<td>
								<div>
									<select class="form-control" 
										title="@{{vm.PedidosAlteracoesFiscais.SELECTED.MODALIDADE_ICMS_ST === '' ? 'Selecione' : 
											   vm.PedidosAlteracoesFiscais.SELECTED.MODALIDADE_ICMS_ST == 0 ?
											   '0 - Preço Tabelado ou Máximo Sugerido' : 
											   vm.PedidosAlteracoesFiscais.SELECTED.MODALIDADE_ICMS_ST == 1 ?
											   '1 - Lista Negativa' : 
											   vm.PedidosAlteracoesFiscais.SELECTED.MODALIDADE_ICMS_ST == 2 ?
											   '2 - Lista Positiva' :
											   vm.PedidosAlteracoesFiscais.SELECTED.MODALIDADE_ICMS_ST == 3 ?
											   '3 - Lista Neutra'	: 
											   vm.PedidosAlteracoesFiscais.SELECTED.MODALIDADE_ICMS_ST == 4 ?
											   '4 - Margem Valor Agregado (%)': 
											   vm.PedidosAlteracoesFiscais.SELECTED.MODALIDADE_ICMS_ST == 5 ?
											   '5 - Pauta (Valor)': ''}}"
										ng-model="vm.PedidosAlteracoesFiscais.SELECTED.MODALIDADE_ICMS_ST" 
										ng-disabled="!vm.PedidosAlteracoesFiscais.SELECTED.HABILITA_ICMS_ST">	
										<option value="" selected="selected">Selecione</option>
										<option value="0">0 - Preço Tabelado ou Máximo Sugerido</option>
										<option value="1">1 - Lista Negativa</option>
										<option value="2">2 - Lista Positiva</option>
										<option value="3">3 - Lista Neutra</option>
										<option value="4">4 - Margem Valor Agregado (%)</option>
										<option value="5">5 - Pauta (Valor)</option>
									</select>
								</div>
							</td>
							<td style="text-align: right;"><span> </span></td>
							<td style="text-align: right;"><span> </span></td>
							<td style="text-align: right;"><span> </span></td>
						</tr>
						<tr class="no_padding">
							<td><span> % Margem</span></td>
							<td><span> </span></td>
							<td>
								<input ng-number-format="2" type="text" 
									style="width: 361px;" class="form-control text-right" 
									ng-model="vm.PedidosAlteracoesFiscais.SELECTED.MARGEM_ICMS_ST" 
									ng-disabled="!vm.PedidosAlteracoesFiscais.SELECTED.HABILITA_ICMS_ST">
							</td>
							<td style="text-align: right;"><span> </span></td>
							<td style="text-align: right;"><span> </span></td>
							<td style="text-align: right;"><span> </span></td>
						</tr>
						<tr class="no_padding">
							<td><span> % Redução</span></td>
							<td><span> </span></td>
							<td>
								<input ng-number-format="2" type="text" 
									style="width: 361px;" class="form-control text-right" 
									ng-model="vm.PedidosAlteracoesFiscais.SELECTED.REDUCAO_ICMS_ST" 
									ng-disabled="!vm.PedidosAlteracoesFiscais.SELECTED.HABILITA_ICMS_ST">
							</td>
							<td style="text-align: right;"><span> </span></td>
							<td style="text-align: right;"><span> </span></td>
							<td style="text-align: right;"><span> </span></td>
						</tr>
						<tr class="no_padding">
							<td><span> % Bs.Cálculo</span></td>
							<td>
								<input ng-number-format="2" type="text" 
									style="width: 292px;" class="form-control text-right" 
									ng-model="vm.PedidosAlteracoesFiscais.SELECTED.PERCENTUAL_BASECALCULO_ICMS" 
									ng-disabled="vm.PedidosAlteracoesFiscais.SELECTED.HABILITA_PERCENTUAL_BASECALCULO_ICMS" max="100">
							</td>
							<td><span> </span></td>
							<td style="text-align: right;"><span> </span></td>
							<td style="text-align: right;"><span> </span></td>
							<td style="text-align: right;"><span> </span></td>
						</tr>
						<!--<tr class="no_padding">
							<td><span> Vr.Bs.Cálculo</span></ztd>
							<td>
								<input ng-number-format="2" type="text" 
									style="width: 118px;" class="form-control text-right camposFiscais" 
									ng-model="vm.PedidosAlteracoesFiscais.SELECTED.VALOR_BASECALCULO_ICMS" 
									ng-disabled="vm.PedidosAlteracoesFiscais.SELECTED.HABILITA_VALOR_ICMS">
							</td>
							<td>
								<input ng-number-format="2" type="text" 
									style="width: 118px;" class="form-control text-right" 
									ng-model="vm.PedidosAlteracoesFiscais.SELECTED.BASECALCULO_ICMS_ST" 
									ng-disabled="!vm.PedidosAlteracoesFiscais.SELECTED.HABILITA_ICMS_ST">
							</td>
							<td>
								<input ng-number-format="2" type="text" 
									style="width: 118px;" class="form-control text-right" 
									ng-model="vm.PedidosAlteracoesFiscais.SELECTED.BASECALCULO_IPI" 
									ng-disabled="vm.PedidosAlteracoesFiscais.SELECTED.HABILITA_BASECALCULO_IPI">
							</td>
							<td>
								<input ng-number-format="2" type="text" 
									style="width: 118px;" class="form-control text-right" 
									ng-model="vm.PedidosAlteracoesFiscais.SELECTED.BASECALCULO_PIS" 
									ng-disabled="vm.PedidosAlteracoesFiscais.SELECTED.HABILITA_BASECALCULO_PIS">
							</td>
							<td>
								<input ng-number-format="2" type="text" 
									style="width: 118px;" class="form-control text-right" 
									ng-model="vm.PedidosAlteracoesFiscais.SELECTED.BASECALCULO_COFINS" 
									ng-disabled="vm.PedidosAlteracoesFiscais.SELECTED.HABILITA_BASECALCULO_COFINS">
							</td>
						</tr>-->
						<tr class="no_padding">
							<td><span> % Aliquota</span></td>
							<td>
								<input ng-number-format="2" type="text" 
									style="width: 292px;" class="form-control text-right" 
									ng-model="vm.PedidosAlteracoesFiscais.SELECTED.PERCENTUAL_ALIQUOTA_ICMS" 
									ng-disabled="vm.PedidosAlteracoesFiscais.SELECTED.HABILITA_PERCENTUAL_ALIQUOTA_ICMS">
							</td>
							<td>
								<input ng-number-format="2" type="text" 
									style="width: 361px;" class="form-control text-right" 
									ng-model="vm.PedidosAlteracoesFiscais.SELECTED.ALIQUOTA_ICMS_ST" 
									ng-disabled="!vm.PedidosAlteracoesFiscais.SELECTED.HABILITA_ICMS_ST">
							</td>
							<td>
								<input ng-number-format="2" type="text" 
									style="width: 307px;" class="form-control text-right" 
									ng-model="vm.PedidosAlteracoesFiscais.SELECTED.PERCENTUAL_IPI" 
									ng-disabled="vm.PedidosAlteracoesFiscais.SELECTED.HABILITA_PERCENTUAL_IPI">
							</td>
							<td>
								<input ng-number-format="2" type="text" 
									style="width: 307px;" class="form-control text-right" 
									ng-model="vm.PedidosAlteracoesFiscais.SELECTED.PERCENTUAL_PIS" 
									ng-disabled="vm.PedidosAlteracoesFiscais.SELECTED.HABILITA_PERCENTUAL_PIS">
							</td>							
							<td>
								<input ng-number-format="2" type="text" 
									style="width: 307px;" class="form-control text-right" 
									ng-model="vm.PedidosAlteracoesFiscais.SELECTED.PERCENTUAL_COFINS" 
									ng-disabled="vm.PedidosAlteracoesFiscais.SELECTED.HABILITA_PERCENTUAL_COFINS">
							</td>
						</tr>
					</tbody>
				</table>
			</div>

		</div>

		<div class="row" style="margin-top: 20px;">
			<div class="tabela_itens_doc_fiscal_alterar" id="tabela_itens_doc_fiscal_alterar"></div>
		</div>
	
	</div>
</form>

@overwrite