@extends('site.master.layout')


@section('content')

    <style>
        label {
            font-size: 11pt !important;
            margin-bottom: 10px;
            color: gray;
        }

        .form-control {
            border-radius: 5px !important;
        }

        .register-btn {
            border-radius: 5px;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            padding: 5px 12px;
        }

        .select2-container--default .select2-selection--single {
            height: 42px;
            border-radius: 5px;
        }

        .select2-container {
            display: block;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 100%;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: gray;
        }

        .dados {
            box-shadow: 0 0 30px rgba(214, 215, 216, 0.6);
            padding: 30px;
            margin-bottom: 20px;
        }

        .form-group {
            margin-bottom: 10px;
        }

        .register-btn {
            background-color: #629fd3;
            border: none;
        }

        .section-title {
            padding-top: 15px;
        }

        .select2-container--default .select2-selection--multiple {
            min-height: 35px;
        }

        .remove-socios i {
            font-size: 16pt;
        }


        .space-between {
            display: flex;
            justify-content: space-between;
        }

        .socios {
            margin-top: 30px;
        }

        .add-socios:hover,
        .add-anexo:hover {
            color: #fff !important;
            background-color: #629fd3;
            border-color: #629fd3;
        }

        .select2-container {
            width: 100% !important;
        }

        .required-span {
            color: red;
            font-size: 10pt;
        }
    </style>
    <!-- ======= Contact Us Section ======= -->
    <section id="contact" class="contact">
        <div class="container" data-aos="fade-up">

            <div class="section-title">
                <h2>Identificação do Projeto / Ideia de Negócio</h2>
            </div>

            <div class="row">

                <div class="col-lg-12" data-aos="fade-up" data-aos-delay="300">
                    <form method="POST" action="{{ route('empreender.universitario.store') }}" id="register-form"
                        enctype="multipart/form-data">
                        @CSRF
                        <div class="dados">
                            <div class="row">
                                <div class="col-lg-6 form-group">
                                    <div class="">
                                        <label for="designacao_projecto">Designação do Projeto / Ideia</label>
                                        <input type="text" class="form-control" name="designacao_projecto"
                                            id="designacao_projecto" aria-describedby="nomeHelp" placeholder="" required
                                            value="{{ old('designacao_projecto') }}">
                                    </div>
                                </div>
                                <div class="col-lg-6 form-group">
                                    <label for="tipo_candidatura">Tipo de Candidatura</label>
                                    <select class="form-select form-control" name="tipo_candidatura" id="tipo_candidatura"
                                        required>
                                        <option value="" disabled
                                            @if (old('tipo_candidatura') == '') {{ 'selected' }} @endif>Selecionar
                                            Tipo Candidatura
                                        </option>
                                        <option value="Individual"
                                            @if (old('tipo_candidatura') == 'Individual') {{ 'selected' }} @endif>
                                            Individual</option>
                                        <option value="Grupo"
                                            @if (old('tipo_candidatura') == 'Grupo') {{ 'selected' }} @endif>
                                            Grupo</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-4 form-group">
                                    <label for="sector_atividade">Setor Atividade</label>
                                    <select class="form-select form-control" name="sector_atividade" id="sector_atividade" required>
                                        <option value="" disabled
                                            @if (old('sector_atividade') == '') {{ 'selected' }} @endif>Selecionar
                                            Setor Atividade
                                        </option>
                                        @foreach ($sector_atividades as $sector_atividade)
                                            <option value="{{ $sector_atividade->id }}"
                                                @if (old('sector_atividade') == $sector_atividade->id) {{ 'selected' }} @endif>
                                                {{ $sector_atividade->descricao }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-lg-4 form-group">
                                    <label for="city">Municipio</label>
                                    <select class="form-select form-control city" name="city" id="city" required>
                                        <option value="" disabled
                                            @if (old('city') == '') {{ 'selected' }} @endif>Selecionar
                                            Municipio
                                        </option>
                                        @foreach ($citys as $city)
                                            <option value="{{ $city->id }}"
                                                @if (old('city') == $city->id) {{ 'selected' }} @endif>
                                                {{ $city->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-lg-4 form-group">
                                    <label for="outro_pais">Especificar outro País</label>
                                    <input type="text" class="form-control" name="outro_pais"
                                        id="outro_pais" aria-describedby="nomeHelp" placeholder=""
                                        value="{{ old('outro_pais') }}">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-12 form-group">
                                    <label for="fase_projeto">Fase em que se encontra Projeto / Ideia</label>
                                    <select class="form-select form-control" name="fase_projeto" id="fase_projeto" required>
                                        <option value="" disabled
                                            @if (old('fase_projeto') == '') {{ 'selected' }} @endif>Selecionar
                                            Fase do Projeto
                                        </option>
                                        <option value="Estruturação"
                                            @if (old('fase_projeto') == 'Estruturação') {{ 'selected' }} @endif>
                                            Estruturação</option>
                                        <option value="Implementação"
                                            @if (old('fase_projeto') == 'Implementação') {{ 'selected' }} @endif>
                                            Implementação</option>
                                        <option value="Expansão"
                                            @if (old('fase_projeto') == 'Expansão') {{ 'selected' }} @endif>
                                            Expansão</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="section-title">
                            <h2 id="title-doc">Projeto / Ideia de Negócio</h2>
                        </div>
                        <div class="dados">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="form-group">
                                        <label for="desc_projecto_mercado">Breve descrição do Negócio e do Mercado alvo</label>
                                        <textarea class="form-control" name="desc_projecto_mercado" id="desc_projecto_mercado" rows="5" placeholder="" required
                                                value="">{{ old('desc_projecto_mercado') }}</textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group">
                                    <label for="desc_produtos_servicos">Descrição de Produtos e/ou Serviços</label>
                                    <textarea class="form-control" name="desc_produtos_servicos" id="desc_produtos_servicos" rows="5" placeholder="" required
                                            value="">{{ old('desc_produtos_servicos') }}</textarea>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-group">
                                    <label for="perfil_equipa">Perfil da Equipa | Experiência Profissional e Formação Académica</label>
                                    <textarea class="form-control" name="perfil_equipa" id="perfil_equipa" rows="5" placeholder="" required> {{ old('perfil_equipa') }}</textarea>
                                </div>
                            </div>
                        </div>

                        <div class="section-title">
                            <h2 id="title-doc">Investimentos Previstos (Opcional)</h2>
                        </div>
                        <div class="dados">
                            <div class="row">
                                <div class="col-6">
                                    <div class="form-group">
                                        <label for="valor_investimento">Valor (Em Escudos)</label>
                                        <input type="number" class="form-control" name="valor_investimento" min="0"
                                            id="valor_investimento" aria-describedby="nomeHelp" placeholder=""
                                            value="{{ old('valor_investimento') }}">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12">
                                    <div class="form-group">
                                        <label for="desc_investimento">Descrição</label>
                                        <textarea class="form-control" name="desc_investimento" id="desc_investimento" rows="5" placeholder="">{{ old('desc_investimento') }}</textarea>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="section-title">
                            <h2 id="title-doc">Sócios/Acionistas</h2>
                        </div>
                        <div class="dados">
                            <div class="socios-parent">
                                <div class="socios">
                                    <div class="space-between">
                                        <h5 style="color: #5c768d;" class="num-text">#Sócio 1</h5>
                                        <a href="javascript:void(0)"
                                            class="remove-socios btn btn-sm btn-outline-danger"><i
                                                class="bi bi-trash trash-icon"></i></a>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-4 form-group">
                                            <label for="name_0">Nome Completo</label>
                                            <input type="text" name="socios[0][nome]" class="form-control"
                                                id="name_0" value="{{ old('socios', [['nome' => '']])[0]['nome'] }}"
                                                required>
                                        </div>
                                        <div class="col-lg-4 form-group">
                                            <label for="email_0">Email</label>
                                            <input type="email" class="form-control" name="socios[0][email]"
                                                id="email_0" value="{{ old('socios', [['email' => '']])[0]['email'] }}"
                                                required>
                                        </div>
                                        <div class="col-lg-4 form-group">
                                            <label for="data_nascimento_0">Data de Nascimento</label>
                                            <input type="text" name="socios[0][data_nascimento]" class="form-control"
                                                id="data_nascimento_0" onfocus="(this.type='date')" required
                                                value="{{ old('socios', [['data_nascimento' => '']])[0]['data_nascimento'] }}">
                                        </div>
                                        <div class="col-lg-4 form-group">
                                            <label for="genero_0">Género</label>
                                            <select class="form-select form-control" name="socios[0][genero]"
                                                id="genero_0" required>
                                                <option value="" disabled
                                                    @if (!isset(old('socios', [['genero' => '']])[0]['genero']) ||
                                                        old('socios', [['genero' => '']])[0]['genero'] == '') {{ 'selected' }} @endif>
                                                    Selecionar
                                                    género
                                                </option>
                                                <option value="Masculino"
                                                    @if (isset(old('socios', [['genero' => '']])[0]['genero']) &&
                                                        old('socios', [['genero' => '']])[0]['genero'] == 'Masculino') {{ 'selected' }} @endif>
                                                    Masculino</option>
                                                <option value="Feminino"
                                                    @if (isset(old('socios', [['genero' => '']])[0]['genero']) &&
                                                        old('socios', [['genero' => '']])[0]['genero'] == 'Feminino') {{ 'selected' }} @endif>
                                                    Feminino</option>
                                            </select>
                                        </div>
                                        <div class="col-lg-4 form-group">
                                            <label for="estado_civil_0">Estado Civil</label>
                                            <select class="form-select form-control" name="socios[0][estado_civil]"
                                                id="estado_civil_0" required>
                                                <option value="" disabled
                                                    @if (!isset(old('socios', [['estado_civil' => '']])[0]['estado_civil']) ||
                                                        old('socios', [['estado_civil' => '']])[0]['estado_civil'] == '') {{ 'selected' }} @endif>
                                                    Selecionar
                                                    Estado Civil
                                                </option>
                                                <option value="Solteiro"
                                                    @if (isset(old('socios', [['estado_civil' => '']])[0]['estado_civil']) &&
                                                        old('socios', [['estado_civil' => '']])[0]['estado_civil'] == 'Solteiro') {{ 'selected' }} @endif>
                                                    Solteiro</option>
                                                <option value="Casado"
                                                    @if (isset(old('socios', [['estado_civil' => '']])[0]['estado_civil']) &&
                                                        old('socios', [['estado_civil' => '']])[0]['estado_civil'] == 'Casado') {{ 'selected' }} @endif>
                                                    Casado</option>
                                            </select>
                                        </div>

                                        <div class="col-lg-4 form-group">
                                            <label for="entidade_id_0">Universidade</label>
                                            <select class="form-select form-control" name="socios[0][entidade_id]"
                                                id="entidade_id_0" required>
                                                <option value="" disabled
                                                    @if (!isset(old('socios', [['entidade_id' => '']])[0]['entidade_id']) ||
                                                        old('socios', [['entidade_id' => '']])[0]['entidade_id'] == '') {{ 'selected' }} @endif>
                                                    Selecionar universidade
                                                </option>
                                                @foreach ($universidades as $universidade)
                                                    <option value="{{ $universidade->id }}"
                                                        @if (isset(old('socios', [['entidade_id' => '']])[0]['entidade_id']) &&
                                                            old('socios', [['entidade_id' => '']])[0]['entidade_id'] == $universidade->id) {{ 'selected' }} @endif>
                                                    {{ $universidade->nome }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row">

                                        <div class="col-lg-3 form-group">
                                            <label for="residencia_0">País de residência</label>
                                            <select class="form-select form-control residencia"
                                                name="socios[0][residencia]" id="residencia_0" required>
                                                <option value="" disabled>
                                                    Selecionar
                                                    País de
                                                    Residencia</option>
                                                @foreach ($countries as $country)
                                                    <option value="{{ $country->id }}"
                                                        @if (isset(old('socios', [['residencia' => '']])[0]['residencia']) &&
                                                            old('socios', [['residencia' => '41']])[0]['residencia'] == $country->id) {{ 'selected' }} @endif>
                                                        {{ $country->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-lg-3 form-group">
                                            <label for="id_identification_0" id="label_id_identification">Número Doc de
                                                Identificação</label>
                                            <input type="text" name="socios[0][id_identificacao]" class="form-control"
                                                id="id_identification_0"
                                                value="{{ old('socios', [['id_identificacao' => '']])[0]['id_identificacao'] }}"
                                                required>
                                        </div>
                                        <div class="col-lg-3 form-group">
                                            <label for="data_validacao_0">Data de Validade</label>
                                            <input type="text" name="socios[0][data_validacao]" class="form-control"
                                                id="data_validacao_0"
                                                value="{{ old('socios', [['data_validacao' => '']])[0]['data_validacao'] }}"
                                                required onfocus="(this.type='date')">
                                        </div>
                                        <div class="col-lg-3 form-group">
                                            <label for="contacto_0">Número de Telefone</label>
                                            <input type="text" name="socios[0][contacto]" class="form-control"
                                                id="contacto_0"
                                                value="{{ old('socios', [['contacto' => '']])[0]['contacto'] }}" required>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-3 form-group"">
                                            <label for="nif_0">NIF</label>
                                            <input type="text" name="socios[0][nif]" id="nif_0"
                                                class="form-control" value="{{ old('socios', [['nif' => '']])[0]['nif'] }}"
                                                required>
                                        </div>
                                        <div class="col-lg-3 form-group"">
                                            <label for="localidade_0">Localidade</label>
                                            <select class="form-select form-control" name="socios[0][localidade]"
                                                id="localidade_0" required>
                                                <option value="" disabled
                                                    @if (isset(old('socios', [['localidade' => '']])[0]['localidade']) &&
                                                        old('socios', [['localidade' => '']])[0]['localidade'] == '') {{ 'selected' }} @endif>
                                                    Selecionar
                                                    localidade
                                                </option>
                                                @foreach ($citys as $city)
                                                    <option value="{{ $city->id }}"
                                                        @if (isset(old('socios', [['localidade' => '']])[0]['localidade']) &&
                                                            old('socios', [['localidade' => '']])[0]['localidade'] == $city->id) {{ 'selected' }} @endif>
                                                        {{ $city->name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-lg-3 form-group">
                                            <label for="morada_0">Morada</label>
                                            <input type="text" name="socios[0][morada]" id="morada_0"
                                                class="form-control"
                                                value="{{ old('socios', [['morada' => '']])[0]['morada'] }}" required>
                                        </div>
                                        <div class="col-lg-3 form-group">
                                            <label for="emprego_0">Situação atual</label>
                                            <select name="socios[0][emprego]" id="emprego_0"
                                                class="form-select form-control" required>
                                                <option value="" selected>Seleciona Situação atual</option>
                                                <option value="empregado"
                                                    @if (isset(old('socios', [['emprego' => '']])[0]['emprego']) &&
                                                        old('socios', [['emprego' => '']])[0]['emprego'] == 'empregado') {{ 'selected' }} @endif>
                                                    Empregado
                                                </option>
                                                <option value="desempregado"
                                                    @if (isset(old('socios', [['emprego' => '']])[0]['emprego']) &&
                                                        old('socios', [['emprego' => '']])[0]['emprego'] == 'desempregado') {{ 'selected' }} @endif>
                                                    Desempregado
                                                </option>
                                                <option value="Estudante"
                                                    @if (isset(old('socios', [['emprego' => '']])[0]['emprego']) &&
                                                        old('socios', [['emprego' => '']])[0]['emprego'] == 'Estudante') {{ 'selected' }} @endif>
                                                        Estudante
                                                </option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-3 form-group">
                                            <label for="qualitication_0">Nivel Escolaridade</label>
                                            <select name="socios[0][qualification]" id="qualification_0"
                                                class="form-select form-control qualification" required>
                                                <option value="" selected="selected"> Seleciona Escolaridade
                                                </option>

                                                @foreach ($qualifications as $qualification)
                                                    @if ($qualification->id != 7) 
                                                    {{-- Not Show Nenhum --}}
                                                    <option value="{{ $qualification->id }}"
                                                        @if (isset(old('socios', [['qualification' => '']])[0]['qualification']) &&
                                                            old('socios', [['qualification' => '']])[0]['qualification'] == $qualification->id) {{ 'selected' }} @endif>
                                                        {{ $qualification->descricao }}
                                                    </option>
                                                    @endif
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="col-lg-3 form-group">
                                            <label for="data_conclusao_escolaridade_0">Data de conclusão da
                                                formação</label>
                                            <input type="text" name="socios[0][data_conclusao_escolaridade]"
                                                id="data_conclusao_escolaridade_0"
                                                value="{{ old('socios', [['data_conclusao_escolaridade' => '']])[0]['data_conclusao_escolaridade'] }}"
                                                class="form-control" onfocus="(this.type='date')">
                                        </div>
                                        <div class="col-lg-3 form-group">
                                            <label for="capital_social_0">Valor de Capital Social(Em Escudo)</label>
                                            <input type="number" name="socios[0][capital_social]" id="capital_social_0" min="0"
                                                value="{{ old('socios', [['capital_social' => '']])[0]['capital_social'] }}"
                                                class="form-control">
                                        </div>
                                        <div class="col-lg-3 form-group">
                                            <label for="percent_capital_0">Percentagem de Capital Social(%)</label>
                                            <input type="number" name="socios[0][percent_capital]" min="0"
                                                id="percent_capital_0"
                                                value="{{ old('socios', [['percent_capital' => '']])[0]['percent_capital'] }}"
                                                class="form-control">
                                        </div>
                                    </div>
                                    <div class="row" style="margin-top: 5px;margin-bottom: 5px;" id="files-row">
                                        <div class="col-lg-3 form-group">
                                            <label for="doc_bi_0" id="labe_doc_bi">Cópia do BI/CNI/Passaporte/TRE</label>
                                            <input type="file" name="socios[0][doc_bi]" class="form-control"
                                                accept='application/msword,application/pdf, image/*' required
                                                id="doc_bi_0">
                                        </div>
                                        <div class="col-lg-3 form-group">
                                            <label for="doc_nif_0">Número de Identificação Fiscal</label>
                                            <input type="file" name="socios[0][doc_nif]" id="doc_nif_0"
                                                class="form-control" accept='application/msword,application/pdf, image/*'
                                                required>
                                        </div>
                                        <div class="col-lg-3 form-group">
                                            <label for="doc_certificacao_habilitacao_0" id="doc_certificacao_habilitacao_label">Comprovativo de Habilitações Literárias</label>
                                            <input type="file" name="socios[0][doc_certificacao_habilitacao]"
                                                id="doc_certificacao_habilitacao_0" class="form-control"
                                                accept='application/msword,application/pdf, image/*' required>
                                        </div>
                                        <div class="col-lg-3 form-group">
                                            <label for="doc_cv_0">Curriculum Vitae</label>
                                            <input type="file" name="socios[0][doc_cv]" id="doc_cv_0"
                                                class="form-control" accept='application/msword,application/pdf, image/*'
                                                required>
                                        </div>
                                    </div>
                                    <hr>
                                </div>
                                @if (count(old('socios', [])) > 1)
                                    @php
                                        $socios = old('socios');
                                        unset($socios[0]);
                                    @endphp
                                    @foreach ($socios as $key => $socio)
                                        <div class="socios">
                                            <div class="space-between">
                                                <h5 style="color: #5c768d;" class="num-text">#Socio {{ $key + 1 }}
                                                </h5>
                                                <a href="javascript:void(0)"
                                                    class="remove-socios btn btn-sm btn-outline-danger"><i
                                                        class="bi bi-trash trash-icon"></i></a>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-3 form-group">
                                                    <label for="name_{{ $key }}">Nome Completo</label>
                                                    <input type="text" name="socios[{{ $key }}][nome]"
                                                        class="form-control" id="name_{{ $key }}"
                                                        value="{{ $socio['nome'] }}" required>
                                                </div>

                                                <div class="col-lg-3 form-group">
                                                    <label for="data_nascimento_{{ $key }}">Data de Nascimento</label>
                                                    <input type="text" name="socios[{{ $key }}][data_nascimento]" class="form-control"
                                                        id="data_nascimento_{{ $key }}" onfocus="(this.type='date')" required
                                                        value="{{ old('socios', [['data_nascimento' => '']])[$key]['data_nascimento'] }}">
                                                </div>
                                                <div class="col-lg-3 form-group">
                                                    <label for="genero_{{$key}}">Género</label>
                                                    <select class="form-select form-control" name="socios[{{ $key }}][genero]"
                                                        id="genero_{{$key}}" required>
                                                        <option value="" disabled
                                                            @if (!isset(old('socios', [['genero' => '']])[$key]['genero']) ||
                                                                old('socios', [['genero' => '']])[$key]['genero'] == '') {{ 'selected' }} @endif>
                                                            Selecionar
                                                            género
                                                        </option>
                                                        <option value="Masculino"
                                                            @if (isset(old('socios', [['genero' => '']])[$key]['genero']) &&
                                                                old('socios', [['genero' => '']])[$key]['genero'] == 'Masculino') {{ 'selected' }} @endif>
                                                            Masculino</option>
                                                        <option value="Feminino"
                                                            @if (isset(old('socios', [['genero' => '']])[$key]['genero']) &&
                                                                old('socios', [['genero' => '']])[$key]['genero'] == 'Feminino') {{ 'selected' }} @endif>
                                                            Feminino</option>
                                                    </select>
                                            </div>
                                                <div class="col-lg-3 form-group">
                                                    <label for="entidade_id_{{$key}}">Universidade</label>
                                                    <select class="form-select form-control" name="socios[{{$key}}][entidade_id]"
                                                        id="entidade_id_{{$key}}" required>
                                                        <option value="" disabled
                                                            @if (!isset(old('socios', [['entidade_id' => '']])[$key]['entidade_id']) ||
                                                                old('socios', [['entidade_id' => '']])[$key]['entidade_id'] == '') {{ 'selected' }} @endif>
                                                            Selecionar universidade
                                                        </option>
                                                        @foreach ($universidades as $universidade)
                                                            <option value="{{ $universidade->id }}"
                                                                @if (isset(old('socios', [['entidade_id' => '']])[$key]['entidade_id']) &&
                                                                    old('socios', [['entidade_id' => '']])[$key]['entidade_id'] == $universidade->id) {{ 'selected' }} @endif>
                                                            {{ $universidade->nome }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-4 form-group">
                                                    <label for="qualitication_{{ $key }}">Nivel Escolaridade</label>
                                                    <select name="socios[{{ $key }}][qualification]"
                                                        id="qualification_{{ $key }}"
                                                        class="form-select form-control qualification" required>
                                                        <option value="" selected="selected"> Seleciona Escolaridade
                                                        </option>

                                                        @foreach ($qualifications as $qualification)
                                                            <option value="{{ $qualification->id }}"
                                                                @if ($socio['qualification'] == $qualification->id) {{ 'selected' }} @endif>
                                                                {{ $qualification->descricao }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-lg-4 form-group">
                                                    <label for="capital_social_{{ $key }}">Valor de Capital
                                                        Social(Em Escudo)</label>
                                                    <input type="number" min="0"
                                                        name="socios[{{ $key }}][capital_social]"
                                                        id="capital_social_{{ $key }}"
                                                        value="{{ $socio['capital_social'] }}" class="form-control">
                                                </div>
                                                <div class="col-lg-4 form-group">
                                                    <label for="percent_capital_{{ $key }}">Percentagem de
                                                        Capital Social(%)</label>
                                                    <input type="number" min="0"
                                                        name="socios[{{ $key }}][percent_capital]"
                                                        id="percent_capital_{{ $key }}"
                                                        value="{{ $socio['percent_capital'] }}" class="form-control">
                                                </div>
                                            </div>
                                            <div class="row" style="margin-top: 5px;margin-bottom: 5px;"
                                                id="files-row">
                                                <div class="col-lg-4 form-group">
                                                    <label for="doc_bi_{{ $key }}" id="labe_doc_bi">Cópia do
                                                        BI/CNI/Passaporte/TRE</label>
                                                    <input type="file" name="socios[{{ $key }}][doc_bi]"
                                                        class="form-control"
                                                        accept='application/msword,application/pdf, image/*' required
                                                        id="doc_bi_{{ $key }}">
                                                </div>
                                                <div class="col-lg-4 form-group">
                                                    <label for="doc_cv_{{ $key }}">Curriculum Vitae</label>
                                                    <input type="file" name="socios[{{ $key }}][doc_cv]"
                                                        id="doc_cv_{{ $key }}" class="form-control"
                                                        accept='application/msword,application/pdf, image/*' required>
                                                </div>
                                                <div class="col-lg-4 form-group">
                                                    <label for="doc_certificacao_habilitacao_{{ $key }}">Curriculum Vitae</label>
                                                    <input type="file" name="socios[{{ $key }}][doc_certificacao_habilitacao]"
                                                        id="doc_certificacao_habilitacao_{{ $key }}" class="form-control"
                                                        accept='application/msword,application/pdf, image/*' required>
                                                </div>
                                            </div>
                                            <hr>
                                        </div>
                                    @endforeach
                                @endif

                            </div>
                            <a href="javascript:void(0)" class="add-socios btn btn-sm btn-outline-primary"
                                style="color:#629fd3; border-color:#629fd3"> Adcionar mais Sócios/Acionistas<i
                                    class="bi bi-plus plus-icon"></i></a>
                        </div>

                        <div class="section-title">
                            <h2 id="title-doc">Anexos Adicionais (Opcional)</h2>
                        </div>
                        <div class="dados">
                            <div class="anexos-parent">
                                <div class="anexos">
                                    <div class="row"></div>
                                    <div class="space-between">
                                        <h5 style="color: #5c768d;" class="num-text">#Anexo 1</h5>
                                        <a href="javascript:void(0)"
                                            class="remove-anexos btn btn-sm btn-outline-danger"><i
                                                class="bi bi-trash trash-icon"></i></a>
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-6 form-group">
                                            <label for="name_anexo_0">Nome do Documento</label>
                                            <input type="text" name="anexo[0][name]" id="name_anexo_0"
                                                class="form-control"
                                                value="{{ old('anexo', [['name' => '']])[0]['name'] }}">
                                        </div>
                                        <div class="col-lg-6 form-group">
                                            <label for="anexo_0">Anexo</label>
                                            <input type="file" name="anexo[0][file]" id="anexo_0"
                                                class="form-control" accept='application/msword,application/pdf, image/*'>
                                        </div>
                                    </div>
                                    <hr>
                                </div>

                                @if (count(old('anexo', [])) > 1)
                                    @php
                                        $anexo = old('anexo');
                                        unset($anexo[0]);
                                    @endphp
                                    @foreach ($anexo as $key => $anex)
                                        <div class="anexos">
                                            <div class="row"></div>
                                            <div class="space-between">
                                                <h5 style="color: #5c768d;" class="num-text">#Anexo {{ $key }}</h5>
                                                <a href="javascript:void(0)"
                                                    class="remove-anexos btn btn-sm btn-outline-danger"><i
                                                        class="bi bi-trash trash-icon"></i></a>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-6 form-group">
                                                    <label for="name_anexo_{{ $key }}">Nome do Documento</label>
                                                    <input type="text" name="anexo[{{ $key }}][name]" id="name_anexo_{{ $key }}"
                                                        class="form-control"
                                                        value="{{ $anex["name"]}}">
                                                </div>
                                                <div class="col-lg-6 form-group">
                                                    <label for="anexo_{{ $key }}">Anexo</label>
                                                    <input type="file" name="anexo[{{ $key }}][file]" id="anexo_{{ $key }}"
                                                        class="form-control"
                                                        accept='application/msword,application/pdf, image/*'>
                                                </div>
                                            </div>
                                            <hr>
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                            <a href="javascript:void(0)" class="add-anexo btn btn-sm btn-outline-primary"
                                style="color:#629fd3; border-color:#629fd3"> Adcionar mais Anexos<i
                                    class="bi bi-plus plus-icon"></i></a>
                        </div>
                        @if (count($errors))
                            <div class="form-group" id="errors">
                                <div class="alert alert-danger">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        @endif
                        <div class="text-center">
                            <button type="submit"class="btn btn-primary register-btn">Candidatar</button>
                        </div>
                    </form>

                </div>

            </div>

        </div>
    </section><!-- End Contact Us Section -->
    <script type="text/javascript">
        let inputs = $('[required]').toArray();

        inputs.forEach(element => {
            $(element).parent().find('label').append('<span class="required-span">*</span>');
        });
        let numerosSocios = 1;
        $(document).ready(function() {
            municipioOutroPais($("#city").val())
            $('#register-form select').select2();
            $(".remove-socios:first").hide()
            
            if( {{count(old('anexo', []))}} > 0 && $(".anexos").length > 1){
                $(".anexos").fadeIn()
            }else{
                $(".anexos").hide()
            }
            validationsResidencia($(".socios:first").find(".residencia").val(), 0)
            validationsQualification($(".socios:first").find(".qualification").val(), 0)
            validateTipoDeCandidatura()

            if($("#errors").length != 0){
                $('html, body').animate({
                    scrollTop: $("#errors").offset().top
                }, 3000);
            }


        })

        function cleanField(item) {
            $(item).find("input,select").each(function(ind, elem) {
                $(elem).val("").trigger("change")
            })

            //remove select 2
            $(item).find("select").each(function(ind, elem) {
                $(elem).val("")
                $(elem).find("option").each(function(ind, elem) {
                    $(elem).removeAttr("data-select2-id")
                })
            })

        }

        $(document).on("click", ".add-socios", function(event) {
            let newSocios = $(".socios:first").clone()
            $(newSocios).find(".remove-socios").show()
            $(newSocios).find(".num-socios").text("#Sócios/Acionistas " + ($(".socios").length + 1));
            $(newSocios).find(".select2").remove()
            $(newSocios).find(".selection").remove()
            $(newSocios).find(
                "#email_0,#id_identification_0,#nif_0,#data_validacao_0,#emprego_0,#residencia_0,#contacto_0,#localidade_0,#morada_0,#data_conclusao_escolaridade_0,#doc_nif_0,#estado_civil_0"
                ).closest(".form-group").remove()

            cleanField(newSocios)

            $(newSocios).find("select").show()
            //remove select2
            $(newSocios).find("select").removeClass("select2-hidden-accessible")
            $(newSocios).find("select").removeAttr("data-select2-id")
            $(newSocios).find("select").removeAttr("aria-hidden")
            $(newSocios).find("select").removeAttr("tabindex")

            $(".socios-parent").append(newSocios)
            $(newSocios).find(".row").each(function(ind, elem) {
                ajustRowFile($(elem))
            })

            updateItem(".socios")
            $(newSocios).find("select").select2()


            
        })

        $(document).on("click", ".add-anexo", function(event) {
            if ($(".anexos:visible").length == 0) {
                $(".anexos").fadeIn()
                return;
            }

            let newAnexo = $(".anexos:first").clone()
            cleanField(newAnexo)
            $(newAnexo).find(".remove-anexos").show()
            $(newAnexo).find(".num-anexos").text("#Anexos " + ($(".anexos").length + 1));
            $(".anexos-parent").append(newAnexo)
            updateItem(".anexos")

        })

        $(document).on("click", ".remove-socios", function(event) {
            let parent = $(this).closest(".socios")
            parent.remove()
            updateItem(".socios")
        })

        $(document).on("click", ".remove-anexos", function(event) {

            if ($(".anexos").length == 1) {
                $("#name_anexo_0").val("")
                $(".anexos").fadeOut()
                return;
            }
            let parent = $(this).closest(".anexos")
            parent.remove()
            updateItem(".anexos")
        })

        function updateItem(item) {
            $(item).each((index, element) => {
                let text = $(element).find(".num-text").text().replace(/\d+/, (index + 1));
                $(element).find(".num-text").text(text)
                $(element).find("input,select").each(function(ind, elem) {
                    let name = $(elem).attr("name").replace(/\d+/, index);
                    let id = $(elem).attr("id").replace(/_+\d+/, "");
                    id = id + "_" + index
                    $(elem).closest(".form-group").find("label").attr("for", id)
                    $(elem).attr("name", name)
                    $(elem).attr("id", id)

                })
            });
        }

        function validationsResidencia(val, index) {
            //41 is Cabo Verde
            if (val == 41) {
                $("#label_id_identification" + "_" + index).text("Número de BI/CNI/Passaporte/TRE")
                $("#labe_doc_bi" + "_" + index).text("Cópia de BI/CNI/Passaporte/TRE")
                $("#localidade" + "_" + index).prop('required', true)
                $("#nif" + "_" + index).prop('required', true)
                $("#nif" + "_" + index).closest("div").fadeIn()
                $("#doc_nif" + "_" + index).prop('required', true)
                $("#doc_nif" + "_" + index).closest("div").fadeIn()
                $("#localidade" + "_" + index).closest("div").fadeIn()
            } else {
                $("#label_id_identification" + "_" + index).text("Número de Passaporte/TRE")
                $("#labe_doc_bi" + "_" + index).text("Cópia de Passaporte/TRE")
                $("#localidade" + "_" + index).closest("div").hide()
                $("#nif" + "_" + index).closest("div").hide()
                $("#doc_nif" + "_" + index).closest("div").hide()
                $("#localidade" + "_" + index).prop('required', false)
                $("#doc_nif" + "_" + index).prop('required', false)
                $("#nif" + "_" + index).prop('required', false)
            }

            ajustRowFile($("#nif" + "_" + index).closest(".row"))
            ajustRowFile($("#doc_cv" + "_" + index).closest(".row"))
        }

        function validationsQualification(val, index) {
            // 11 is Formacao em curso
            if (val == 11) {
                $("#data_conclusao_escolaridade" + "_" + index).prop("required", false)
                $("#doc_certificacao_habilitacao_label").text("Comprovativo Estado Formação")
                // $("#doc_certificacao_habilitacao" + "_" + index).prop("required", false)
                $("#data_conclusao_escolaridade" + "_" + index).closest("div").hide()
                // $("#doc_certificacao_habilitacao" + "_" + index).closest("div").hide()
            } else {
                $("#doc_certificacao_habilitacao_label").text("Comprovativo Habilitações Literárias")
                $("#data_conclusao_escolaridade" + "_" + index).prop("required", true)
                // $("#doc_certificacao_habilitacao" + "_" + index).prop("required", false)
                $("#data_conclusao_escolaridade" + "_" + index).closest("div").fadeIn()
                // $("#doc_certificacao_habilitacao" + "_" + index).closest("div").fadeIn()
            }
            ajustRowFile($("#qualification" + "_" + index).closest(".row"))
            // ajustRowFile($("#doc_cv" + "_" + index).closest(".row"))
        }


        function validateTipoDeCandidatura(){
            if($("#tipo_candidatura").val() == "Individual"){
                $(".add-socios").hide()
                $(".socios:not(:first)").remove()
            }else{
                $(".add-socios").fadeIn()
            }
        }

        function municipioOutroPais(val) {
            
            if (val === 'Outro País') {
                $("#outro_pais").prop("required", true)
                $("#outro_pais").closest("div").fadeIn()
            } else {
                $("#outro_pais").prop("required", false)
                $("#outro_pais").closest("div").hide()
            }

            ajustRowFile($("#outro_pais").closest(".row"))

        }

        function ajustRowFile(row) {
            let size = Math.round(12 / $(row).find("div:visible").length)

            $(row).find("div").removeClass("col-lg-4")
            $(row).find("div").removeClass("col-lg-3")
            $(row).find("div").removeClass("col-lg-6")

            $(row).find("div").addClass("col-lg-" + size)

        }

        $(document).on("change", ".residencia", function() {
            let index = $(this).attr("id").match(/\d+/)[0];
            validationsResidencia($(this).val(), index)
        })

        $(document).on("change", "#tipo_candidatura", function() {
            validateTipoDeCandidatura()
        })


        $(document).on("change", ".qualification", function() {
            let index = $(this).attr("id").match(/\d+/)[0];
            validationsQualification($(this).val(), index)
        })

        $(document).on("change", ".city", function() {
            municipioOutroPais($(this).val())
        })


        $(document).on("change", "#register-form select", function() {
            let id = $(this).attr("id")
            $(this).closest(".form-group").find("#select2-" + id + "-container").css({
                color: "black"
            })
        })
    </script>
@endsection