@php
use Illuminate\Support\Facades\DB;
@endphp
@extends('header-footer')
@section('professores-index')
<div class="content">
    <div class="page-inner">
        <div class="page-header">
            <h4 class="page-title">{!! session('nome_papel') !!}</h4>
            <ul class="breadcrumbs">
                <li class="nav-home">
                    <a href="{{route('superadmin.index')}}" data-toggle="tooltip" data-placement="top" title="Painel Inicial">
                        <i class="flaticon-home"></i>
                    </a>
                </li>
                <li class="separator">
                    <i class="flaticon-right-arrow"></i>
                </li>
                <li class="nav-item">
                    <a href="#">Docentes</a>
                </li>
            </ul>
        </div>
        <div class="container-fluid">
            <div class="listagem-professor">  </div>
            <div class="row justify-content-center">
                <div class="col">
                    <div class="card">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center">
                                <h4 class="card-title">Docentes</h4>
                                <div class="d-flex justify-content-between align-items-center">
                                    <button type="button" class="btn btn-primary btn-sm ml-auto" data-toggle="modal" data-target="#exampleModal">
                                        <i class="fa fa-plus" data-toggle="tooltip" data-placement="top" title=""></i>
                                    </button>
                                    <a href="{{ route('pessoaldocente') }}" class="btn btn-outline-info btn-sm mx-2">
                                        <span class="btn-label">
                                            <i class="fas fa-file-export"></i>
                                        </span>
                                        Exportar
                                    </a>
                                    {{--
                                    <a href="#" class="btn btn-outline-info btn-sm">
                                        <span class="btn-label">
                                            <i class="fas fa-print"></i>
                                        </span>
                                        Imprimir
                                    </a>
                                    --}}
                                </div>
                            </div>
                        </div>
                        <div class="card-body is-loading loadCard">
                            <div class="ListagemProfessores"></div>
                        </div>
                    </div>

                </div>
            </div>

            <!-- Modal Registar Professor -->
            <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                <div class="modal-dialog modal-lg modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header">
                          <h5 class="modal-title">Registar novo Docente</h5>
                          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                          </button>
                        </div>
                        <div class="modal-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="stepwizard">
                                        <div class="stepwizard-row setup-panel">
                                            <div class="stepwizard-step">
                                                <a href="#step-1" type="button" class="btn btn-primary btn-circle">1</a>
                                                <p>Pessoal</p>
                                            </div>
                                            <div class="stepwizard-step">
                                                <a href="#step-2" type="button" class="btn btn-default btn-circle" disabled="disabled">2</a>
                                                <p>Habilitações Academicas</p>
                                            </div>
                                            <div class="stepwizard-step">
                                                <a href="#step-3" type="button" class="btn btn-default btn-circle" disabled="disabled">3</a>
                                                <p>Habilitações Profissionais</p>
                                            </div>
                                            <div class="stepwizard-step">
                                                <a href="#step-4" type="button" class="btn btn-default btn-circle" disabled="disabled">4</a>
                                                <p>Publicações/Juris</p>
                                            </div>
                                            <div class="stepwizard-step">
                                                <a href="#step-5" type="button" class="btn btn-default btn-circle" disabled="disabled">5</a>
                                                <p>Contrato</p>
                                            </div>
                                            <div class="stepwizard-step">
                                                <a href="#step-6" type="button" class="btn btn-default btn-circle" disabled="disabled">6</a>
                                                <p>Documentação</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="collapse formSalario" id="collapseExample">
                                        <div class="alert card-body w-100 m-auto ">
                                            <div class="form-row">

                                                <div class="col-md-4 border p-3">
                                                    <p class="text-info text-center">Registar Salário</p>
                                                    <form name="registarSalario" >
                                                        @csrf
                                                        <div class="row">
                                                            <div class="form-group col col-md-12 form-floating-label">
                                                                <input id="inputFloatingLabelNivel" type="text" name="nivel" value="" class="form-control input-border-bottom"  >
                                                                <label for="inputFloatingLabelNivel" class="placeholder">Nível</label>
                                                                <span id="erroNivelS" class="text-danger"></span>
                                                            </div>
                                                            <div class="form-group col col-md-12 form-floating-label">
                                                                <input id="inputFloatingLabelValor" type="text" name="valor" value="" class="form-control input-border-bottom" required>
                                                                <label for="inputFloatingLabelValor" class="placeholder">Valor</label>
                                                            </div>
                                                        </div>
                                                        <div class="form-group text-md-right">
                                                            <button class="btn btn-primary btn-sm btn-verify subSalaio">
                                                                <span class="btn-label">
                                                                    <i class="fa fa-check"></i>
                                                                </span>
                                                                Registar
                                                            </button>
                                                        </div>
                                                    </form>
                                                </div>
                                                <div class="col-md-4 border p-3">
                                                    <p class="text-info text-center">Registar Prémio</p>
                                                    <form name="registarCategoriaPremio">
                                                        @csrf
                                                        <input type="hidden" name="empresa" value="{{$empresa->id}}">
                                                        <div class="form-row">
                                                            <div class="form-group col-md-12 form-floating-label">
                                                                <select title="Tipo de Prêmio" name="premio" class="selectpicker form-control border-bottom limpar-campo" data-live-search="true" required>
                                                                    @foreach ($tipos_premios as $tipo)
                                                                        <option value="{{$tipo->id}}">{{$tipo->nome_premio}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="form-group col col-md-12 form-floating-label">
                                                                <input id="inputFloatingLabelPremio" type="text" name="nomePremio" class="form-control input-border-bottom limpar-campo" required>
                                                                <label for="inputFloatingLabelPremio" class="placeholder">Categoria</label>
                                                                <span id="erroPremio" class="text-danger"></span>
                                                            </div>
                                                            <div class="form-group col col-md-12 form-floating-label">
                                                                <input id="inputFloatingLabelValorFixo" type="text" name="valorFixo" class="form-control input-border-bottom limpar-campo" required>
                                                                <label for="inputFloatingLabelValorFixo" class="placeholder">Valor Fixo</label>
                                                            </div>
                                                        </div>
                                                        <div class="form-group text-md-right">
                                                            <button class="btn btn-primary btn-sm btn-verify">
                                                                <span class="btn-label">
                                                                    <i class="fa fa-check"></i>
                                                                </span>
                                                                Registar
                                                            </button>
                                                        </div>
                                                    </form>
                                                </div>
                                                <div class="col-md-4 border p-3">
                                                    <p class="text-info text-center">Registar Subsídio</p>
                                                    <form name="registarSubsidio">
                                                        @csrf
                                                        <div class="form-row">
                                                            <input type="hidden" name="empresa" value="{{$empresa->id}}">
                                                            <div class="form-group col col-md-12 form-floating-label">
                                                                <select id="" title="Tipo de Subsídio" name="tipo" class="selectpicker form-control border-bottom limpar-campo" data-live-search="true" required>
                                                                    @foreach ($tipos as $tipo)
                                                                        <option value="{{$tipo->id}}">{{$tipo->tipo}}</option>
                                                                    @endforeach
                                                                </select>
                                                            </div>
                                                            <div class="form-group col col-md-12 form-floating-label">
                                                                <input id="inputFloatingLabelValor" type="number" min="0" name="valor" class="form-control input-border-bottom limpar-campo">
                                                                <label for="inputFloatingLabelValor" class="placeholder">Valor</label>
                                                            </div>
                                                        </div>
                                                        <div class="form-group text-md-right">
                                                            <button class="btn btn-primary btn-sm btn-verify">
                                                                <span class="btn-label">
                                                                    <i class="fa fa-check"></i>
                                                                </span>
                                                                Registar
                                                            </button>
                                                        </div>
                                                    </form>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                    <form role="form" name="formProfessor">
                                        @csrf
                                        <div class="row setup-content" id="step-1">
                                            <div class="col-md-12">
                                                <div class="form-row py-2 pb-3">
                                                    <div class="profile-image-card">
                                                        <div class="profile-image">
                                                            <img src="{{asset('img/profile.jpg')}}" alt="icone-img" id="upload-logo">
                                                        </div>
                                                        <div class="custom-file-foto">
                                                            <label for="fileUploadLogo">Carregar o Foto</label>
                                                            <input type="file" name="fotoPerfil" id="fileUploadLogo">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-md-6 form-floating-label">
                                                        <input id="inputFloatingLabelNomeFuncionario" type="text" name="nomeFuncionario" class="form-control input-border-bottom" >
                                                        <label for="inputFloatingLabelNomeFuncionario" class="placeholder">Nome</label>
                                                    </div>
                                                    <div class="form-group col-md-3 form-floating-label">
                                                        <input id="inputFloatingLabelBI" type="text" name="codigoBiPassaporte" class="form-control input-border-bottom" >
                                                        <label for="inputFloatingLabelBI" class="placeholder">BI ou Passaporte</label>
                                                    </div>
                                                    <div class="form-group col-md-3 form-floating-label">
                                                        <input id="inputFloatingLabelBI" type="text" name="nif" class="form-control input-border-bottom" >
                                                        <label for="inputFloatingLabelBI" class="placeholder">NIF</label>
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-md-3 form-floating-label">
                                                        <div class="form-check">
                                                            <label class="form-radio-label">
                                                                <input class="form-radio-input" type="radio" name="genero" value="m"  checked="">
                                                                <span class="form-radio-sign">M</span>
                                                            </label>
                                                            <label class="form-radio-label ml-3">
                                                                <input class="form-radio-input" type="radio" name="genero" value="f">
                                                                <span class="form-radio-sign">F</span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-md-3 form-floating-label">
                                                        <select id="inputFloatingLabelProvincia" type="text" title="Estado Civil" name="estadoCivil" class="selectpicker  form-control border-bottom" data-show-subtext="true" data-live-search="true" >
                                                            <option>Solteiro (a)</option>
                                                            <option>Casado (a)</option>
                                                            <option>Divorciado (a)</option>
                                                            <option>Viúvo (a)</option>
                                                        </select>
                                                    </div>
                                                    <div class="form-group col-md-4 form-floating-label">
                                                        <input id="inputFloatingLabelNumAgre" type="number" min="0" name="nsSocail" class="form-control input-border-bottom" >
                                                        <label for="inputFloatingLabelNumAgre" class="placeholder">Nº S. Social</label>
                                                    </div>
                                                    <div class="form-group col-md-2 form-floating-label">
                                                        <input id="inputFloatingLabelNumAgre" type="number" min="0" name="numAgre" class="form-control input-border-bottom" >
                                                        <label for="inputFloatingLabelNumAgre" class="placeholder">Nº de Pes. Agregado</label>
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-md-4 form-floating-label">
                                                        <input id="inputFloatingLabelNac" type="text" name="nacionalidade" class="form-control input-border-bottom" >
                                                        <label for="inputFloatingLabelNac" class="placeholder">Nacionalidade</label>
                                                    </div>
                                                    <div class="form-group col-md-4 form-floating-label d-flex">
                                                        <select id="inputFloatingLabelProvincia" type="text" title="Província Actual" name="provincia" class="selectpicker  form-control border-bottom" data-show-subtext="true" data-live-search="true" >
                                                            <option>Bengo</option>
                                                            <option>Benguela</option>
                                                            <option>Bié</option>
                                                            <option>Cabinda</option>
                                                            <option>Cuando-Cubango</option>
                                                            <option>Cuanza Norte</option>
                                                            <option>Cuanza Sul</option>
                                                            <option>Cunene</option>
                                                            <option>Huambo</option>
                                                            <option>Huíla</option>
                                                            <option>Luanda</option>
                                                            <option>Lunda Norte</option>
                                                            <option>Lunda Sul</option>
                                                            <option>Malanje</option>
                                                            <option>Moxico</option>
                                                            <option>Namibe</option>
                                                            <option>Uíge</option>
                                                            <option>Zaire</option>
                                                        </select>
                                                    </div>
                                                    <div class="form-group col-md-4 form-floating-label">
                                                        <input id="inputFloatingLabelDataNasc" type="text" name="dataNasc" class="form-control input-border-bottom" onfocus="(this.type='date')" >
                                                        <label for="inputFloatingLabelDataNasc" class="placeholder">Data de Nascimento</label>

                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-md-4 form-floating-label">
                                                        <input id="inputFloatingLabelMunicipio" type="text" name="municipio" class="form-control input-border-bottom" >
                                                        <label for="inputFloatingLabelMunicipio" class="placeholder">Município</label>
                                                    </div>
                                                    <div class="form-group col-md-4 form-floating-label">
                                                        <input id="inputFloatingLabelBairro" type="text" name="bairro" class="form-control input-border-bottom" >
                                                        <label for="inputFloatingLabelBairro" class="placeholder">Bairro</label>
                                                    </div>
                                                    <div class="form-group col-md-4 form-floating-label">
                                                        <input id="inputFloatingLabelModada" type="text" name="morada" class="form-control input-border-bottom" >
                                                        <label for="inputFloatingLabelModada" class="placeholder">Morada</label>
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-md-4 form-floating-label">
                                                        <input id="inputFloatingLabelTel" type="text" name="telefone" class="form-control input-border-bottom tel" >
                                                        <label for="inputFloatingLabelTel" class="placeholder">Telemóvel</label>
                                                    </div>
                                                    <div class="form-group col-md-4 form-floating-label">
                                                        <input id="inputFloatingLabelTel2" type="text" name="telefone2" class="form-control input-border-bottom tel">
                                                        <label for="inputFloatingLabelTel2" class="placeholder">Telemóvel Alternativo</label>
                                                    </div>
                                                    <div class="form-group col-md-4 form-floating-label">
                                                        <input id="inputFloatingLabelEmail" type="email" name="email" class="form-control input-border-bottom" >
                                                        <label for="inputFloatingLabelEmail" class="placeholder">E-mail</label>
                                                    </div>
                                                </div>
                                                <div class="form-group text-right">
                                                    <button type="button" class="btn btn-outline-primary btn-sm nextBtn" data-toggle="tooltip" data-placement="top" title="Próximo Passo">
                                                        <span class="btn-label">
                                                            <i class="flaticon-right-arrow-3"></i>
                                                        </span>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row setup-content" id="step-2">
                                            <div class="col-md-12">
                                                <section class="academica">
                                                    <div class="form-row linhas">
                                                        <div class="form-group col-md-4 form-floating-label">
                                                            <input id="inputFloatingLabelNomeInst[]" type="text" name="nomeInst[]" class="form-control input-border-bottom">
                                                            <label for="inputFloatingLabelNomeInst[]" class="placeholder">Nome da Instituição</label>
                                                        </div>
                                                        <div class="form-group col-md-4 form-floating-label">
                                                            <select id="" type="text" title="Titulo" name="titulo[]" class=" form-control border-bottom" data-show-subtext="true" data-live-search="true">
                                                                <option>Ensino de Base</option>
                                                                <option>Técnico Médio</option>
                                                                <option>Licenciatura</option>
                                                                <option>Doutoramento</option>
                                                                <option>Mestrado</option>
                                                                <option>PhD</option>
                                                            </select>
                                                        </div>
                                                        <div class="form-group col-md-4 form-floating-label">
                                                            <input id="inputFloatingLabelArea" type="text" name="area[]" class="form-control input-border-bottom">
                                                            <label for="inputFloatingLabelArea" class="placeholder">Área</label>
                                                        </div>
                                                    </div>
                                                    <a class="btn btn-info btn-sm" href="#" id="btnAdd">
                                                        <i class="fa fa-plus" data-toggle="tooltip" data-placement="top" title=""></i>
                                                    </a>
                                                </section>

                                                <div class="form-group text-right">
                                                    <button type="button" class="btn btn-outline-primary btn-sm nextBtn" data-toggle="tooltip" data-placement="top" title="Próximo Passo">
                                                        <span class="btn-label">
                                                            <i class="flaticon-right-arrow-3"></i>
                                                        </span>
                                                    </button>
                                                </div>

                                            </div>
                                        </div>

                                        <div class="row setup-content" id="step-3">
                                            <div class="col-md-12">
                                                <section class="profissional">
                                                    <div class="linhasP">
                                                        <div class="form-row">
                                                            <div class="form-group col-md-5 form-floating-label">
                                                                <input id="inputFloatingLabelNomeInstC" type="text" name="nomeInstC[]" class="form-control input-border-bottom">
                                                                <label for="inputFloatingLabelNomeInstC" class="placeholder">Nome da Instituição</label>
                                                            </div>
                                                            <div class="form-group col-md-5 form-floating-label">
                                                                <input id="inputFloatingLabelNomeCurso" type="text" name="nomeCurso[]" class="form-control input-border-bottom">
                                                                <label for="inputFloatingLabelNomeCurso" class="placeholder">Nome do Curso</label>
                                                            </div>
                                                            <div class="form-group col-md-2 form-floating-label">
                                                                <input id="inputFloatingLabelNumHoras" type="number" min="1" name="numHoras[]" class="form-control input-border-bottom">
                                                                <label for="inputFloatingLabelNumHoras" class="placeholder">Nº de Horas</label>
                                                            </div>
                                                        </div>
                                                        <div class="form-row">
                                                            <div class="form-group col-md-6 form-floating-label">
                                                                <input id="inputFloatingLabelDataIn" type="text" name="dataIn[]" class="form-control input-border-bottom" onfocus="(this.type='date')">
                                                                <label for="inputFloatingLabelDataIn" class="placeholder">Data de Início</label>
                                                            </div>
                                                            <div class="form-group col-md-6 form-floating-label">
                                                                <input id="inputFloatingLabelDataConclução" type="text" name="dataConclução[]" class="form-control input-border-bottom" onfocus="(this.type='date')">
                                                                <label for="inputFloatingLabelDataConclução" class="placeholder">Data de Fim</label>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <a class="btn btn-info btn-sm" href="#" id="btnAddP">
                                                        <i class="fa fa-plus" data-toggle="tooltip" data-placement="top" title=""></i>
                                                    </a>
                                                </section>

                                                <div class="form-group text-right">
                                                    <button type="button" class="btn btn-outline-primary btn-sm nextBtn" data-toggle="tooltip" data-placement="top" title="Próximo Passo">
                                                        <span class="btn-label">
                                                            <i class="flaticon-right-arrow-3"></i>
                                                        </span>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row setup-content" id="step-4">
                                            <div class="col-md-12">
                                                <section class="publicacoes">
                                                    <div class="linhasPub">
                                                        <div class="form-row">
                                                            <div class="form-group col-md-4 form-floating-label">
                                                                <select id="inputFloatingLabelTipoPub" type="text" title="Tipo da Publicação" name="tipoPub[]" class="selectpicker  form-control border-bottom" data-show-subtext="true" data-live-search="true">
                                                                    <optgroup label="Publicações">
                                                                        <option>Artigos Cientificos</option>
                                                                        <option>Livros</option>
                                                                        <option>Obras</option>
                                                                        <option>Documentos</option>
                                                                        <option>Conferências</option>
                                                                    </optgroup>
                                                                    <optgroup label="Juris">
                                                                        <option>Doutorado</option>
                                                                        <option>Mestrado</option>
                                                                        <option>Licenciatura</option>
                                                                    </optgroup>
                                                                    <optgroup label="Orientação">
                                                                        <option>Doutorado</option>
                                                                        <option>Mestrado</option>
                                                                        <option>Licenciatura</option>
                                                                    </optgroup>
                                                                </select>
                                                            </div>
                                                            <div class="form-group col-md-4 form-floating-label">
                                                                <input id="inputFloatingLabelOnde" type="text" name="onde[]" class="form-control input-border-bottom">
                                                                <label for="inputFloatingLabelOnde" class="placeholder">Onde?</label>
                                                            </div>
                                                            <div class="form-group col-md-4 form-floating-label">
                                                                <input id="inputFloatingLabelAnoPub" type="text" name="anoPub[]" class="form-control input-border-bottom">
                                                                <label for="inputFloatingLabelAnoPub" class="placeholder">Ano da Publicação</label>
                                                            </div>
                                                        </div>
                                                        <div class="form-row">
                                                            <div class="form-group col-md-6 form-floating-label">
                                                                <select id="inputFloatingLabelProvaApt" type="text" title="Prova de Aptidão" name="provaAPt[]" class="selectpicker  form-control border-bottom" data-show-subtext="true" data-live-search="true">
                                                                    <option>Apto</option>
                                                                    <option>Não Apto</option>
                                                                </select>
                                                            </div>
                                                            <div class="form-group col-md-6 form-floating-label">
                                                                <select id="inputFloatingLabelAv" type="text" title="Avalição de Desempenho" name="avd[]" class="selectpicker  form-control border-bottom" data-show-subtext="true" data-live-search="true">
                                                                    <option>Distinção</option>
                                                                    <option>Muito Bom</option>
                                                                    <option>Bom</option>
                                                                    <option>Suficiente</option>
                                                                    <option>Insuficiente</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <a class="btn btn-info btn-sm" href="#" id="btnAddPub">
                                                        <i class="fa fa-plus" data-toggle="tooltip" data-placement="top" title=""></i>
                                                    </a>
                                                </section>

                                                <div class="form-group text-right">
                                                    <button type="button" class="btn btn-outline-primary btn-sm nextBtn" data-toggle="tooltip" data-placement="top" title="Próximo Passo">
                                                        <span class="btn-label">
                                                            <i class="flaticon-right-arrow-3"></i>
                                                        </span>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row setup-content" id="step-5">
                                            <div class="col-md-12">
                                                <div class="form-row">
                                                    <div class="form-group col-md-4 form-floating-label">
                                                        <input type="hidden" name="empresa" value="{{$empresa->id}}">
                                                        <select id="inputFloatingLabelPolos" title="Polo" name="polo"  class="selectpicker  form-control border-bottom" aria-multiselectable="true" data-show-subtext="true" data-live-search="true">
                                                            @foreach ($polos as $polo)
                                                                <option value="{{$polo->id}}">{{ $polo->nome_polo }}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <div class="form-group col-md-4 form-floating-label">
                                                        <select id="inputFloatingDept" type="text" title="Departamento/Secção" name="departamento" class="selectpicker  form-control border-bottom" data-show-subtext="true" data-live-search="true" >
                                                            @foreach ($departamentos as $departamento)
                                                                <option value="{{$departamento->id}}">{{$departamento->nome_departamento}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <div class="form-group col-md-4 form-floating-label">
                                                        <select id="inputFloatingCarreira" type="text" title="Cargo Docente" name="cargoDoc" class="selectpicker  form-control border-bottom" data-show-subtext="true" data-live-search="true">
                                                            @foreach ($carreiras_doc as $carreira_doc)
                                                                <option value="{{$carreira_doc->id}}">{{$carreira_doc->nome_cargo}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    @php
                                                        $carreiras = DB::table('cargos_docente')->get();
                                                    @endphp
                                                    <div class="form-group col-md-4 form-floating-label">
                                                        <select id="inputFloatingEscalao" type="text" title="Escalão" name="escalao" class="selectpicker  form-control border-bottom" data-show-subtext="true" data-live-search="true">
                                                            @foreach ($carreiras as $carreira)
                                                                @php
                                                                    $escaloes = DB::table('escalao_categoria_prof')->where('cargos_docente_id', $carreira->id)->get();
                                                                @endphp
                                                                <optgroup label="Escalões - {{ $carreira->nome_cargo }}">
                                                                    @foreach ($escaloes as $escalao)
                                                                        <option value="{{$escalao->id}}">{{$escalao->escalao}}</option>
                                                                    @endforeach
                                                                </optgroup>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <div class="form-group col-md-3 form-floating-label">
                                                        <select id="inputFloatingCategoria" type="text" title="Categoria" name="categoria" class="selectpicker  form-control border-bottom" data-show-subtext="true" data-live-search="true" >
                                                            @foreach ($categorias as $categoria)
                                                                <option value="{{$categoria->id}}">{{$categoria->tipo}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <div class="form-group col-md-3 form-floating-label">
                                                        <select id="inputFloatingVinculo" title="Vínculo Laboral" name="vinculoLaboral" class="selectpicker  form-control border-bottom" data-show-subtext="true" data-live-search="true" >
                                                            @foreach ($vinculos as $vinculo)
                                                                <option value="{{$vinculo->id}}">{{$vinculo->tipo}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <div class="form-group col-md-2 form-floating-label">
                                                        <input id="inputFloatingLabelCarga" type="number" min="0" name="cargaHoraria" class="form-control input-border-bottom">
                                                        <label for="inputFloatingLabelCarga" class="placeholder">Carga Horária/Mês</label>
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-md-3 form-floating-label d-flex" id="SeleSalario">
                                                        <select id="inputFloatingNivelS" title="Salário" name="nivelSalarial" class="selectpicker  form-control border-bottom" data-show-subtext="true" data-live-search="true" >
                                                            @foreach ($salarios as $salario)
                                                                <option value="{{$salario->id}}">{{ number_format($salario->valor, '2', ',', '.') }}</option>
                                                            @endforeach
                                                        </select>
                                                        <div class="input-group-append">
                                                            <button class="input-group-text btn-primary" style="color: #fff;" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"><i class="fas fa-plus"></i></button>
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-md-4 d-flex form-floating-label" id="premeios">
                                                        <select id="inputFloatingPremios" title="Prémios" name="premios[]" class="selectpicker  form-control border-bottom "  multiple>
                                                            @foreach ($premios as $premio)
                                                                @php
                                                                   $tipo_premios = DB::table('tipo_premios')->where('premio_id', $premio->id)
                                                                   ->orderBy('nome')->get();
                                                                @endphp
                                                                <optgroup label="{{$premio->nome_premio}}">
                                                                    @foreach ($tipo_premios as $item)
                                                                        <option value="{{$item->id}}">{{$item->nome}} | {{ number_format($item->valor_fixo, '2', ',', '.') }}</option>
                                                                    @endforeach
                                                                </optgroup>
                                                            @endforeach
                                                        </select>
                                                        <div class="input-group-append">
                                                            <button class="input-group-text btn-primary" style="color: #fff;" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"><i class="fas fa-plus"></i></button>
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-md-5 d-flex form-floating-label" id="subsidio">
                                                        <select id="inputFloatingPremios" title="Subsidios" name="subsidios[]" class="selectpicker  form-control border-bottom"  multiple>
                                                            @foreach ($subsidios as $subsido)
                                                                @php
                                                                   $tipo_subsidios = DB::table('subsidio_valors')->where('tipo_sub_id', $subsido->id)
                                                                   ->orderBy('valor')->get();
                                                                @endphp
                                                                <optgroup label="{{$subsido->tipo}}">
                                                                    @foreach ($tipo_subsidios as $item)
                                                                        <option value="{{$item->id}}">{{$subsido->tipo}} | {{ number_format($item->valor, '2', ',', '.') }}</option>
                                                                    @endforeach
                                                                </optgroup>
                                                            @endforeach
                                                        </select>
                                                        <div class="input-group-append ">
                                                            <button class="input-group-text btn-primary" style="color: #fff;" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"><i class="fas fa-plus"></i></button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-md-3 form-floating-label">
                                                        <select title="Avença Mensal?" name="avenca" class="selectpicker  form-control border-bottom">
                                                            <option selected disabled>Avença Mensal?</option>
                                                            <option>Não</option>
                                                            <option>Sim</option>
                                                        </select>
                                                    </div>
                                                    <div class="form-group col-md-3 form-floating-label" id="subsidio">
                                                        <select title="Impostos Colectável?" name="colectavel" class="selectpicker  form-control border-bottom">
                                                            <option selected disabled>Impostos Colectável?</option>
                                                            <option>Não</option>
                                                            <option>Sim</option>
                                                        </select>
                                                    </div>
                                                    <div class="form-group col-md-3">
                                                        <select title="Banco" name="banco" class="selectpicker  form-control border-bottom" data-show-subtext="true" data-live-search="true" >
                                                            @foreach ($bancos as $banco)
                                                                <option>{{$banco->nome_banco}}</option>
                                                            @endforeach
                                                        </select>
                                                    </div>
                                                    <div class="form-group col-md-3 form-floating-label">
                                                        <input id="inputFloatingLabelDataFim" type="text" name="n_conta" class="form-control input-border-bottom">
                                                        <label for="inputFloatingLabelDataFim" class="placeholder">Nº Conta</label>
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-md-4">
                                                        <input id="inputFloatingLabelIbanFunc" type="text" name="iban" class="form-control input-border-bottom iban">
                                                        <label for="inputFloatingLabelIbanFunc" class="placeholder">IBAN</label>
                                                    </div>
                                                    <div class="form-group col-md-4 form-floating-label">
                                                        <input id="inputFloatingLabelDataFim" type="text" name="nib" class="form-control input-border-bottom">
                                                        <label for="inputFloatingLabelDataFim" class="placeholder">NIB</label>
                                                    </div>
                                                    <div class="form-group col-md-4 form-floating-label">
                                                        <input id="inputFloatingLabelDataFim" type="text" name="swift" class="form-control input-border-bottom">
                                                        <label for="inputFloatingLabelDataFim" class="placeholder">Swift </label>
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col-md-6 form-floating-label">
                                                        <input id="inputFloatingLabelDataCel" type="text" name="dataCel" class="form-control input-border-bottom" onfocus="(this.type='date')">
                                                        <label for="inputFloatingLabelDataCel" class="placeholder">Data de Celebração</label>
                                                    </div>
                                                    <div class="form-group col-md-6 form-floating-label">
                                                        <input id="inputFloatingLabelDataFim" type="text" name="dataFim" class="form-control input-border-bottom" onfocus="(this.type='date')">
                                                        <label for="inputFloatingLabelDataFim" class="placeholder">Data de Conclusão</label>
                                                    </div>
                                                </div>
                                                <div class="form-row">
                                                    <div class="form-group col">
                                                        <label for="customFile"></label>
                                                        <div class="custom-file">
                                                            <input type="file" class="custom-file-input arquivoDocContrato" id="customFile1" name="arquivoDocContrato">
                                                            <label class="custom-file-label ContratoLabel" for="customFile">Arquivo do Contrato</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group text-right">
                                                    <button type="button" class="btn btn-outline-primary btn-sm nextBtn" data-toggle="tooltip" data-placement="top" title="Próximo Passo">
                                                        <span class="btn-label">
                                                            <i class="flaticon-right-arrow-3"></i>
                                                        </span>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row setup-content" id="step-6">
                                            <div class="col-md-12">
                                                <section class="documento">
                                                    <div class="linhasDoc">
                                                        <div class="form-row">
                                                            <div class="form-group col-md-4 form-floating-label">
                                                                <select id="inputFloatingLabelTipoDoc" type="text" title="Tipo de Documento" name="tipoDoc[]" class="selectpicker  form-control border-bottom" data-show-subtext="true" data-live-search="true">
                                                                    <option>BI</option>
                                                                    <option>Passaporte</option>
                                                                </select>
                                                            </div>
                                                            <!--
                                                            <div class="form-group col-md-4 form-floating-label">
                                                                <input id="inputFloatingLabelTipoDoc" type="text" name="tipoDoc[]" class="form-control input-border-bottom">
                                                                <label for="inputFloatingLabelTipoDoc" class="placeholder">Tipo de Documento</label>
                                                            </div>
                                                            -->
                                                            <div class="form-group col-md-4 form-floating-label">
                                                                <input id="inputFloatingLabelEmissao" type="text" name="localEmissao[]" class="form-control input-border-bottom">
                                                                <label for="inputFloatingLabelEmissao" class="placeholder">Local de Emissão</label>
                                                            </div>
                                                            <div class="form-group col-md-4 form-floating-label">
                                                                <input id="inputFloatingLabelCodigo" type="text" name="codigoDoc[]" class="form-control input-border-bottom">
                                                                <label for="inputFloatingLabelCodigo" class="placeholder">Código do Documento</label>
                                                            </div>
                                                        </div>
                                                        <div class="form-row">
                                                            <div class="form-group col-md-6 form-floating-label">
                                                                <input id="inputFloatingLabelDataEsmissao" type="text" name="dataEsmissao[]" class="form-control input-border-bottom" onfocus="(this.type='date')">
                                                                <label for="inputFloatingLabelDataEsmissao" class="placeholder">Data de Emissão</label>
                                                            </div>
                                                            <div class="form-group col-md-6 form-floating-label">
                                                                <input id="inputFloatingLabelDataValidade" type="text" name="dataValidade[]" class="form-control input-border-bottom" onfocus="(this.type='date')">
                                                                <label for="inputFloatingLabelDataValidade" class="placeholder">Data de Validade</label>
                                                            </div>
                                                        </div>

                                                        <!--  <div class="form-row">
                                                            <div class="form-group col">
                                                                <label for="customFile"></label>
                                                                <div class="custom-file">
                                                                    <input type="file" class="custom-file-input arquivoDoc" id="customFile1" name="arquivoDoc" multiple>
                                                                    <label class="custom-file-label arquivoDocLabel" for="customFile">Arquivo</label>
                                                                </div>
                                                            </div>
                                                        </div> -->

                                                    </div>

                                                    <a class="btn btn-info btn-sm" href="#" id="btnAddDoc">
                                                        <i class="fa fa-plus" data-toggle="tooltip" data-placement="top" title=""></i>
                                                    </a>
                                                    <div class="form-row p-1">
                                                        <label for="customFile"></label>
                                                        <div class="custom-file">
                                                            <input type="file" class="custom-file-input arquivoDoc" id="customFile4" name="arquivoDoc">
                                                            <label class="custom-file-label arquivoDocLabel" for="customFile">Carregar B.I</label>
                                                        </div>
                                                    </div>

                                                </section>

                                                <div class="form-group text-right">
                                                    <button id="" class="btn btn-primary  btn-sm btn-verify" id="registarAnoLetivo">
                                                        <span class="btn-label">
                                                            <i class="flaticon-success"></i>
                                                        </span>
                                                        Registar
                                                    </button>
                                                </div>

                                            </div>
                                        </div>

                                    </form>

                                </div>
                            </div>
                        </div>
                      </div>
                </div>
              </div>
        </div>
    </div>
</div>
@endsection