@extends('master')

@section('titulo')
{{ Lang::get('custo/_31180.titulo') }}
@endsection

@section('estilo')
<link rel="stylesheet" href="{{ elixir('assets/css/31180.css') }}" />
@endsection

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak>

	<style>
		.t-status.status-0:before {
			background-color: rgb(217, 83, 79);
		}

		.t-status.status-1:before {
			background-color: rgb(68, 157, 68);
		}

		.table-condensed>thead>tr>th,
		.table-condensed>thead>tr>td,
		.table-condensed>tbody>tr>th,
		.table-condensed>tbody>tr>td,
		.table-condensed>tfoot>tr>th,
		.table-condensed>tfoot>tr>td {
			padding: 5px !important;
		}
	</style>

	<div class="row">

		<div class="col-sm-12 col-md-6 col-lg-3">

			<div class="bs-callout bs-callout-info" id="callout-glyphicons-dont-mix">
				<h4>Mercado
					<a tabindex="-1" href="/_31081" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="31081 - Cadastro de Mercados"></span></a>
				</h4>
				<div style="display: -webkit-inline-box;" class="consulta-mercado"></div>

				<br>
				<div class="form-group" style="display: inline-block;">
					<label>Data base:</label>
					<select class="form-control fontBold" ng-model="vm.SimulacaoPrecoVenda.MES" style="width: 292px;" ng-change="vm.SimulacaoPrecoVenda.changeMesAno();" id="mesInicial">
						<option ng-repeat="item in vm.ARRAY_MESES track by $index" ng-value="item.VALOR">@{{item.MES}}</option>
					</select>
				</div>

				<div class="form-group" style="display: inline-block;">
					<label></label>
					<select class="form-control fontBold" ng-model="vm.SimulacaoPrecoVenda.ANO" ng-change="vm.SimulacaoPrecoVenda.changeMesAno();">
						<option ng-repeat="item in vm.ARRAY_ANOS track by $index" ng-value="item.ANO">@{{ item.ANO }}</option>
					</select>
				</div>

			</div>

		</div>

		<div class="col-sm-12 col-md-6 col-lg-5">

			<div class="bs-callout bs-callout-danger" id="callout-glyphicons-dont-mix">
				<h4>Modelo
					<a tabindex="-1" href="/_22430" target="_blank" rel="noopener noreferrer"><span class="fa fa-external-link" title="22430 - Cadastro de Modelos e Fichas Técnicas"></span></a>
				</h4>
				<div style="display: -webkit-inline-box;" class="consulta-modelo"></div>

				<div class="" style="display: inline-block; margin-bottom: 0 !important; position: absolute; margin-top: 4px; margin-left: 3px;">
					<button type="button" class="btn btn-primary btn-filtrar" data-hotkey="alt+f" id="btn-table-filter1" ng-click="vm.SimulacaoPrecoVenda.getInformations();">
						<span class="glyphicon glyphicon-filter"></span> Processar
					</button>
				</div>

				<br>

				<div class="form-group" style="display: inline-block !important;">
					<label>Cor:</label>
					<input type="text" id="inputCor" style="width: 341px;" class="form-control fontBold" required ng-model="vm.SimulacaoPrecoVenda.COR" disabled>
				</div>

				<div class="form-group" style="display: inline-block !important;">
					<label>Tamanho:</label>
					<input type="text" id="inputTamanho" style="width: 130px;" class="form-control fontBold" required ng-model="vm.SimulacaoPrecoVenda.TAMANHO" disabled>
				</div>

				<div class="dropdown" style="display: inline-block !important;">
					<button id="dLabel" role="button" data-toggle="dropdown" class="btn btn-danger" ng-dblclick="$event.stopPropagation();" ng-disabled="!{{ userMenu($menu)->INCLUIR }}">
						<span class="fa fa-th-list"></span> Opções
					</button>
					<ul class="dropdown-menu dropdown-menu-left multi-level" role="menu" aria-labelledby="dropdownMenu">
						<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Fichas de custo</li>
						<li><a href="javascript:void(0)" ng-click="vm.SimulacaoPrecoVenda.getFichasCusto();"><span class="fa fa-th"></span> Consultar realizadas</a></li>
						<li><a href="javascript:void(0)" ng-click="vm.SimulacaoPrecoVenda.gravarFichaCusto();"><span class="fa fa-check"></span> Gravar</a></li>
					</ul>
				</div>

			</div>

		</div>

		<div class="col-sm-12 col-md-12 col-lg-4">

			<div class="bs-callout bs-callout-success" id="callout-glyphicons-dont-mix">
				<h4>
				</h4>

				<div class="form-group" style="display: inline-block;">
					<label>Quantidade:</label>
					<div class="input-group right-icon" style="display: table-cell !important;">

						<input ng-number-format="0" type="text" id="inputQuantidade" required style="width: 140px !important;" class="form-control text-right fontBold" ng-model="vm.SimulacaoPrecoVenda.QUANTIDADE" min="0" ng-change="vm.SimulacaoPrecoVenda.changeQuantidade();">

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

					</div>
				</div>

				<div class="form-group" style="display: inline-table;">
					<label>Eficiência:</label>
					<div class="input-group right-icon">

						<input ng-number-format="2" type="text" required style="width: 100px !important;" class="form-control text-right fontBold" ng-model="vm.SimulacaoPrecoVenda.EFICIENCIA" min="0" max="100" ng-change="vm.SimulacaoPrecoVenda.changeEficiencia();">

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

					</div>

				</div>




				<div class="form-group" style="display: inline-table;">
					<label>Valor Venda:</label>
					<div class="input-group left-icon">

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

						<input ng-number-format="2" id="inputValorVenda" type="text" required style="width: 192px;" class="form-control text-right fontBold" ng-model="vm.SimulacaoPrecoVenda.VALOR_VENDA" min="0" ng-change="vm.SimulacaoPrecoVenda.changeValorVenda();">

						<button ng-disabled="!vm.SimulacaoPrecoVenda.PROCESSAMENTO" type="button" class="btn btn-warning btn-filtrar" data-hotkey="alt+p" ng-click="vm.SimulacaoPrecoVenda.getPrecosModelo();">
							<span class="glyphicon glyphicon-tag"></span> Preços
						</button>

					</div>
				</div>

			</div>

		</div>

	</div>

	<!-- <div class="row" style="margin-top: 18px;">
		<label class="styleLabel">Totalizadores</label>
	</div> -->

	<div class="row">
		<div class="col-sm-12 col-md-12 col-lg-12">
			<div class="bs-callout bs-callout-warning" id="callout-glyphicons-dont-mix">
				<h3 style="margin-bottom: 15px !important;">Totalizadores <small><i title="Mostrar mais" style="cursor: pointer;" class="glyphicon" ng-click="$event.stopPropagation(); vm.SimulacaoPrecoVenda.clickOnReadMore($event);" ng-class="{'glyphicon-chevron-up': vm.SimulacaoPrecoVenda.ABERTO == true, 'glyphicon-chevron-down': vm.SimulacaoPrecoVenda.ABERTO == false}"></i></small></h3>

				<div class="row">
					<div class="col-sm-12 col-md-12 col-lg-6">
						<div class="col-md-12">
							<div class="col-md-3">
								<div class="form-group">
									<label>Custo MP:</label>
									<div class="input-group left-icon">

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

										<input ng-number-format="4" type="text" class="form-control text-right fontBold" ng-model="vm.SimulacaoPrecoVenda.CUSTO_MP" ng-disabled="true">
									</div>
								</div>
							</div>

							<div class="col-md-1 iconesQuantidadeAlternativa">
								<span>&#xd7;</span>
							</div>

							<div class="col-md-3">
								<div class="form-group">
									<label>Quantidade:</label>
									<div class="input-group right-icon">

										<input ng-number-format="0" type="text" style="width: 100% !important;" class="form-control text-right fontBold" ng-model="vm.SimulacaoPrecoVenda.QUANTIDADE" min="0" disabled>

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

									</div>
								</div>

							</div>

							<div class="col-md-1 iconesQuantidadeAlternativa">
								<span>&#x3d;</span>
							</div>

							<div class="col-md-4">
								<div class="form-group">
									<label>Custo MP Total:</label>
									<div class="input-group left-icon">

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

										<input ng-number-format="4" type="text" class="form-control text-right total" ng-model="vm.TabelaPrincipal.COLUNAS_TOTAIS['CUSTO_TOTAL_VISUALIZACAO']" ng-disabled="true">


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

					<div class="col-sm-12 col-md-12 col-lg-6">

						<div class="col-md-12">
							<div class="col-md-3">
								<div class="form-group">
									<label>Total Gasto:</label>
									<div class="input-group left-icon">

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

										<input ng-number-format="2" type="text" class="form-control text-right totalRed" ng-model="vm.SimulacaoPrecoVenda.TOTAL_GASTO" ng-disabled="true">
									</div>
								</div>
							</div>

							<div class="col-md-3">
								<div class="form-group">
									<label>% Margem:</label>
									<div class="input-group left-icon">

										<input ng-number-format="2" type="text" class="form-control text-right total" ng-model="vm.SimulacaoPrecoVenda.PERCENTUAL_MARGEM" ng-change="vm.SimulacaoPrecoVenda.calculateMargem(true);" min="0" max="100">

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

							<div class="col-md-3">
								<div class="form-group">
									<label>Margem:</label>
									<div class="input-group left-icon">

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

										<input ng-number-format="2" type="text" class="form-control text-right fontBold" ng-model="vm.SimulacaoPrecoVenda.MARGEM" ng-disabled="true">
									</div>
								</div>
							</div>

							<div class="col-md-3">
								<div class="form-group">
									<label>Margem Total:</label>
									<div class="input-group left-icon">

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

										<input ng-number-format="2" type="text" class="form-control text-right totalRed" ng-model="vm.SimulacaoPrecoVenda.MARGEM_TOTAL" ng-disabled="true">
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="divReadMore">
						<div class="col-sm-12 col-md-12 col-lg-6">
							<hr>
							<div class="col-md-12">
								<div class="col-md-4">
									<div class="form-group">
										<label>Tempo Operacional:</label>
										<div class="input-group right-icon">

											<input ng-number-format="2" type="text" class="form-control text-right fontBold" style="width: 100% !important;" ng-model="vm.TabelaTempoOperacional.COLUNAS_TOTAIS['TEMPO_CALC_VISUALIZACAO']" disabled min="0">

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

										</div>
									</div>

								</div>

								<div class="col-md-4">
									<div class="form-group">
										<label>Tempo Setup:</label>
										<div class="input-group right-icon">

											<input ng-number-format="2" type="text" class="form-control text-right fontBold" style="width: 100% !important;" ng-model="vm.TabelaTempoSetup.COLUNAS_TOTAIS['TEMPO_CALC_VISUALIZACAO']" disabled min="0">

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

										</div>
									</div>

								</div>

								<div class="col-md-4">
									<div class="form-group">
										<label>Tempo Disponível:</label>
										<div class="input-group right-icon">

											<input ng-number-format="2" type="text" class="form-control text-right fontBold" style="width: 100% !important;" ng-model="vm.TabelaCalendario.COLUNAS_TOTAIS['TEMPO_TOTAL_DISPONIVEL']" disabled min="0">

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

										</div>
									</div>

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

						<div class="col-sm-12 col-md-12 col-lg-6">
							<div class="col-md-12">

								<hr>
								<div class="col-md-4">
									<div class="form-group">
										<label>% IR:</label>
										<div class="input-group left-icon">

											<input ng-number-format="2" type="text" class="form-control text-right total" ng-model="vm.SimulacaoPrecoVenda.PERCENTUAL_IR" min="0" max="100">

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

								<div class="col-md-4">
									<div class="form-group">
										<label>IR:</label>
										<div class="input-group left-icon">

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

											<input ng-number-format="2" type="text" class="form-control text-right fontBold" ng-model="vm.SimulacaoPrecoVenda.VALOR_IR" ng-disabled="true">
										</div>
									</div>
								</div>

								<div class="col-md-4">
									<div class="form-group">
										<label>IR Total:</label>
										<div class="input-group left-icon">

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

											<input ng-number-format="2" type="text" class="form-control text-right totalRed" ng-model="vm.SimulacaoPrecoVenda.VALOR_IR_TOTAL" ng-disabled="true">

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

							</div>
						</div>

						<div class="col-sm-12 col-md-12 col-lg-6">
							<hr>

							<div class="col-md-12">

								<div class="col-md-4">
									<div class="form-group">
										<label>Custo Direto/PC:</label>
										<div class="input-group left-icon">

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

											<input ng-number-format="2" type="text" class="form-control text-right fontBold" ng-model="vm.SimulacaoPrecoVenda.CUSTO_DIRETO" ng-disabled="true">


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

								<div class="col-md-4">
									<div class="form-group">
										<label>Custo Indireto/PC:</label>
										<div class="input-group left-icon">

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

											<input ng-number-format="2" type="text" class="form-control text-right fontBold" ng-model="vm.SimulacaoPrecoVenda.CUSTO_INDIRETO" ng-disabled="true">


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

								<div class="col-md-4">
									<div class="form-group">
										<label>Despesas/PC:</label>
										<div class="input-group left-icon">

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

											<input ng-number-format="2" type="text" class="form-control text-right fontBold" ng-model="vm.SimulacaoPrecoVenda.DESPESAS" ng-disabled="true">

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

							</div>

						</div>
						<div class="col-sm-12 col-md-12 col-lg-6">
							<hr>
							<div class="col-md-12">

								<div class="col-md-3">
									<div class="form-group">
										<label>Custo Direto:</label>
										<div class="input-group left-icon">

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

											<input ng-number-format="2" type="text" class="form-control text-right total" ng-model="vm.TabelaCustosDiretos.COLUNAS_TOTAIS['VALOR']" ng-disabled="true">


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

								<div class="col-md-3">
									<div class="form-group">
										<label>Custo Indireto:</label>
										<div class="input-group left-icon">

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

											<input ng-number-format="2" type="text" class="form-control text-right total" ng-model="vm.TabelaCustosIndiretos.COLUNAS_TOTAIS['VALOR']" ng-disabled="true">


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

								<div class="col-md-3">
									<div class="form-group">
										<label>Despesas:</label>
										<div class="input-group left-icon">

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

											<input ng-number-format="2" type="text" class="form-control text-right total" ng-model="vm.TabelaDespesas.COLUNAS_TOTAIS['VALOR']" ng-disabled="true">


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

								<div class="col-md-3">
									<div class="form-group">
										<label>Tributações:</label>
										<div class="input-group left-icon">

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

											<input ng-number-format="2" type="text" class="form-control text-right total" ng-model="vm.TabelaTributacoes.COLUNAS_TOTAIS['VALOR_TRIBUTACAO']" ng-disabled="true">


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

							</div>

						</div>


					</div>

					<div class="col-sm-12 col-md-12 col-lg-12">
						<hr>
						<div class="col-sm-12 col-md-12 col-lg-12">
							<div class="btn-group btn-group-justified" role="group" aria-label="...">
								<div class="btn-group" role="group">
									<button type="button" class="btn btn-default fontBold" ng-click="vm.SimulacaoPrecoVenda.openModalMPAndInsumos(); $event.stopPropagation();" data-hotkey="alt+1">
										Matéria Prima
										<a tabindex="-1" href="javascript:void(0);"><span class="fa fa-external-link" title="Visualizar"></span></a>
									</button>
								</div>
								<div class="btn-group" role="group">
									<button type="button" class="btn btn-default fontBold" ng-click="vm.SimulacaoPrecoVenda.openModalTempos(); $event.stopPropagation();" data-hotkey="alt+2">
										Tempos
										<a tabindex="-1" href="javascript:void(0);"><span class="fa fa-external-link" title="Visualizar"></span></a>
									</button>
								</div>
								<div class="btn-group" role="group">
									<button type="button" class="btn btn-default fontBold" ng-click="vm.SimulacaoPrecoVenda.openModalCustos(); $event.stopPropagation();" data-hotkey="alt+3">
										Custos / Tributações
										<a tabindex="-1" href="javascript:void(0);"><span class="fa fa-external-link" title="Visualizar"></span></a>
									</button>
								</div>
								<div class="btn-group" role="group">
									<button type="button" class="btn btn-success fontBold" ng-click="vm.SimulacaoPrecoVenda.gerarPDF(); $event.stopPropagation();" data-hotkey="alt+4">
										Ficha de Custo
										<a tabindex="-1" href="javascript:void(0);" style="color: white !important;"><span class="fa fa-print" title="Imprimir"></span></a>
									</button>
								</div>
							</div>
						</div>
					</div>

				</div>

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

	<div id="modalFichasCustos" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Fichas de custos - Modelo @{{vm.SimulacaoPrecoVenda.MODELO}}, Cor: @{{vm.SimulacaoPrecoVenda.COR}} (Tam: @{{vm.SimulacaoPrecoVenda.TAMANHO}})</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.SimulacaoPrecoVenda.fecharModalFichasCustos()" data-hotkey="esc">
							<span class="glyphicon glyphicon-chevron-left"></span> Fechar
						</button>
					</div>


				</div>
				<div class="modal-body">
					<div class="row">

						<div class="col-md-12">

							<div class="tabela_ficha_custos" id="tabela_ficha_custos"></div>

						</div>

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

	<div id="modalMPAndInsumos" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Matéria Prima - Modelo @{{vm.SimulacaoPrecoVenda.MODELO}}, Cor: @{{vm.SimulacaoPrecoVenda.COR}} (Tam: @{{vm.SimulacaoPrecoVenda.TAMANHO}})</span>
						</h4>

					</div>
					<div class="modal-header-right">
						<label style="font-weight: bold; margin-right: 4px;">Origem do custo:</label>

						<div class="form-group" style="display: inline-block !important;">
							<div class="check-group" >
								<label class="lbl" style="margin-right: 25px;">
									<input type="radio" ng-model="vm.SimulacaoPrecoVenda.TIPO_CUSTO_UNITARIO" ng-value="0" ng-checked="vm.SimulacaoPrecoVenda.TIPO_CUSTO_UNITARIO == 0" ng-change="vm.SimulacaoPrecoVenda.changeTipoCustoUnitario();">
									<span>Custo Geral</span>
								</label>
								<label class="lbl" style="margin-right: 25px;">
									<input type="radio" ng-model="vm.SimulacaoPrecoVenda.TIPO_CUSTO_UNITARIO" ng-value="1" ng-checked="vm.SimulacaoPrecoVenda.TIPO_CUSTO_UNITARIO == 1" ng-change="vm.SimulacaoPrecoVenda.changeTipoCustoUnitario();">
									<span>Última entrada</span>
								</label>
								<label class="lbl" style="margin-right: 25px;">
									<input type="radio" ng-model="vm.SimulacaoPrecoVenda.TIPO_CUSTO_UNITARIO" ng-value="2" ng-checked="vm.SimulacaoPrecoVenda.TIPO_CUSTO_UNITARIO == 2" ng-change="vm.SimulacaoPrecoVenda.changeTipoCustoUnitario();">
									<span>Média Ponderada</span>
								</label>
							</div>
						</div>

						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.SimulacaoPrecoVenda.fecharModalMPAndInsumos()" data-hotkey="esc">
							<span class="glyphicon glyphicon-chevron-left"></span> Fechar
						</button>
					</div>


				</div>
				<div class="modal-body">
					<div class="row">

						<div class="col-md-12">

							<div class="tabela_principal" id="tabela_principal"></div>

						</div>

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

	<div id="modalEditCustoUnitario" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Editar Custo Unitário</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button ng-click="vm.SimulacaoPrecoVenda.gravarCustoUnitario()" type="button" class="btn btn-success" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Gravar
						</button>

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

					</div>
				</div>
				<div class="modal-body">
					<form class="form-inline">
						<div class="row">

							<div class="col-sm-12" style="margin-bottom: 18px;">
								<div class="">
									<label style="text-align: left;">Produto:</label>
									<input type="text" class="form-control" ng-model="vm.SimulacaoPrecoVenda.MP.SELECTED.DESC_PRODUTO" disabled style="width: 100% !important;">
								</div>
							</div>

							<div class="col-sm-6">
								<div class="">
									<label style="text-align: left;">Custo Unitário Atual:</label>
									<input ng-number-format="4" type="text" class="form-control text-right" ng-model="vm.SimulacaoPrecoVenda.MP.SELECTED.CUSTO_UNITARIO" disabled style="width: 100% !important;">
								</div>
							</div>

							<div class="col-sm-6">
								<div class="">
									<label style="text-align: left;">Custo Unitário à utilizar:</label>
									<input ng-number-format="4" type="text" class="form-control text-right" ng-model="vm.SimulacaoPrecoVenda.MP.SELECTED.CUSTO_UNITARIO_UTILIZAR" style="width: 100% !important;" id="custoUnitarioUtilizar">
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div id="modalTempos" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-extend">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Tempos - Modelo @{{vm.SimulacaoPrecoVenda.MODELO}}, Cor: @{{vm.SimulacaoPrecoVenda.COR}} (Tam: @{{vm.SimulacaoPrecoVenda.TAMANHO}})</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<div style="display: inline-block;">
							<div class="form-group" style="display: inline-block;">
								<select class="form-control" ng-model="vm.SimulacaoPrecoVenda.MES" ng-change="vm.SimulacaoPrecoVenda.changeMesAno();">
									<option ng-repeat="item in vm.ARRAY_MESES track by $index" ng-value="item.VALOR">@{{item.MES}}</option>
								</select>
							</div>

							<div class="form-group" style="display: inline-block;">
								<select class="form-control" ng-model="vm.SimulacaoPrecoVenda.ANO" ng-change="vm.SimulacaoPrecoVenda.changeMesAno();">
									<option ng-repeat="item in vm.ARRAY_ANOS track by $index" ng-value="item.ANO">@{{ item.ANO }}</option>
								</select>
							</div>
						</div>

						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.SimulacaoPrecoVenda.fecharModalTempos()" data-hotkey="esc">
							<span class="glyphicon glyphicon-chevron-left"></span> Fechar
						</button>
					</div>


				</div>
				<div class="modal-body">

					<div class="row">

						<div class="col-md-12">
							<div class="col-md-6">
								<legend>Operacionais</legend>
								<div class="tabela_tempo_operacional" id="tabela_tempo_operacional"></div>
							</div>
							<div class="col-md-6">
								<legend>Setup</legend>
								<div class="tabela_tempo_setup" id="tabela_tempo_setup"></div>
							</div>
							<div class="col-md-12">
								<legend style="margin-top: 20px;">Calendário</legend>
								<div class="tabela_calendario" id="tabela_calendario"></div>
							</div>
						</div>

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

	<div id="modalEditQtdColaboradores" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-m">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Editar Colaboradores</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button ng-click="vm.SimulacaoPrecoVenda.gravarColaboradores()" type="button" class="btn btn-success" data-hotkey="f1">
							<span class="glyphicon glyphicon-ok"></span> Gravar
						</button>

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

					</div>
				</div>
				<div class="modal-body">
					<form class="form-inline">
						<div class="row">

							<div class="col-sm-12" style="margin-bottom: 18px;">
								<div class="">
									<label style="text-align: left;">UP:</label>
									<input type="text" class="form-control" ng-model="vm.SimulacaoPrecoVenda.UP.SELECTED.DESC_UP" disabled style="width: 100% !important;">
								</div>
							</div>

							<div class="col-sm-6">
								<div class="">
									<label style="text-align: left;">Colaboradores Atual:</label>
									<input ng-number-format="2" type="text" class="form-control text-right" ng-model="vm.SimulacaoPrecoVenda.UP.SELECTED.COLABORADORES" disabled style="width: 100% !important;">
								</div>
							</div>

							<div class="col-sm-6">
								<div class="">
									<label style="text-align: left;">Colaboradores à utilizar:</label>
									<input ng-number-format="2" type="text" class="form-control text-right" ng-model="vm.SimulacaoPrecoVenda.UP.SELECTED.COLABORADORES_UTILIZAR" style="width: 100% !important;" id="colaboradoresUtilizar">
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div id="modalCustos" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-big">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Custos / Tributações - Modelo @{{vm.SimulacaoPrecoVenda.MODELO}}, Cor: @{{vm.SimulacaoPrecoVenda.COR}} (Tam: @{{vm.SimulacaoPrecoVenda.TAMANHO}})</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<div class="btn-group">
							<button type="button" class="btn btn-danger dropdown-toggle" data-hotkey="alt+a" ng-dblclick="$event.stopPropagation();" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<span class="fa fa-th-list"></span> Opções
							</button>
							<ul class="dropdown-menu">
								<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Custos/Despesas</li>
								<li><a href="javascript:void(0)" ng-click="vm.SimulacaoPrecoVendaCustos.incluir();"><span class="fa fa-plus"></span> Incluir</a></li>
								<li><a href="javascript:void(0)" ng-click="vm.SimulacaoPrecoVendaCustos.replicarCustosDespesas();"><span class="fa fa-plus"></span> Importar/Replicar</a></li>
							</ul>
						</div>

						<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.SimulacaoPrecoVenda.fecharModalTributacoesCustos()" data-hotkey="esc">
							<span class="glyphicon glyphicon-chevron-left"></span> Fechar
						</button>
					</div>


				</div>
				<div class="modal-body">

					<div class="row">

						<div class="col-md-12">
							<div class="col-sm-12 col-md-6 col-lg-3">
								<legend>Custos Diretos</legend>
								<div class="tabela_custo_direto" id="tabela_custo_direto"></div>
							</div>
							<div class="col-sm-12 col-md-6 col-lg-3">
								<legend>Custos Indiretos</legend>
								<div class="tabela_custo_indireto" id="tabela_custo_indireto"></div>
							</div>
							<div class="col-sm-12 col-md-6 col-lg-3">
								<legend>Despesas</legend>
								<div class="tabela_despesas" id="tabela_despesas"></div>
							</div>
							<div class="col-sm-12 col-md-6 col-lg-3">
								<legend>Tributações</legend>
								<div class="tabela_tributacoes" id="tabela_tributacoes"></div>
							</div>
						</div>

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

	<div id="modalCustosDespesas" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Importar/Replicar custos e despesas</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button type="button" class="btn btn-success" ng-click="vm.SimulacaoPrecoVendaCustos.importarToSelfMonth()" data-hotkey="f1" ng-if="(vm.SimulacaoPrecoVenda.MES_REPLICATION != vm.SimulacaoPrecoVenda.MES && vm.SimulacaoPrecoVenda.ANO_REPLICATION != vm.SimulacaoPrecoVenda.ANO) || (vm.SimulacaoPrecoVenda.MES_REPLICATION == vm.SimulacaoPrecoVenda.MES && vm.SimulacaoPrecoVenda.ANO_REPLICATION != vm.SimulacaoPrecoVenda.ANO) || (vm.SimulacaoPrecoVenda.MES_REPLICATION != vm.SimulacaoPrecoVenda.MES && vm.SimulacaoPrecoVenda.ANO_REPLICATION == vm.SimulacaoPrecoVenda.ANO)">
							<span class="glyphicon glyphicon-ok"></span> Importar para @{{vm.ARRAY_MESES[vm.SimulacaoPrecoVenda.MES].MES}}/@{{vm.SimulacaoPrecoVenda.ANO}}
						</button>

						<button type="button" class="btn btn-primary" ng-click="vm.SimulacaoPrecoVendaCustos.replicarToAnyMonth()" data-hotkey="f1" ng-if="vm.SimulacaoPrecoVenda.MES_REPLICATION == vm.SimulacaoPrecoVenda.MES && vm.SimulacaoPrecoVenda.ANO_REPLICATION == vm.SimulacaoPrecoVenda.ANO">
							<span class="glyphicon glyphicon-ok"></span> Replicar para outro período
						</button>

						<button type="button" class="btn btn-danger btn-fechar-modal btn-voltar" ng-click="vm.SimulacaoPrecoVendaCustos.fecharModalCustosDespesas()" data-hotkey="esc">
							<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
						</button>
					</div>


				</div>
				<div class="modal-body">

					<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">
							<label>Mês:</label>
							<select class="form-control fontBold" ng-model="vm.SimulacaoPrecoVenda.MES_REPLICATION" style="width: 170px !important;" required ng-change="vm.SimulacaoPrecoVendaCustos.limparDados();">
								<option ng-repeat="item in vm.ARRAY_MESES track by $index" ng-value="item.VALOR">@{{item.MES}}</option>
							</select>
						</div>

						<div class="form-group">
							<label>Ano:</label>
							<select class="form-control fontBold" ng-model="vm.SimulacaoPrecoVenda.ANO_REPLICATION" required ng-change="vm.SimulacaoPrecoVendaCustos.limparDados();">
								<option ng-repeat="item in vm.ARRAY_ANOS track by $index" ng-value="item.ANO">@{{ item.ANO }}</option>
							</select>
						</div>

						<div class="form-group" style="margin-top: 9px; width: fit-content; padding-right: 10px;">
							<button type="button" ng-click="vm.SimulacaoPrecoVendaCustos.getCustosAndDespesas()" class="btn btn-xs btn-primary btn-filtrar" data-hotkey="alt+f" id="btn-table-filter2">
								<span class="glyphicon glyphicon-filter"></span> Filtrar
							</button>
						</div>
					</div>

					<div class="tabela_custos_despesas" id="tabela_custos_despesas"></div>

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

	<div id="modalPrecosModelo" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg" style="width: 800px !important;">
			<div class="modal-content">
				<div class="modal-header">
					<div class="modal-header-left">
						<h4 class="modal-title">
							<span>Preços do Modelo @{{vm.SimulacaoPrecoVenda.MODELO}}</span>
						</h4>

					</div>
					<div class="modal-header-right">

						<button type="button" data-hotkey="esc" class="btn btn-default btn-cancelar" ng-click="vm.SimulacaoPrecoVenda.fecharModalPrecosModelo();">
							<span class="glyphicon glyphicon-chevron-left"></span>
							Voltar
						</button>

					</div>

				</div>
				<div class="modal-body" style="height: calc(100vh - 385px);">
					<form class="form-inline" style="margin: 0 auto;">
						<div class="row">
							<div class="tabela_precos_modelo" id="tabela_precos_modelo"></div>
						</div>
					</form>

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

	@include($menu.'.modal.SimulacaoPrecoVendaCustos')


	<div class="pdf-ver" ng-show="vm.SimulacaoPrecoVenda.HABILITA_VISUALIZACAO_PDF">

		<input type="hidden" value="{{auth()->user()->email}}" id="emailUsuario">

		<div class="pdf-acoes">

			<button type="button" class="btn btn-default esconder-arquivo" ng-click="vm.SimulacaoPrecoVenda.enviarPdf()">
				<span class="glyphicon glyphicon-envelope"></span>
				Enviar
			</button>

			<a class="btn btn-default download-arquivo" href="" download="">
				<span class="glyphicon glyphicon-download"></span>
				Baixar
			</a>

			<button type="button" class="btn btn-default pdf-fechar" ng-click="vm.SimulacaoPrecoVenda.HABILITA_VISUALIZACAO_PDF = false">
				<span class="glyphicon glyphicon-chevron-left"></span>
				Voltar
			</button>

		</div>

		<div class="conteudoPDF">
			<object data="" type="application/pdf" id="objectData"></object>
		</div>
	</div>

</div>
@endsection

@section('script')
<script src="{{ elixir('assets/js/direct-print.js') }}"></script>
<script src="{{ elixir('assets/js/_31180.js') }}"></script>
@append