@extends('master')

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

@section('estilo')
    <link rel="stylesheet" href="{{ elixir('assets/css/11920.css') }}" />
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
@endsection

@section('conteudo')
<div ng-controller="Ctrl as vm" ng-cloak>
	@php $menuTela = isset($_GET['MENU']) ? $_GET['MENU'] : 0 

	<input type="hidden" class="menuTela" value="{{$menuTela}}">
	<input type="hidden" id="dados_base" value="{{ $dados_base }}">
	<input type="hidden" id="bases_existentes" value="{{ $bases_existentes }}">

	@php $inc_base_conhecimento = fn_parametro('SISTEMA.INC_BASE_CONHECIMENTO', Auth::user()->CODIGO );
	<input type="hidden" class="_inc_base_conhecimento" id="_inc_base_conhecimento" value="{{$inc_base_conhecimento}}">

	<ul class="list-inline acoes" ng-show="vm.inc_base_conhecimento == 1">
		<li ng-show="vm.inc_base_conhecimento == 1">
            <button type="button" class="btn btn-primary btn-incluir"
                data-hotkey="f6" ng-disabled="!{{ userMenu($menu)->INCLUIR }}"
                ng-click="vm.CadBase.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.CadBaseImpressao.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.CadBaseImpressao.changeSelection($event)">
						<a ng-click="item.FUNCAO()" style="cursor: pointer;">
							<span class="@{{item.ICONE}}"></span> @{{item.NOME}}
						</a>
					</li>
				</ul>
			</div>
		</li> -->
		
	<!----><li ng-show="vm.inc_base_conhecimento == 1">
				<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.CadBase.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.CadBase.consultar(1)" class="form-inline" ng-show="vm.inc_base_conhecimento == 1">
		<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 style="display: -webkit-inline-box;" class="consulta-grupo"></div>
			<div style="display: -webkit-inline-box;" class="consulta-menu"></div>

			<div class="form-group" style="width: calc(100% - 800px); padding-top: 15px; min-width: 200px;">
				<input type="text" style="width: 100% !important; min-width: 170px;"
					placeholder="Filtragem por Assunto, Descrição e Palavras-Chave"
					class="form-control input-maior filter_main"
					ng-model="vm.CadBase.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 class="form-group" style="padding-top: 12px; width: fit-content; padding-right: 10px;">
				<button type="button" ng-click="vm.CadBase.consultarBaseViaCliente()" 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" ng-show="vm.inc_base_conhecimento == 1"></div>	
			
	<div class="header" ng-show="vm.inc_base_conhecimento == 0">
		<div class="side-navBase">
			<ul class="ulBase">
				<li class="btnHoverControll btnHomeLi" ng-click="vm.CadBase.getHome(); vm.CadBase.mudarEstiloAba(0);">
					<i class='bx bx-home btnHome' style="font-size: 25px;"></i><p class="pHome">Home</p>
				</li>
				<li class="btnHoverControll btnHeartLi" ng-click="vm.CadBase.getFavoritos(); vm.CadBase.mudarEstiloAba(1);">
					<i class='bx bx-heart btnHeart' style="font-size: 25px;"></i><p class="pFav">Favoritos</p>
				</li>
				<li class="btnHoverControll btnCategoryLi" ng-click="vm.CadBase.mudarEstiloAba(2);">
					<i class='bx bx-category btnCategory' style="font-size: 25px;"></i><p class="pCategory">Grupos</p>
				</li>
			</ul>
		</div>
		<div class="side-navBase-category-closed">
			<i ng-click="vm.CadBase.closeMenuSidebar()" data-hotkey="esc" class='bx bxs-x-circle' ></i>
			<ul class="ulBase">
				<li class="btnHoverControll btnHomeLi" ng-click="vm.CadBase.setConsultaMenusNew(grupo.CODIGO)" ng-repeat="(key, grupo) in vm.CadBase.GRUPOS">
					<p class="pHome">@{{grupo.DESCRICAO}}</p>
				</li>
			</ul>
		</div>
		
		<!-- pra verificar isso aqui -->

		<div class="side-category-contents-closed">

			<div class="search">
				<div class="form-group" style="display: flex; align-items: center; margin: 0 !important;">
				<input
					type="text"
					placeholder="Digite o termo que deseja pesquisar"
					class="form-control input-maior filter_main"
					ng-model="vm.CadBase.FILTRO_DINAMICO"
					ng-change="vm.CadBase.dynamicFilter()"
					>
				</div>
				<i ng-click="vm.CadBase.closeMenuSidebar()" data-hotkey="esc" class='bx bxs-x-circle' ></i>
			</div>
			<div ng-show="vm.CadBase.favoritosVisiveis == false" class="col-12 col-md-2 ulMenus" style="margin: 25px;">
				<li class="btnHoverControll menu-group-item" type="submit" ng-click="vm.CadBase.setConsultaMenusNew(item.CONTROLE)" ng-repeat="item in vm.CadBase.MENUS_FROM_GRUPOS">
					<p class="pHome">@{{item.CONTROLE}} - @{{item.DESCRICAO}}</p>
				</li>

				<div class="notFound" ng-show="vm.CadBase.MENU_RESPONSE_IS_EMPTY == 1">
					<div class="notFoundIcon">
						<i class='bx bx-info-square'></i>
					</div>
					<div class="notFoundText">
						<p>Não encontramos resultados para sua busca</p>
					</div>
				</div>
			</div>
		</div>

		<div class="bases-main"> 
			<form ng-submit="vm.CadBase.consultar(1)" class="form-inline" style="padding: 10px" ng-show="vm.inc_base_conhecimento == 0">
				<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 style="display: -webkit-inline-box;" class="consulta-grupo2"></div>
					<div style="display: -webkit-inline-box;" class="consulta-menu2"></div>

					<div class="form-group" style="width: calc(100% - 800px); padding-top: 15px; min-width: 200px;">
						<input type="text" style="width: 100% !important; min-width: 170px;"
							placeholder="Filtragem por Assunto, Descrição e Palavras-Chave"
							class="form-control input-maior filter_main"
							ng-model="vm.CadBase.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 class="form-group" style="padding-top: 12px; width: fit-content; padding-right: 10px;">
						<button type="button" ng-click="vm.CadBase.consultarBaseViaCliente()" 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="grade-ytb">
				<div class="row" style="width: 100%; height: 100vh;">
					<div ng-show="vm.CadBase.favoritosVisiveis == false" class="col-6 col-md-2" style="margin: 25px;" ng-repeat="base in vm.CadBase.DADOS">
						<div class="spaceContainer">
							<div style="background-image: url('https://kayros.gcweb.app.br/fotos/base/@{{base.ID}}');"
								class="containerBase"
								title="@{{base.DESCRICAO}}"
								ng-click="vm.CadBase.visBase(base)">
							</div>
							<div style="display: flex; width: 100%; height: 80px; max-height: 110px;">
								<p class="textTitleBase" autotitle><span ng-click="vm.CadBase.visBase(base)" class="assuntoTittle auto-title">@{{base.ASSUNTO}}</span></p>
								<div class="btn-favorite">
									<span ng-show="!base.USUARIO_FAVORITOU" class="bx bx-heart favoriteSpan" ng-click="base.USUARIO_FAVORITOU = 1;vm.CadBase.favoritar(base); $event.stopPropagation();" style="font-size: 15pt;"></span>
									<span ng-show="base.USUARIO_FAVORITOU" class="bx bxs-heart favoriteSpan2" ng-click="base.USUARIO_FAVORITOU = 0;vm.CadBase.favoritar(base); $event.stopPropagation();" style="font-size: 15pt;"></span>
								</div>
							</div>
						</div>
					</div>
					<div ng-show="vm.CadBase.favoritosVisiveis == true" class="col-6 col-md-2" style="margin: 25px;" ng-repeat="fav in vm.CadBase.FAVORITOS">
						<div class="spaceContainer">
							<div style="background-image: url('https://kayros.gcweb.app.br/fotos/base/@{{fav.ID}}');"
								class="containerBase"
								title="@{{fav.DESCRICAO}}"
								ng-click="vm.CadBase.visBase(fav)">
							</div>
							<div style="display: flex; width: 100%; height: 80px; max-height: 110px;">
								<p class="textTitleBase" autotitle><span ng-click="vm.CadBase.visBase(fav)" class="assuntoTittle auto-title">@{{fav.ASSUNTO}}</span></p>
								<div class="btn-favorite">
									<span ng-show="!fav.USUARIO_FAVORITOU" class="bx bx-heart favoriteSpan" ng-click="fav.USUARIO_FAVORITOU = 1;vm.CadBase.favoritar(fav); $event.stopPropagation();" style="font-size: 15pt;"></span>
									<span ng-show="fav.USUARIO_FAVORITOU" class="bx bxs-heart favoriteSpan2" ng-click="fav.USUARIO_FAVORITOU = 0;vm.CadBase.favoritar(fav); $event.stopPropagation();" style="font-size: 15pt;"></span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- <div class="style-grade-ytb">
					<div ng-repeat="base in vm.CadBase.DADOS" class="spaceContainer">
						<div style="background-image: url('https://www.excelenciago.com.br/img/sem-imagem.png');" 
							class="containerBase"></div>
						<p class="textTitleBase" autotitle>@{{base.ASSUNTO}}</p>
					</div>
				</div> -->
			</div>
		</div>
	</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.CadBase.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.CadBase.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.CadBase.DADOS_RENDER = ( vm.CadBase.DADOS | orderBy : vm.CadBase.ORDER_BY | find: {model : vm.CadBase.FILTRO_DADOS ,fields : 'all'})"
                    ng-Click="vm.CadBase.visualizar()"
                    ng-focus="vm.CadBase.SELECTED = item"
                    ng-class="{ 'selected' : vm.CadBase.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.CadBase')
	@include($menu.'.modal.CadBaseItens')
	@include($menu.'.modal.CadBaseImpressao')
	@include($menu.'.modal.Visualizar')
	@include($menu.'.modal.Editor')
	@include($menu.'.modal.AcessoBaseLink')
	
	@include($menu.'.modal.ConfirmItensSelected')
</div>
@endsection

@section('script')
	<script src="{{ elixir('assets/js/direct-print.js') }}"></script>
	<script src="{{ url('js/editor4.16.1/ckeditor.js') }}"></script>
	<script src="{{ url('js/editor4.16.1/adapters/jquery.js') }}"></script>
	<script src="{{ url('kcfinder3/ckfinder.js') }}"></script>	

	<!-- Porque o Josué quer, vai ficar por último aí -->
    <script src="{{ elixir('assets/js/_11920.js') }}"></script>

@append