@extends('navbar.default-navbar')
@section('content')
<div class="container text-center" style="color: #28a745">Você está em: <strong>{{$unidade->name}}</strong></div>
<div class="container-fluid">
	<div class="row" style="margin-top: 25px;">
		<div class="col-md-12 text-center">
			<h3 style="font-size: 18px;">COMPETÊNCIAS</h3>
		</div>
	</div>

	@if ($errors->any())
      <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
      </div>
	@endif 

	<div class="row" style="margin-top: 25px;">
		<div class="col-md-0 col-sm-0"></div>
		<div class="col-md-12 col-sm-12 text-center">
            <div class="accordion" id="accordionExample">
                <div class="card">
                  <div class="card-header" id="headingOne">
                    <h2 class="mb-0">
                      <a class="btn btn-link text-decoration-none" type="button" data-toggle="collapse" data-target="#legislacao" aria-expanded="true" aria-controls="legislacao">
                        Legislação <i class="fas fa-gavel"></i>
                      </a>
                    </h2>
                  </div>
                  <div id="legislacao" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
                    <div class="card-body">
                      <p style="font-size:15px; color: black">Legislação <a class="badge badge-success" href="{{asset('storage/Legislacao/LEGISLAÇÃO PORTAL 27072022.pdf')}}" target="_blank">Acessar</a></p>
                    </div>
                  </div>
                </div>
                
                <div class="card">
                    <div class="card-header" id="headingOne">
                      <h2 class="mb-0">
                        <a class="btn btn-link text-decoration-none" type="button" data-toggle="collapse" data-target="#matriz" aria-expanded="true" aria-controls="matriz">
                          Matriz de competência <i class="fas fa-dice-d6"></i>
                        </a>
                        @if(Auth::check())
                        @foreach ($permissao_users as $permissao)
                          @if(($permissao->permissao_id == 3) && ($permissao->user_id == Auth::user()->id))
                          @if ($permissao->unidade_id == $unidade->id)
                            <a class="btn btn-dark btn-sm" style="color: #FFFFFF;" href="{{route('novoCP', array($unidade->id))}}" > <b>Novo</b> <i class="fas fa-check"></i></a>
                          @endif
                          @endif
                        @endforeach
                        @endif
                      </h2>
                    </div>
                    
				            <div id="matriz" class=" collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
                      <div class="card-body">
                        <div class="row">
                        <div class="col-1"></div>
                        <div class="col-10">
                          <div class="accordion" id="accordionExample1" style="font-size: 13px;">
                          @foreach ($competenciasMatriz->pluck('setor')->unique() as $competenciaMatriz)
                            <div class="card">
                                <button style="font-size: 12px; text-decoration: none; background-color:#28a745!important" class="btn btn-link bg-success text-white" type="button" data-toggle="collapse" href="#{{str_replace('/','_',str_replace(' ','_',$competenciaMatriz))}}SETORES" aria-expanded="true" aria-controls="{{str_replace('/','_',str_replace(' ','_',$competenciaMatriz))}}SETORES">
                                  {{$competenciaMatriz}} <i style="margin-right: 2px;" class="fas fa-hand-pointer"></i>
                                </button>
                                <div id="{{str_replace('/','_',str_replace(' ','_',$competenciaMatriz))}}SETORES" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample1">


                                  <div class="card-body border-0">
                                    <h6>CARGOS</h6>
                                    @foreach ($competenciasMatriz as $item)
                                        @if ($item->setor === $competenciaMatriz)
                                        <div class="d-sm-block table-success rounded mt-2 p-2">
                                          <div class="container">
                                            <div class="row">
                                              <div class="col-10 text-left">
                                                <p style="margin-bottom: 2px;">
                                                  @if(Auth::check())
                                                  <h4 style="font-size: 14px; margin-bottom: 5px;"><strong><a href="{{route('cadastroCP', array($unidade->id, $item->id))}}">{{$item->cargo}}</a></strong></h4>
                                                  @else
                                                  <h4 style="font-size: 14px; margin-bottom: 5px;"><strong>{{$item->cargo}}</strong></h4>
                                                  @endif
                                                </p>
                                              </div>
                                              <div class="col-2">
                                                <p style="margin-bottom: 2px;">
                                                  <a style="font-size: 10px; margin-bottom: 5px; background-color: #549864 !important; border-color:#549864 !important;" class="btn btn-success btn-sm" data-toggle="collapse" href="#{{$item->id}}" role="button" aria-expanded="false" aria-controls="{{$item->id}}">Descrição <i class="fas fa-file-alt"></i></a>
                                                </p>
                                              </div>
                                            </div>
                                            <div class="row">
                                              <div class="collapse border-0" id="{{$item->id}}">
                                                <div class="card border-0 card-body text-justify">
                                                  <h6>DESCRIÇÃO: </h6>{{$item->descricao}}
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                        </div>
                                        @endif
                                      @endforeach
                                  </div>
                                </div>
                            </div>
                          @endforeach
                        </div>
                        </div>
                          <div class="col-1"></div>
                        </div>
                        </div>
                    </div>
				        </div>
            </div>
        </div>
		<div class="col-md-0 col-sm-0"></div>
    </div>
</div>
@endsection