@extends('master')

@section('titulo')
    {{ Lang::get('vendas/_12410.titulo') }}
@endsection

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

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

	<input type="hidden" id="representanteJson" value="{{$representante}}">

	<ul class="list-inline acoes">    
		<li>
            <button ng-if="vm.TIPO_PRECO == 1" type="button" class="btn btn-primary btn-incluir" 
                data-hotkey="f6" ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
                ng-click="vm.PrecosByModelo.incluir()">
                <span class="glyphicon glyphicon-plus"></span> Incluir Preços de Modelos
            </button>
			
			<button ng-if="vm.TIPO_PRECO == 2" type="button" class="btn btn-primary btn-incluir" 
                data-hotkey="f6" ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
                ng-click="vm.PrecosByProduto.incluir()">
                <span class="glyphicon glyphicon-plus"></span> Incluir Preços de Produtos
            </button>
		</li>

		<li>

			<div ng-if="vm.TIPO_PRECO == 1" class="dropdown" id="dropCompilado">
				<a id="dLabel" role="button" data-toggle="dropdown" class="btn btn-danger" ng-dblclick="$event.stopPropagation();">
					<span class="fa fa-th-list"></span> Funcionalidades
				</a>
				<ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu">
					<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Ações Disponíveis</li>
					<li><a href="javascript:void(0)" ng-click="vm.PrecosByModeloFuncionalidades.funcionalidadesPrecosModelo();"><span class="fa fa-tag"></span> Nova Tabela e Acréscimo de Preço</a></li>
					<li><a href="javascript:void(0)" ng-click="vm.PrecosByModeloFuncionalidades.copiarPrecos();"><span class="fa fa-clone"></span> Copiar Modelos de Outro Cliente</a></li>
					<li class="divider"></li>
					<li><a href="javascript:void(0)" ng-click="vm.PrecosByModeloFuncionalidades.imprimirEtiquetas();"><span class="fa fa-print"></span> Imprimir Etiquetas</a></li>
				</ul>
			</div>

			<div ng-if="vm.TIPO_PRECO == 2" class="dropdown" id="dropCompilado">
				<a id="dLabel" role="button" data-toggle="dropdown" class="btn btn-danger" ng-dblclick="$event.stopPropagation();">
					<span class="fa fa-th-list"></span> Funcionalidades
				</a>
				<ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu">
					<li class="dropdown-header" style="text-transform: initial; font-weight: bold;">Ações Disponíveis</li>
					<li><a href="javascript:void(0)" ng-click="vm.PrecosByProdutoFuncionalidades.funcionalidadesPrecosProduto();"><span class="fa fa-tag"></span> Nova Tabela e Acréscimo de Preço</a></li>
					<li><a href="javascript:void(0)" ng-click="vm.PrecosByProdutoFuncionalidades.copiarPrecos();"><span class="fa fa-clone"></span> Copiar Produtos de Outro Cliente</a></li>
					<li class="divider"></li>
					<li><a href="javascript:void(0)" ng-click="vm.PrecosByProdutoFuncionalidades.imprimirEtiquetas();"><span class="fa fa-print"></span> Imprimir Etiquetas</a></li>
				</ul>
			</div>

		
		</li>
		
	<!----><li>
			<button type="button" class="btn btn-default" 
				id="filtrar-toggle" data-toggle="collapse" 
				data-target="#filtro_main" aria-expanded="true" 
				aria-controls="filtro_main"
				ng-click="vm.PrecosByModelo.tabela_height()">
				Filtro
				<span class="caret"></span>
			</button>
		</li>                                              
	</ul>  
        
    <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>
	<form ng-submit="vm.TIPO_PRECO == 1 ? vm.PrecosByModelo.consultar(1) : vm.PrecosByProduto.consultar(1)" 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">
					<label style="font-weight: bold;">Filtrar Preços por:</label>             
					<div class="check-group">
						<label class="lbl" style="margin-right: 25px;">
							<input type="radio" ng-model="vm.TIPO_PRECO" ng-value="1" ng-checked="vm.TIPO_PRECO == 1">
							<span>Modelos</span>
						</label>
						<label class="lbl" style="margin-right: 25px;">
							<input type="radio" ng-model="vm.TIPO_PRECO" ng-value="2" ng-checked="vm.TIPO_PRECO == 2">
							<span>Produtos</span>
						</label>
					</div>
				</div>
				
				<div style="display: -webkit-inline-box;" class="consulta-representante-filtro"></div>
				
				<div style="display: -webkit-inline-box;" class="consulta-grupo-filtro"></div>

				<div style="display: -webkit-inline-box;" class="consulta-cliente-filtro"></div>

				<div style="display: -webkit-inline-box;" class="consulta-familia-filtro"></div>

				<div style="display: -webkit-inline-box;" class="consulta-tabela-filtro"></div>

				<div style="display: -webkit-inline-box;" class="consulta-linha-filtro"></div>

				<div style="display: -webkit-inline-box;" class="consulta-modelo-filtro"></div>

				<div ng-show="vm.TIPO_PRECO == 2" style="display: -webkit-inline-box;" class="consulta-produto-filtro"></div>

				<div class="form-group">
				   <label>Status do Modelo:</label>
				   <select class="form-control" 
					   ng-model="vm.PrecosByModelo.FILTRO_STATUS_MODELO">	
					   <option value="">Todos</option>
					   <option value="1">Ativos</option>
					   <option value="0">Inativos</option>
				   </select>
			   </div>

				<!-- <div class="form-group" style="padding-top: 16px; min-width: 320px;">
					<input type="text" style="width: 100% !important; min-width: 170px;"
						placeholder="Filtragem por ID, Descrição..."
						class="form-control input-maior filter_main" 
						ng-model="vm.PrecosByModelo.FILTRO_DADOS">
				</div> -->

				<div class="form-group" style="padding-top: 16px; width: fit-content; padding-right: 10px;">
					<button type="submit" class="btn btn-xs btn-primary btn-filtrar"
						data-hotkey="alt+f" id="btn-table-filter">
						<span class="glyphicon glyphicon-filter"></span> Filtrar
					</button>
				</div>	
			</div>
	</form>
	<div ng-show="vm.TIPO_PRECO == 1" class="tabela_precos_modelo" id="tabela_precos_modelo"></div>	

	<div ng-show="vm.TIPO_PRECO == 2" class="tabela_precos_produto" id="tabela_precos_produto"></div>	
	
    @include($menu.'.modal.PrecosByModelo')
	@include($menu.'.modal.PrecosByModeloItens')
	@include($menu.'.modal.PrecosByProduto')
	@include($menu.'.modal.PrecosFuncionalidades')
	@include($menu.'.modal.ConfirmItensSelected')

	<div id="modalCopiaModelo" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg" style="width: 1105px !important;">
			<div class="modal-content">
				<form class="form-inline">
					<div class="modal-header">
						<div class="modal-header-left">
							<h4 class="modal-title">
								<span>Copiar Modelos para Outro Cliente</span>
							</h4>
						
						</div>
						<div class="modal-header-right">

							<button ng-click="vm.PrecosByModeloFuncionalidades.onConfirmarCopia()" type="button" class="btn btn-success" data-hotkey="f1">
								<span class="fa fa-clone"></span> Copiar
							</button>

							<button ng-click="vm.PrecosByModeloFuncionalidades.cancelarCopia()" 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" style="height: 470px !important;">
						<div class="row">
							<div class="col-md-6">
								<span style="font-weight: bold; font-size: 14px;">De:</span>
							</div>
							<div class="col-md-6">
								<span style="font-weight: bold; font-size: 14px;">Para:</span>
							</div>
							<div class="col-md-6" style="border-right: 1px solid lightgray !important;">
								
								<div style="display: -webkit-inline-box;" class="consulta-tabela-old"></div>
								
								<div style="display: -webkit-inline-box;" class="consulta-cliente-old"></div>
								
							</div>

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

								<div style="display: -webkit-inline-box;" class="consulta-tabela-new"></div>

								<div class="form-group">
									<label ttitle="Aplicar % de Acréscimo">% Acréscimo:</label>
									<div class="input-group left-icon">

										<input
											ng-number-format="2"
											type="text"
											style="width: 105px;"
											class="form-control text-right"
											ng-model="vm.PrecosByModeloFuncionalidades.PERCENTUAL_ACRESCIMO_COPIA"
											min="-100"
											max="100">

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

								<div style="display: -webkit-inline-box;" class="consulta-cliente-new"></div>
								
							</div>
							
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>

	<div id="modalCopiaProduto" class="modal" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
		<div class="modal-dialog modal-lg" style="width: 1105px !important;">
			<div class="modal-content">
				<form class="form-inline">
					<div class="modal-header">
						<div class="modal-header-left">
							<h4 class="modal-title">
								<span>Copiar Produtos para Outro Cliente</span>
							</h4>
						
						</div>
						<div class="modal-header-right">

							<button ng-click="vm.PrecosByProdutoFuncionalidades.onConfirmarCopia()" type="button" class="btn btn-success" data-hotkey="f1">
								<span class="fa fa-clone"></span> Copiar
							</button>

							<button ng-click="vm.PrecosByProdutoFuncionalidades.cancelarCopia()" 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" style="height: 470px !important;">
						<div class="row">
							<div class="col-md-6">
								<span style="font-weight: bold; font-size: 14px;">De:</span>
							</div>
							<div class="col-md-6">
								<span style="font-weight: bold; font-size: 14px;">Para:</span>
							</div>
							<div class="col-md-6" style="border-right: 1px solid lightgray !important;">

								<div style="display: -webkit-inline-box;" class="consulta-tabela-prod-old"></div>

								<div style="display: -webkit-inline-box;" class="consulta-cliente-prod-old"></div>
								
							</div>

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

								<div style="display: -webkit-inline-box;" class="consulta-tabela-prod-new"></div>

								<div class="form-group">
									<label ttitle="Aplicar % de Acréscimo">% Acréscimo:</label>
									<div class="input-group left-icon">

										<input
											ng-number-format="2"
											type="text"
											style="width: 105px;"
											class="form-control text-right"
											ng-model="vm.PrecosByProdutoFuncionalidades.PERCENTUAL_ACRESCIMO_COPIA"
											min="-100"
											max="100">

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

								<div style="display: -webkit-inline-box;" class="consulta-cliente-prod-new"></div>
								
							</div>
							
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
@endsection

@section('script')
    <script src="{{ elixir('assets/js/_12410.js') }}"></script>
@append