@extends('master')

@section('titulo')
    {{ Lang::get('admin/_11650.titulo') }}
@endsection

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

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

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

	<input type="hidden" class="_menu_tela" id="_menu_tela" value="{{$menu_tela}}">

	<ul class="list-inline acoes">      
		<!--
		<li>
			<select 
				style="width: 100px;"
				ng-model="vm.Taloes.APROVACAO"
				required>
				<option ng-value="0">Pendente</option>
				<option ng-value="1">Aprovado</option>
				<option ng-value="2">Reprovado</option>
				<option ng-value="3">Todos</option>
			</select>
		</li>
		-->
		<li style="width: calc(100% - 95px);">
			<input 
				type="text"
				style="width: 100% !important; min-width: 100px;"
				placeholder="Filtragem rápida..."
				class="form-control input-maior filter_main" 
				ng-model="vm.Ajuda.FILTRO_DADOS">
		</li>
		<li>
			<button type="submit" class="btn btn-primary btn-filtrar" ng-click="vm.Ajuda.FiltrarAjuda()"
					data-hotkey="alt+f" id="btn-table-filter">
				<span class="glyphicon glyphicon-filter"></span> Filtrar
			</button>
		</li>

	</ul>

	<div class="div_tela_ajuda">

		<div class="panel_lateral">

			<fieldset>
				<legend>Menus</legend>
				<div ng-repeat="menu in vm.Ajuda.GRUPOS_RENDER = ( vm.Ajuda.DADOS | orderBy : 'ORDEM')" class="panel_menu">
					<div ng-click="vm.Ajuda.setAjuda(menu)" class="barra_descricao tipo_ajuda_@{{menu.TIPO_AJUDA}}" ttitle="@{{menu.TITULO}}">@{{menu.TITULO}}</div>
				
					<fieldset ng-if="menu.GRUPOS.length > 0">
						<legend >Outras Informações</legend>
						<div ng-repeat="item in vm.Ajuda.GRUPOS_RENDER = ( menu.GRUPOS | orderBy : 'ORDEM')">
							<div  ng-click="vm.Ajuda.setAjuda(item)" class="barra_descricao tipo_ajuda_@{{item.TIPO_AJUDA}}" ttitle="@{{item.TITULO}}">@{{item.TITULO}}</div>
						</div>
					</fieldset>

					<fieldset ng-if="menu.ERROS.length > 0">
						<legend>Solução de Problemas</legend>
						<div ng-repeat="item in vm.Ajuda.ERROS_RENDER = ( menu.ERROS | orderBy : 'ORDEM')">
							<div  ng-click="vm.Ajuda.setAjuda(item)" class="barra_descricao tipo_ajuda_@{{item.TIPO_AJUDA}}" ttitle="@{{item.TITULO}}">@{{item.TITULO}}</div>
						</div>
					</fieldset>
				</div>
			</fieldset>

		</div>

		<div class="panel_ajuda">

			<div style="padding-left: 8px; text-align: left;" class="barra_descricao tipo_ajuda_@{{vm.Ajuda.SELECTED.TIPO_AJUDA}}">@{{vm.Ajuda.SELECTED.TITULO}}</div>

			<div class="panel_html">
				<div ng-bind-html="trustAsHtml(vm.Ajuda.SELECTED.SOBRE)" class="mensagem grupo-sobre"></div>
			</div>

		</div>

	</div>

	

</div>
@endsection

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