@extends('master')

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

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

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

	@php $ID	= isset($_GET['ID']) ? $_GET['ID'] : 0

	<input type="hidden"	class="_campanha_id"	id="_campanha_id"	value="{{ $ID }}"		>
	<input type="hidden"	class="_notificacao"	id="_notificacao"	value="{{ $NOTIF }}"	>

	<input type="hidden"	class="_json_user"		id="_json_user"		value="{{ $USER }}" 	>

	<div ng-show="{{ $NOTIF }} == '0'">

		<ul class="list-inline acoes">    
			<li>
				<button type="button" class="btn btn-primary btn-incluir" 
					data-hotkey="f6" ng-disabled="!{{ userMenu($menu)->INCLUIR }}" 
					ng-click="vm.CadCampanha.incluir()">
					<span class="glyphicon glyphicon-plus"></span> Incluir
				</button>
			</li>

			<!-- <li>
				<div class="dropdown" id="dropCompilado">
					<button
						id="dLabel"
						type="button"
						data-toggle="dropdown"
						data-hotkey="f2"
						class="btn btn-danger"
						ng-click="vm.CadCampanhaImpressao.focusItem($event);"
						ng-dbclick="$event.stopPropagation();">
						<span class="fa fa-th-list"></span> Funcionalidades
					</button>
					<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 tabindex="0" 
							ng-repeat="item in vm.FUNCIONALIDADES track by $index" 
							ng-keypress="$event.keyCode == 13 && item.FUNCAO();" 
							ng-keydown="vm.CadCampanhaImpressao.changeSelection($event)">
							<a ng-click="item.FUNCAO()" style="cursor: pointer;">
								<span class="@{{item.ICONE}}"></span> @{{item.NOME}}
							</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.CadCampanha.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.CadCampanha.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>Status:</label>
						<div class="input-group">
							<select 
								name="repeatSelect" 
								id="repeatSelect"  
								ng-model="vm.CadCampanha.FILTRO_STATUS">
								<option value="1">ATIVOS</option>
								<option value="0">INATIVOS</option>
								<option value="">TODOS</option>
							</select>
						</div>
					</div> -->

					<div class="form-group" style="width: calc(100% - 250px); padding-top: 15px; min-width: 200px;">
						<input type="text" style="width: 100% !important; min-width: 170px;"
							placeholder="Filtragem por ID e Descrição"
							class="form-control input-maior filter_main" 
							ng-model="vm.CadCampanha.FILTRO_DADOS">
					</div>

					<div class="form-group" style="padding-top: 12px; 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 class="tabela_principal" id="tabela_principal"></div>	
		
		<!--	
		<div class="form-group" style="margin-bottom: 4px;">
			<input 
				type="text"
				style="width: 100% !important;"
				placeholder="Filtragem rápida..."
				class="form-control input-maior" 
				required
				ng-model="vm.CadCampanha.FILTRO_DADOS">
		</div>
		
		<div class="table-ec table-scroll" style="height: calc(100vh - 205px);">
			<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
				<thead>
					<tr gc-order-by="vm.CadCampanha.ORDER_BY">
						<th field="STATUS" style="width: 23px; min-width: 23px;" ttitle="Status<br/>Verde: Ativo | Vermelho: Inativo"></th>                    
						<th field="ID">ID</th>
						<th field="DESCRICAO">Descrição</th>
					</tr>
				</thead>
				<tbody>
					<tr 
						ng-repeat="item in vm.CadCampanha.DADOS_RENDER = ( vm.CadCampanha.DADOS | orderBy : vm.CadCampanha.ORDER_BY | find: {model : vm.CadCampanha.FILTRO_DADOS ,fields : 'all'})"
						ng-Click="vm.CadCampanha.visualizar()"
						ng-focus="vm.CadCampanha.SELECTED = item"
						ng-class="{ 'selected' : vm.CadCampanha.SELECTED == item }"
						tabindex="0"
						>
						<td class="t-status status-@{{ item.STATUS }}">
						</td>
						<td>
							<span>
								@{{ item.ID || 0 | lpad: [4,0] }}
							</span>
						</td>
						<td>
							<span>
								@{{ item.DESCRICAO }}
							</span>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		-->
		
		
		@include($menu.'.modal.CadCampanha')
		@include($menu.'.modal.CadCampanhaItens')
		@include($menu.'.modal.CadCampanhaNotificacao')
		@include($menu.'.modal.CadCampanhaImpressao')
		@include('helper.include.view.ImportarArquivos')
		@include('helper.include.view.ImportarConfirmar')
		@include($menu.'.modal.ConfirmItensSelected')

	</div>

	<div ng-show="{{ $NOTIF }} == '1'">

		<ul class="list-inline acoes">
			<li style="float: right;" ng-show="false">
				<button type="button" class="btn btn-warning" 
					data-hotkey="" ng-click="" 
					ng-disabled="false">
					<span class="glyphicon glyphicon-user"></span> @{{ vm.dados_user.DESC_USUARIO }}
				</button>
			</li>
		</ul>

		<style>

		</style>


		<form class="form-inline">
			<div style="height: calc(100vh - 150px);">

				<div class="row">

					<div class="form-group">
						<label>ID:</label>
						<input 
							type="text"
							class="form-control input-menor"
							ng-model="vm.CadCampanha.SELECTED.DESC_ID"
							readonly="readonly">
					</div>

					<div class="form-group">			
						<label>Data:</label>
						<div style="display: inline-flex; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: center;">				
							<input 
								type="date" 
								id="data_ini" 
								class="data-ini data1 data1-princ" 
								ng-atalho 
								ng-model="vm.CadCampanha.SELECTED.DATA_INICIO_F" 
								ng-readonly="true">
							<label class="periodo-a" style="margin: 0px 5px;">à</label>
							<input 
								type="date" 
								id="data_fim" 
								class="data-fim data2 data2-princ" 
								ng-atalho 
								ng-model="vm.CadCampanha.SELECTED.DATA_FINAL_F" 
								ng-readonly="true">
						</div>
					</div>

					<div class="form-group">
						<label>Descrição:</label>
						<input 
							type="text"
							class="form-control input-maior"
							ng-model="vm.CadCampanha.SELECTED.DESCRICAO"
							ng-readonly="true">
					</div>

					<br>

					<div class="form-group">
						<div class="form-group">
							<label>Mensagem:</label>
							<textarea 
								style="resize: auto; width: 100%;" 
								class="form-control normal-case" 
								maxlength="5000" 
								cols="112" 
								rows="5" 
								ng-model="vm.CadCampanha.SELECTED.MENSAGEM" 
								ng-readonly="true">
							</textarea>
						</div>
					</div>

				</div>

				<fieldset style="margin-top: 10px;">
					<legend> <span class="btn btn-xs btn-default glyphicon glyphicon-refresh" ng-click="vm.CadCampanhaItens.consultar()" style="margin-top: -5px;"></span> Clientes </legend>
					<div style="margin-bottom: 10px;">
						<ul class="list-inline">
						</ul>

						<div class="tabela_secundaria" id="tabela_secundaria" ng-if="{{ $NOTIF }} == '1'"></div>
					</div>
				</fieldset>

			</div>
		</form>

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

	</div>	

</div>
@endsection

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