@extends('master_portal_colab')

@section('titulo')
    {{ Lang::get('pessoal/_23540.titulo') }}
@endsection

@section('estilo')
    <link rel="stylesheet" href="{{ elixir('assets/css/23540.css') }}" />
	<link
		rel="stylesheet"
		href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
	/>
@endsection

@section('conteudo')

@php $currentUserId = \Auth::user()->CODIGO ?? null;

@php $permiteVisualizarDemPag = fn_sistema('VISUALIZAR_CC_PORTAL_COLAB') == '1';

<div ng-controller="Ctrl as vm" ng-cloak>

	<input type="file" 
		accept=".pdf"
		multiple
		id="politics-filepicker"
		ngf-select="vm.PortalColaboradorPoliticas.processFiles($event)"
		class="hidden-file-input">

	<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;
		}

		#main {
			padding-top: 0 !important;
		}
		
	</style>

	<nav id="__hc_offcanvas" class="__hc_offcanvas_template">
		<ul>
			<li><a ng-click="vm.PortalColaborador.changeView('SHOW_HOME')">Painel Inicial</a></li>
			<li><a ng-click="vm.PortalColaborador.changeView('SHOW_DADOS_PESSOAIS')">Meus Dados</a></li>
			<li><a ng-click="vm.PortalColaborador.changeView('SHOW_SITUACOES_PONTO')">Minhas Situações de Ponto</a></li>
			<li>
				<a id="__hc_offcanvas_aniversariantes" 
					data-nav-close="false" 
					ng-click="vm.PortalColaborador.getAniversariantesDia($event)">
					Aniversariantes do Dia
				</a>
			</li>
			<li>
				<a>Pesquisas de Clima</a>
				<ul>
					<li><a ng-click="vm.PortalColaborador.changeView('SHOW_RESPONDER_PESQUISAS')">Responder</a></li>
					<li>
						<a data-nav-close="false" 
							class="__hc_offcanvas_resultados_pesq_clima"
							ng-click="vm.PortalColaboradorPesqClima.handleGetResultados($event)">
							Resultados
						</a>
						<ul class="ul-resultados-pesq-clima">
							<li data-nav-custom-content class="att-resultados-pesq-clima">
								<button
									type="button"
									class="btn btn-info btn-outline"
									ng-click="vm.PortalColaboradorPesqClima.getResultados()">
									<span class="glyphicon glyphicon-refresh"></span>
								</button>
							</li>
						</ul>
					</li>
				</ul>
			</li>
			@if ($permiteVisualizarDemPag)
				<li><a ng-click="vm.PortalColaborador.changeView('SHOW_CONTRACHEQUES')">Meus Contracheques</a></li>
			@endif
			<li>
				<a data-nav-close="false"
					ng-click="vm.PortalColaborador.handleGetResultadosIgualdadeSalarial()">
					Lei da Igualdade Salarial
				</a>
				<ul class="ul-igualdade-salarial">
					<li data-nav-custom-content class="actions-container">
						<a href="https://www.gov.br/mulheres/pt-br/assuntos/igualdade-salarial"
							target="_blank"
							role="button"
							id="btn-info-igualdade-salarial"
							class="btn btn-warning btn-outline">
							<i class="fa fa-external-link" aria-hidden="true"></i>
							<span>Saiba Mais</span>
						</a>
					</li>
					<li data-nav-custom-content class="actions-container actions-igualdade-salarial">
						@if ($permiteAdmPortalColab)
							<button
								type="button"
								class="btn btn-danger btn-outline"
								ng-click="vm.PortalColaborador.excluirIgualdadeSalarial()">
								<span class="glyphicon glyphicon-trash"></span>
							</button>
							<button
								type="button"
								class="btn btn-success btn-outline"
								ng-click="vm.PortalColaborador.gravarIgualdadeSalarial()">
								<i class="fa fa-upload" aria-hidden="true"></i>
							</button>
						@endif
						<button
							type="button"
							class="btn btn-info btn-outline"
							ng-click="vm.PortalColaborador.getResultadosIgualdadeSalarial()">
							<span class="glyphicon glyphicon-refresh"></span>
						</button>
					</li>
				</ul>
			</li>
			<li>
				<a data-nav-close="false">
					Políticas
				</a>
				<ul class="ul-politicas">
					<li>
						<a data-nav-close="false"
							ng-click="vm.PortalColaboradorPoliticas.handlePoliticsTypeChange('PUB')">
							Públicas
						</a>
						<ul>
							<li>
								<a data-nav-close="false" 
									ng-click="vm.PortalColaboradorPoliticas.handlePoliticsSubtypeChange('RH'); vm.PortalColaboradorPoliticas.handleGetPolitics()">
									Políticas de RH
								</a>
								<ul class="ul-politicas-rh">
									<li data-nav-custom-content class="actions-container actions-politicas-rh">
										@if ($permiteAdmPortalColab)
											<button
												type="button"
												class="btn btn-success btn-outline"
												ng-click="vm.PortalColaboradorPoliticas.handleProcessFiles()">
												<i class="fa fa-upload" aria-hidden="true"></i>
											</button>
										@endif
										<button
											type="button"
											class="btn btn-info btn-outline"
											ng-click="vm.PortalColaboradorPoliticas.getPolitics()">
											<span class="glyphicon glyphicon-refresh"></span>
										</button>
									</li>
								</ul>
							</li>
							<li>
								<a data-nav-close="false" 
									ng-click="vm.PortalColaboradorPoliticas.handlePoliticsSubtypeChange('SI'); vm.PortalColaboradorPoliticas.handleGetPolitics()">
									Políticas de SI
								</a>
								<ul class="ul-politicas-si">
									<li data-nav-custom-content class="actions-container actions-politicas-si">
										@if ($permiteAdmPortalColab)
											<button
												type="button"
												class="btn btn-success btn-outline"
												ng-click="vm.PortalColaboradorPoliticas.handleProcessFiles()">
												<i class="fa fa-upload" aria-hidden="true"></i>
											</button>
										@endif
										<button
											type="button"
											class="btn btn-info btn-outline"
											ng-click="vm.PortalColaboradorPoliticas.getPolitics()">
											<span class="glyphicon glyphicon-refresh"></span>
										</button>
									</li>
								</ul>
							</li>
						</ul>
					</li>
					<li>
						<a data-nav-close="false"
							ng-click="vm.PortalColaboradorPoliticas.handlePoliticsTypeChange('INT'); vm.PortalColaboradorPoliticas.handleGetPolitics()">
							Internas
						</a>
						<ul class="ul-politicas-internas">
							<li data-nav-custom-content class="actions-container actions-politicas-internas">
								@if ($permiteAdmPortalColab)
									<button
										type="button"
										class="btn btn-success btn-outline"
										ng-click="vm.PortalColaboradorPoliticas.handleProcessFiles()">
										<i class="fa fa-upload" aria-hidden="true"></i>
									</button>
								@endif
								<button
									type="button"
									class="btn btn-info btn-outline"
									ng-click="vm.PortalColaboradorPoliticas.getPolitics()">
									<span class="glyphicon glyphicon-refresh"></span>
								</button>
							</li>
						</ul>
					</li>
				</ul>
			</li>
			<li><a ng-click="vm.PortalColaborador.changeView('SHOW_CHAMADOS_RH')">Fale com o RH</a></li>
		</ul>
	</nav>

	<input type="hidden" name="loaded_slides" id="loaded_slides" value="{{ $loaded_slides }}">

	<div id="pages-container">

		<div ng-show="vm.PortalColaborador.SHOW_HOME">

			@include($menu.'.pages.painelInicial')

		</div>

		<div ng-show="vm.PortalColaborador.SHOW_CONTRACHEQUES">

			@include($menu.'.pages.contracheques')

		</div>

		<div ng-show="vm.PortalColaborador.SHOW_DADOS_PESSOAIS">

			@include($menu.'.pages.dadosPessoais')

		</div>

		<div ng-show="vm.PortalColaborador.SHOW_SITUACOES_PONTO">

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

		</div>

		<div ng-show="vm.PortalColaborador.SHOW_RESPONDER_PESQUISAS">

			@include($menu.'.pages.pesquisasClima')

		</div>

		<div ng-show="vm.PortalColaborador.SHOW_CHAMADOS_RH">

			@include($menu.'.pages.chamadosRH')

		</div>

	</div>

	@include($menu.'.modal.PortalColaboradorPesqClima')
	@include($menu.'.modal.PortalColaboradorChamadosRH')
	@include($menu.'.modal.ConfirmItensSelected')
	@include($menu.'.modal.EnviarResultadoIgualdadeSalarial')
	@include('helper.include.view.pdf-imprimir')
	
</div>
@endsection

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

	<!-- PDF.js -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.2.67/pdf.min.js"></script>

	<!-- Swiper JS -->
	<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

	<!-- Tippy.js -->
	<script src="https://unpkg.com/@popperjs/core@2"></script>
	<script src="https://unpkg.com/tippy.js@6"></script>
@append