@extends('layouts.app')
@section('content')
<div class="container">
    <div class="row titulo">
        <h1>Novo Edital</h1>
    </div>

               <!-- Tabs -->

    <div>
        <ul class="nav nav-tabs">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="edital-tab" data-bs-toggle="tab" data-bs-target="#edital-container" type="button" role="tab" aria-controls="edital-container" arial-selected="true"> Edital </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="ods-tab" data-bs-toggle="tab" data-bs-target="#ods-container" type="button" role="tab" aria-controls="ods-container" arial-selected="false"> ODS`S </button>
            </li>
        </ul>
    </div>

                <!-- Panels -->

    <div id="tab-containers" class="tab-content">

        <div id="edital-container" class="tab-pane fade show active" role="tabpanel" aria-labelledby="edital-tab">

            <form action="{{route('evento.criar')}}" method="POST" enctype="multipart/form-data">
                @csrf
        
                <input type="hidden" name="tipoAvaliacao" value="campos">
        
                <div class="row subtitulo">
                    <div class="col-sm-12">
                        <p>Informações Gerais</p>
                    </div>
                </div>
        
                {{-- nome | Participantes | Tipo--}}
                <div class="row justify-content-start">
                    <div class="col-sm-12">
                        <label for="nome" class="col-form-label">{{ __('Nome:') }}<span style="color:red; font-weight:bold;">*</span></label>
                        <input id="nome" type="text" class="form-control @error('nome') is-invalid @enderror" name="nome" value="{{ old('nome') }}" required autocomplete="nome" autofocus>
        
                        @error('nome')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
        
                    <div class="col-sm-6">
                        <label for="tipo" class="col-form-label">{{ __('Tipo:') }}<span style="color:red; font-weight:bold;">*</span></label>
                        <select id="tipo" type="text" class="form-control @error('tipo') is-invalid @enderror" name="tipo" value="{{ old('tipo') }}" required>
                            <option @if(old('tipo') == "COMPONENTES_CURRICULARES")) selected @endif value="COMPONENTES_CURRICULARES">APOIO À VIVÊNCIA DE COMPONENTES CURRICULARES</option>
                            <option @if(old('tipo') == "INOVACAO_PEDAGOGICA")) selected @endif value="INOVACAO_PEDAGOGICA">INOVAÇÃO PEDAGÓGICA</option>
                            <option @if(old('tipo') == "PSICOSSOCIAL_PSICOPEDAGOGICO")) selected @endif value="PSICOSSOCIAL_PSICOPEDAGOGICO">APOIO PSICOSSOCIAL OU PSICOPEDAGÓGICO</option>
                        </select>
        
                        @error('tipo')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
        
                    <div class="col-sm-3">
                        <label for="natureza" class="col-form-label">{{ __('Natureza:') }}<span style="color:red; font-weight:bold;">*</span></label>
                        <select onchange="selecionar_decisao_camara()" id="natureza" type="text" class="form-control @error('natureza') is-invalid @enderror" name="natureza" value="{{ old('natureza') }}">
                            @foreach ($naturezas as $natureza)
                            <option @if(old('natureza')==$natureza->id ) selected @endif value="{{ $natureza->id }}">{{ $natureza->nome }}</option>
                            @endforeach
                        </select>
        
                        @error('natureza')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-sm-3">
                        <label for="numParticipantes" class="col-form-label">{{ __('Nº de Discentes:') }}</label>
        
                        <input id="numParticipantes" type="number" min="1" max="500" class="form-control @error('numParticipantes') is-invalid @enderror" name="numParticipantes" value="{{ old('numParticipantes') }}" autocomplete="numParticipantes" autofocus>
        
                        @error('numParticipantes')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                {{-- end nome | Participantes | Tipo--}}
        
                <div class="row justify-content-start mb-1 mt-2">
        
                    <div class="col-sm-3">
                        <label for="check_docExtra" class="col-form-label">{{ __('Documento extra?') }}</label>
                        <input type="checkbox" name="check_docExtra" id="check_docExtra" onclick="showDocumentoExtra()" style="margin-left: 5px" {{ old('check_docExtra') ? 'checked' : ''}}>
                    </div>
        
                    <div class="col-sm-3">
                        <label for="cotaDoutor" class="col-form-label">{{ __('Cota para recém doutor: ') }}</label>
                        <input type="checkbox" name="cotaDoutor" id="cotaDoutor" style="margin-left: 5px" {{ old('cotaDoutor') ? 'checked' : ''}}>
        
                        @error('cotaDoutor')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    
                    {{--Nome do Documento Extra--}}
        
                    <div class="col-sm-3" style="display: none">
                        <label for="obrigatoriedade_docExtra" class="col-form-label">{{ __('Obrigatoriedade: ') }}</label>
                        <input type="checkbox" name="obrigatoriedade_docExtra" id="obrigatoriedade_docExtra" style="margin-left: 5px" {{ old('obrigatoriedade_docExtra') ? 'checked' : ''}}>
                        @error('obrigatoriedade_docExtra')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
        
                    <div class='col-md-3' style='display:none'>
                        <label for="nome_docExtra" class="col-form-label">{{ __('Digite o nome do Documento') }} <span style="color:red; font-weight:bold;">*</span></label>
                        <input id="nome_docExtra" type="text" class="form-control @error('nome_docExtra') is-invalid @enderror" name="nome_docExtra" value="{{ old('nome_docExtra') }}" placeholder="Nome do Documento" autocomplete="nome_docExtra" autofocus>
                        @error('nome_docExtra')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
        
                </div>
        
                {{-- Descricao Edital --}}
                <div class="row justify-content-center">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label for="exampleFormControlTextarea1">Descrição:<span style="color:red; font-weight:bold;">*</span></label>
                            <textarea class="form-control @error('descricao') is-invalid @enderror" required autocomplete="descricao" autofocus id="descricao" name="descricao" rows="6">{{ old('descricao') }}</textarea>
                            @error('descricao')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center">
                    <div class="col-sm-12">
                        <div class="row">
                            <div class="col-md-11">
                                <label for="coordenador_id" class="col-form-label">{{ __('Coordenador:') }}<span style="color:red; font-weight:bold;">*</span></label>
        
                            </div>
                            <div class="col-md-1 text-sm-right">
                                <a type="button" value="Selecionar" data-toggle="modal" data-target="#modalCoord">
                                    <img class="" src="{{asset('img/icons/add.ico')}}" style="width:30px" alt="">
                                </a>
                            </div>
                        </div>
        
                        <input id="coordenador_id" name="coordenador_id" class="form-control" value="{{old('coordenador_id')}}" hidden>
        
                        <input style="margin-top: 5px" id="coordenador_name" name="coordenador_name" class="form-control @error('coordenador_id') is-invalid @enderror" value="{{old('coordenador_name')}}" placeholder="Nenhum Coordenador atribuido" required readonly>
        
                        {{-- <select class="form-control @error('coordenador_id') is-invalid @enderror" id="coordenador_id" name="coordenador_id" style="pointer-events: none">
                          <option value="" disabled selected hidden>-- Coordenador da Comissão Avaliadora --</option>
                          @foreach($coordenadors as $coordenador)
                            <option @if(old('coordenador_id')==$coordenador->id ) selected @endif value="{{$coordenador->id}}">{{$coordenador->user->name}}</option>
                        @endforeach
                        </select>--}}
                        @error('coordenador_id')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                <!-- Modal Coordenador -->
                <div class="modal fade" id="modalCoord" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered modal-lg">
                        <div class="modal-content">
        
                            <div class="modal-header" style="overflow-x:auto">
                                <h5 class="modal-title" id="exampleModalLabel" style="color:#1492E6">Coordenadores</h5>
                                <button type="button" class="close" aria-label="Close" data-dismiss="modal" style="padding-top: 8px; color:#1492E6">
                                    <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
        
                            <div class="modal-body">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <th scope="col">Nome</th>
                                            <th scope="col">Email</th>
                                            <th scope="col">Celular</th>
                                            <th scope="col">Instituição</th>
                                            <th scope="col">Seleção</th>
                                        </tr>
                                    </thead>
                                    <tbody id="projetos">
        
                                        @foreach($coordenadors as $coordenador)
                                        <tr>
                                            <td>{{$coordenador->user->name}}</td>
                                            <td>{{$coordenador->user->email}}</td>
                                            @if($coordenador->user->celular != null)
                                            <td>{{$coordenador->user->celular}}</td>
                                            @else
                                            <td>Não Definido</td>
                                            @endif
                                            @if($coordenador->user->instituicao != null)
                                            <td>{{$coordenador->user->instituicao}}</td>
                                            @else
                                            <td>Não Definida</td>
                                            @endif
                                            <td style="text-align-last:center"><input type="button" class="btn-primary btn" value="Definir" onclick="defCoord({{$coordenador->id}},'{{$coordenador->user->name}}')" style="width: 100px"></td>
                                        </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
        
                <hr>
                <div class="row subtitulo">
                    <div class="col-sm-12">
                        <p>Projetos</p>
                    </div>
                </div>
                {{-- dataInicio | dataFim | inicioSubmissao | fimSubmissao --}}
                <div class="row justify-content-center">
        
                    <div class="col-sm-6">
                        <label for="inicioSubmissao" class="col-form-label">{{ __('Início da Submissão:') }}<span style="color:red; font-weight:bold;">*</span></label>
                        <input id="inicioSubmissao" type="date" class="form-control @error('inicioSubmissao') is-invalid @enderror" name="inicioSubmissao" value="{{ old('inicioSubmissao') }}" required autocomplete="inicioSubmissao" autofocus>
        
                        @error('inicioSubmissao')
                        <span class="invalid-feedback" role="alert">
                            <strong>
                                @if ($message != null)
                                @for ($i = 0; $i < 9; $i++) @if ($i < 8) {{ explode(" ", $message)[$i] }} @else {{ date('d/m/Y', strtotime(explode(" ", $message)[$i])) }} @endif @endfor @endif </strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-sm-6">
                        <label for="fimSubmissao" class="col-form-label">{{ __('Fim da Submissão:') }}<span style="color:red; font-weight:bold;">*</span></label>
                        <input id="fimSubmissao" type="date" class="form-control @error('fimSubmissao') is-invalid @enderror" name="fimSubmissao" value="{{ old('fimSubmissao') }}" required autocomplete="fimSubmissao" autofocus>
        
                        @error('fimSubmissao')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
                {{-- end dataInicio | dataFim | inicioSubmissao | fimSubmissao --}}
        
                <div class="row justify-content-center">
                    <div class="col-sm-6">
                        <label for="inicioRevisao" class="col-form-label">{{ __('Início da Avaliação:') }}<span style="color:red; font-weight:bold;">*</span></label>
                        <input id="inicioRevisao" type="date" class="form-control @error('inicioRevisao') is-invalid @enderror" name="inicioRevisao" value="{{ old('inicioRevisao') }}" required autocomplete="inicioRevisao" autofocus>
        
                        @error('inicioRevisao')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-sm-6">
                        <label for="fimRevisao" class="col-form-label">{{ __('Fim da Avaliação:') }}<span style="color:red; font-weight:bold;">*</span></label>
                        <input id="fimRevisao" type="date" class="form-control @error('fimRevisao') is-invalid @enderror" name="fimRevisao" value="{{ old('fimRevisao') }}" required autocomplete="fimRevisao" autofocus>
        
                        @error('fimRevisao')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
        
                <div class="row justify-content-left">
                    <div class="col-sm-6">
                        <label for="resultado_preliminar" class="col-form-label">{{ __('Resultado Preliminar:') }}<span style="color:red; font-weight:bold;">*</span></label>
                        <input id="resultado_preliminar" type="date" class="form-control @error('resultado_preliminar') is-invalid @enderror" name="resultado_preliminar" value="{{ old('resultado_preliminar') }}" required autocomplete="resultado_preliminar" autofocus>
        
                        @error('resultado_preliminar')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-sm-6">
                        <label for="inicio_recurso" class="col-form-label">{{ __('Início do recurso:') }}<span style="color:red; font-weight:bold;">*</span></label>
                        <input id="inicio_recurso" type="date" class="form-control @error('inicio_recurso') is-invalid @enderror" name="inicio_recurso" value="{{ old('inicio_recurso') }}" required autocomplete="inicio_recurso" autofocus>
        
                        @error('inicio_recurso')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
        
                </div>
                <div class="row justify-content-left">
                    <div class="col-sm-6">
                        <label for="fim_recurso" class="col-form-label">{{ __('Fim do Recurso:') }}<span style="color:red; font-weight:bold;">*</span></label>
                        <input id="fim_recurso" type="date" class="form-control @error('fim_recurso') is-invalid @enderror" name="fim_recurso" value="{{ old('fim_recurso') }}" required autocomplete="resultado" autofocus>
        
                        @error('fim_recurso')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
        
                    <div class="col-sm-6">
                        <label for="resultado_final" class="col-form-label">{{ __('Resultado Final:') }}<span style="color:red; font-weight:bold;">*</span></label>
                        <input id="resultado_final" type="date" class="form-control @error('resultado_final') is-invalid @enderror" name="resultado_final" value="{{ old('resultado_final') }}" required autocomplete="resultado" autofocus>
        
                        @error('resultado_final')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                        @enderror
                    </div>
                </div>
        
                <hr>
                <div class="row subtitulo">
                    <div class="col-sm-12">
                        <p>Relatórios</p>
                    </div>
                </div>
                <div class="row justify-content-left">
                    <div class="col-sm-6">
        
                       
                        <label for="dt_inicioRelatorioParcial" class="col-form-label">{{ __('Início do Relatório Parcial:') }}</label>
                        <input id="dt_inicioRelatorioParcial" type="date" class="form-control @error('dt_inicioRelatorioParcial') is-invalid @enderror" name="dt_inicioRelatorioParcial" value="{{ old('dt_inicioRelatorioParcial') }}" autocomplete="dt_inicioRelatorioParcial" autofocus title="Início para o período do envio do relatório parcial">
                        @error('dt_inicioRelatorioParcial')
                        <span class="invalid-feedback" role="alert">
                            <strong>Apenas será aceita data posterior ao dia do Resultado Final</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-sm-6">
        
                        <label for="dt_fimRelatorioParcial" class="col-form-label">{{ __('Fim do Relatório Parcial:') }}</label>
                        <input id="dt_fimRelatorioParcial" type="date" class="form-control @error('dt_fimRelatorioParcial') is-invalid @enderror" name="dt_fimRelatorioParcial" value="{{ old('dt_fimRelatorioParcial') }}" autocomplete="dt_fimRelatorioParcial" autofocus title="Final do período de envio do relatório parcial">
                        @error('dt_fimRelatorioParcial')
                        <span class="invalid-feedback" role="alert">
                            <strong>A data deve ser igual ou posterior a data de início do Relatório Parcial</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-sm-6">
        
                        <label for="dt_inicioRelatorioFinal" class="col-form-label">{{ __('Início do Relatório Final:') }}</label>
                        <input id="dt_inicioRelatorioFinal" type="date" class="form-control @error('dt_inicioRelatorioFinal') is-invalid @enderror" name="dt_inicioRelatorioFinal" value="{{ old('dt_inicioRelatorioFinal') }}" autocomplete="dt_inicioRelatorioFinal" autofocus title="Início para o período de envio do relatório final">
                        @error('dt_inicioRelatorioFinal')
                        <span class="invalid-feedback" role="alert">
                            <strong>Apenas será aceita data posterior ao fim do Relatório Parcial</strong>
                        </span>
                        @enderror
                    </div>
                    <div class="col-sm-6">
        
                        <label for="dt_fimRelatorioFinal" class="col-form-label">{{ __('Fim do Relatório Final:') }}</label>
                        <input id="dt_fimRelatorioFinal" type="date" class="form-control @error('dt_fimRelatorioFinal') is-invalid @enderror" name="dt_fimRelatorioFinal" value="{{ old('dt_fimRelatorioFinal') }}" autocomplete="dt_fimRelatorioFinal" autofocus title="Final do período de envio do relatório final">
                        @error('dt_fimRelatorioFinal')
                        <span class="invalid-feedback" role="alert">
                            <strong>A data deve ser igual ou posterior a data de início do Relatório Final</strong>
                        </span>
                        @enderror
                    </div>
                </div>
        
                <hr>
        
                <div class="row subtitulo">
                    <div class="col-sm-12">
                        <p>Avaliação - Barema</p>
                    </div>
                </div>
        
                <div class="">
                    <div class="row mb-4">
                        <label class="col-sm-3" for="pontuacao">Valor total da pontuação por Barema:<span style="color:red; font-weight:bold;">*</span></label>
                        <input type="number" name="pontuacao" min="1" class="col-sm-1 form-control" id="pontuacao" value="{{old('pontuacao')}}"/>
                    </div>
        
                    <h3 class="h5">Campos do Barema:</h3>
                </div>
                <div class="row justify-content-center" style="margin-top:10px;" id="displayCampos">
                    <table class="table table-bordered col-sm-12" id="dynamicAddRemove">
                        <tr>
                            <th>Nome<span style="color:red; font-weight:bold;">*</span></th>
                            <th>Descrição</th>
                            <th>Nota Máxima<span style="color:red; font-weight:bold;">*</span></th>
                            <th>Prioridade<span style="color:red; font-weight:bold;">*</span></th>
                            <th>Ação</th>
                        </tr>
                        <tr>
                            <td><input type="text" name="inputField[0][nome]" class="form-control nome @error('inputField.*.nome') is-invalid @enderror" value="{{ old('inputField[0][nome]') }}" />
                            @error('inputField.*.nome')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                            </td>
                            <td><input type="text" name="inputField[0][descricao]" class="form-control descricao @error('inputField.*.descricao') is-invalid @enderror" value="{{ old('inputField[0][descricao]') }}" />
                            @error('inputField.*.descricao')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                            </td>
                            <td><input type="number" min="1"  step="1" name="inputField[0][nota_maxima]" class="form-control nota_maxima @error('inputField.*.nota_maxima') is-invalid @enderror" value="{{ old('inputField[0][nota_maxima]') }}" />
                            @error('inputField.*.nota_maxima')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                            </td>
                            <td>
                                <select name="inputField[0][prioridade]" class="form-control prioridade @error('inputField.*.prioridade') is-invalid @enderror">
                                    <option value="" selected>-- ORDEM --</option>
                                    <option value="1" class="ordem_option">1</option>                                  
                                </select>
                                @error('inputField.*.prioridade')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </td>
                            <td><button type="button" name="add" id="dynamic-ar" class="btn btn-outline-primary">Adicionar</button></td>
                        </tr>
                    </table>
        
                    @if($errors->has('inputField.*'))
                        <div class="col-sm-12 alert alert-danger" id="inputFieldError">
                            Você deve preencher os campos obrigatórios.
                        </div>
                    @endif
        
                    <div class="col-sm-12 alert alert-danger" style="display: none" id="nota_maxima_invalida">
                        A soma das notas máximas deve ser igual a pontuação total definida.
                    </div>
        
                    <input type="checkbox" id="checkB[0]" checked name="campos[]" value="0" hidden>
        
                    <input type="number" name="somaNotas" value="0" id="somaNotas" hidden>
        
                </div>
        
                <hr>
                <div class="row subtitulo">
                    <div class="col-sm-12">
                        <p>Documentos</p>
                    </div>
                </div>
        
                {{-- Pdf Edital --}}
                <div class="row justify-content-center" style="margin-top:10px">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="pdfEdital">Anexar edital:<span style="color:red; font-weight:bold;">*</span></label>
                            @if(old('pdfEditalPreenchido') != null)
                            <a id="pdfEditalTemp" href="{{ route('baixar.evento.temp', ['nomeAnexo' => 'pdfEdital' ])}}">Arquivo atual</a>
                            @endif
                            <input type="hidden" id="pdfEditalPreenchido" name="pdfEditalPreenchido" value="{{ old('pdfEditalPreenchido') }}">
                            <input type="file" accept=".pdf" class="form-control-file pdf @error('pdfEdital') is-invalid @enderror" name="pdfEdital" value="{{ old('pdfEdital') }}" id="pdfEdital" onchange="exibirAnexoTemp(this)">
                            <small>O arquivo selecionado deve ser no formato PDF de até 2mb.</small>
                            @error('pdfEdital')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
        
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="modeloDocumento">Anexar modelo de proposta de trabalho:<span style="color:red; font-weight:bold;">*</span></label>
                            @if(old('modeloDocumentoPreenchido') != null)
                            <a id="modeloDocumentoTemp" href="{{ route('baixar.evento.temp', ['nomeAnexo' => 'modeloDocumento' ])}}">Arquivo atual</a>
                            @endif
                            <input type="hidden" id="modeloDocumentoPreenchido" name="modeloDocumentoPreenchido" value="{{ old('modeloDocumentoPreenchido') }}">
                            <input type="file" class="form-control-file @error('modeloDocumento') is-invalid @enderror" name="modeloDocumento" value="{{ old('modeloDocumento') }}" id="modeloDocumento" onchange="exibirAnexoTemp(this)">
                            <small>O arquivo selecionado deve ter até 2mb.</small>
                            @error('modeloDocumento')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                    
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="pdfRecurso">Anexar modelo do formulário de recurso:<span style="color:red; font-weight:bold;">*</span></label>
                            @if(old('pdfRecursoPreenchido') != null)
                            <a id="pdfRecursoTemp" href="{{ route('baixar.evento.temp', ['nomeAnexo' => 'docRecurso' ])}}">Arquivo atual</a>
                            @endif
                            <input type="hidden" id="pdfRecursoPreenchido" name="pdfRecursoPreenchido" value="{{ old('pdfRecursoPreenchido') }}">
                            <input type="file" accept=".pdf" class="form-control-file pdf @error('pdfRecurso') is-invalid @enderror" name="pdfRecurso" value="{{ old('pdfRecurso') }}" id="pdfRecurso" onchange="exibirAnexoTemp(this)">
                            <small>O arquivo selecionado deve ser no formato PDF de até 2mb.</small>
                            @error('pdfRecurso')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
        
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label for="pdfRelatorio">Anexar modelo do relatório técnico/pedagógico:</label>
                            @if(old('pdfRelatorioPreenchido') != null)
                            <a id="pdfRelatorioTemp" href="{{ route('baixar.evento.temp', ['nomeAnexo' => 'docRelatorio' ])}}">Arquivo atual</a>
                            @endif
                            <input type="hidden" id="pdfRelatorioPreenchido" name="pdfRelatorioPreenchido" value="{{ old('pdfRelatorioPreenchido') }}">
                            <input type="file" accept=".pdf" class="form-control-file pdf @error('pdfRelatorio') is-invalid @enderror" name="pdfRelatorio" value="{{ old('pdfRelatorio') }}" id="pdfRelatorio" onchange="exibirAnexoTemp(this)">
                            <small>O arquivo selecionado deve ser no formato PDF de até 2mb.</small>
                            @error('pdfFormAvalRelatorio')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
        
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label for="pdfFormAvalRelatorio">Anexar formulário de avaliação do relatório:</label>
                            @if(old('pdfFormAvalRelatorioPreenchido') != null)
                            <a id="pdfFormAvalRelatorioTemp" href="{{ route('baixar.evento.temp', ['nomeAnexo' => 'formAvaliacaoPlano' ])}}">Arquivo atual</a>
                            @endif
                            <input type="hidden" id="pdfFormAvalRelatorioPreenchido" name="pdfFormAvalRelatorioPreenchido" value="{{ old('pdfFormAvalRelatorioPreenchido') }}">
                            <input type="file" accept=".pdf" class="form-control-file pdf @error('pdfFormAvalRelatorio') is-invalid @enderror" name="pdfFormAvalRelatorio" value="{{ old('pdfFormAvalRelatorio') }}" id="pdfFormAvalRelatorio" onchange="exibirAnexoTemp(this)">
                            <small>O arquivo selecionado deve ser no formato PDF de até 2mb.</small>
                            @error('pdfFormAvalRelatorio')
                            <span class="invalid-feedback" role="alert">
                                <strong>{{ $message }}</strong>
                            </span>
                            @enderror
                        </div>
                    </div>
                </div>
        
                <div class="row justify-content-center" style="margin: 20px 0 20px 0">
        
                    <div class="col-md-6" style="padding-left:0">
                        <a class="btn btn-secondary botao-form" href="{{ route('admin.editais') }}" style="width:100%">Cancelar</a>
                    </div>
                    <div class="col-md-6" style="padding-right:0">
                        <button type="submit" class="btn btn-primary botao-form" id="idButtonSubmitEvento" style="width:100%">
                            {{ __('Criar Edital') }}
                        </button>
                    </div>
                </div>
            </form>
        </div>

        <div id="ods-container" class="tab-pane fade" role="tabpanel" aria-labelledby="ods-tab">
                
                <head>
                    <title>ODS Form</title>
                </head>
                <body>

                    <div class="row subtitulo">
                        <div class="col-sm-12">
                            <p>ODS</p>
                        </div>
                    </div>

                    <div class="container">
                        <div class="form-group">
                            @foreach($ods as $ods)
                                    <div>
                                        <input type="checkbox" name="ods[]" value="{{ $ods->id }}"  class="form-check-input">
                                        <label class="form-check-label" for="ods{{ $ods->id }}">{{ $ods->nome }}</label>
                                    </div>
                            @endforeach
                        </div>

                          <div id="metas-container" class="row"></div>

                    </div>
                      <div>
                        <button type="submit" class="btn btn-primary botao-form" style="width:100%">
                            {{ __('Enviar') }}
                        </button>
                      </div>
        </div>

    </div>

</div>


@endsection

@section('javascript')
<script type="text/javascript">
    var i = 0;
    var numCampos = 1;
    var currentOptions = {'0': ''}

    // Adiciona campo de avaliação
    $("#dynamic-ar").click(function () {
        ++i;
        ++numCampos;

        $("#dynamicAddRemove").append(
            '<tr><td><input type="text" name="inputField[' + i + '][nome]" class="form-control nome @error("inputField.*.nome") is-invalid @enderror" /></td><td><input type="text" name="inputField[' + i + '][descricao]" class="form-control descricao @error("inputField.*.descricao") is-invalid @enderror"/></td><td><input type="number" min="1"  step="1" name="inputField[' + i + '][nota_maxima]" class="form-control nota_maxima @error("inputField.*.nota_maxima") is-invalid @enderror" /></td><td><select name="inputField[' + i + '][prioridade]" class="form-control prioridade @error("inputField.*.prioridade") is-invalid @enderror"><option value="" selected>-- ORDEM --</option><option value="1" class="ordem_option">1</option></select></td><td><button type="button" class="btn btn-outline-danger remove-input-field" name="removeButton[' + i + ']">Remover</button></td></tr>'
        );

        $("#displayCampos").append('<input type="checkbox" id="checkB[' + i + ']" checked name="campos[]" value="' + i + '" hidden>');

        $(".prioridade").children().remove(".dynamic");

        // Exibe opções caso estejam ocultas
        $('.ordem_option').show();

        $(".prioridade").each(function() {

            // Resetando os valores selecionados
            $(this).val("").change();

            selectId = $(this).attr('name').replace(/\D/g, "").toString();
            currentOptions[selectId] = '';

            for (let x = 2; x <= numCampos; x++) {
                
                $(this).append('<option value="' + x + '" class="ordem_option dynamic">' + x + '</option>')
                
            }

        })

    });

    
    // Exclui campo de avaliação
    $(document).on('click', '.remove-input-field', function () {
        $(this).parents('tr').remove();

        selectId = $(this).attr('name').replace(/\D/g, "").toString();
        currentOption = currentOptions[selectId];

        document.getElementById('checkB[' + selectId + ']').remove();

        $('.ordem_option[value|="' + currentOption + '"]').show();
        delete currentOptions[selectId];

        $('.dynamic[value|="' + numCampos + '"]').remove();

        --numCampos;


    });

    $("#dynamicAddRemove").on('change', '.prioridade', function () {

        selectId = $(this).attr('name').replace(/\D/g, "").toString();
        newOption = $(this).val();
        currentOption = currentOptions[selectId];

        $('.ordem_option[value|="' + currentOption + '"]').show();

        $('.ordem_option[value|="' + newOption + '"]').hide();

        currentOptions[selectId] = newOption;
        
    });

    $('#pontuacao').on('input', function () {
        validateNotas();
    })

    $("#dynamicAddRemove").on('input', '.nota_maxima', function () {
        validateNotas();
    });

    function validateNotas() {
        pontuacao = $("#pontuacao").val();

        if (pontuacao == "") {
            alert("Escolha o valor total da pontuação antes de adicionar as notas máximas!")
            $('.nota_maxima').val("");
        } else {
            somaNotas = 0;

            $(".nota_maxima").each(function() {
                valor = Number($(this).val());
                if  (valor != 0) {
                    somaNotas += valor;
                }
                
            });

            $('#somaNotas').val(somaNotas);

            if (somaNotas != pontuacao) {
                $('.nota_maxima').css('border', '1px solid red');
                document.getElementById("nota_maxima_invalida").style.display = "";
            } else {
                $('.nota_maxima').css('border', '');
                document.getElementById("nota_maxima_invalida").style.display = "none";
            }
        }
    }

    function selecionar_decisao_camara() {
        var natureza = document.getElementById('natureza');
        if (natureza.value == 3) {
            var consu = document.getElementById('consu');
            consu.checked = true;
        } else {
            var consu = document.getElementById('consu');
            consu.checked = false;
        }
    }

    function exibirAnexoTemp(file) {
        console.log(file.id);
        if (file.id === "pdfEdital") {
            var pdfEditalPreenchido = document.getElementById('pdfEditalPreenchido');
            pdfEditalPreenchido.value = "sim";
        }
        if (file.id === "modeloDocumento") {
            var modeloDocumentoPreenchido = document.getElementById('modeloDocumentoPreenchido');
            modeloDocumentoPreenchido.value = "sim";
        }
        if (file.id === "pdfFormAvalExterno") {
            var pdfFormAvalExternoPreenchido = document.getElementById('pdfFormAvalExternoPreenchido');
            pdfFormAvalExternoPreenchido.value = "sim";
        }
        if (file.id === "pdfFormAvalRelatorio") {
            var pdfFormAvalRelatorioPreenchido = document.getElementById('pdfFormAvalRelatorioPreenchido');
            pdfFormAvalRelatorioPreenchido.value = "sim";
        }
        if (file.id === "docTutorial") {
            var docTutorialPreenchido = document.getElementById('docTutorialPreenchido');
            docTutorialPreenchido.value = "sim";
        }
        if (file.id === "pdfRelatorio") {
            var pdfRelatorioPreenchido = document.getElementById('pdfRelatorioPreenchido');
            pdfRelatorioPreenchido.value = "sim";
        }
        if (file.id === "pdfRecurso") {
            var pdfRecursoPreenchido = document.getElementById('pdfRecursoPreenchido');
            pdfRecursoPreenchido.value = "sim";
        }
    }

    $("input[type='file']").on("change", function() {
        if (this.files[0].size > 2000000) {
            //  console.log($(this).parents( ".col-sm-5" ))
            alert("O tamanho do arquivo deve ser menor que 2MB!");
            $(this).val('');

        }
    });

    $("input.pdf").on("change", function() {
        if (this.files[0].type.split('/')[1] == "pdf") {
            if (this.files[0].size > 20000000) {
                alert("O arquivo possui o tamanho superior a 2MB!");
                $(this).val('');
            }
        } else {
            alert("O arquivo não é de tipo PDF!");
            $(this).val('');
        }
    });

    function defCoord(data, data2) {
        document.getElementById('coordenador_id').value = data;
        document.getElementById('coordenador_name').value = data2;
        $("#modalCoord").modal('hide');

    }

    function showDocumentoExtra() {
        var nome_docExtra = document.getElementById('nome_docExtra');
        var check_docExtra = document.getElementById("check_docExtra");
        var obrigatoriedade_docExtra = document.getElementById('obrigatoriedade_docExtra');
        if (check_docExtra.checked == true) {
            nome_docExtra.parentElement.style.display = '';
            obrigatoriedade_docExtra.parentElement.style.display = '';
        } else {
            nome_docExtra.parentElement.style.display = 'none';
            obrigatoriedade_docExtra.parentElement.style.display = 'none';
        }
    }

    // Form dinâmico da ODS

    $(document).ready(function(){
        var selectedOds = [];
        $('.form-check-input').change(function(){
            selectedOds = [];
            $('#metas-container').empty();
            
            $('.form-check-input:checked').each(function(){
                selectedOds.push($(this).val());
            });

            if(selectedOds.length > 3){
                alert('Você só pode selecionar até 3 ODS.');
                $(this).prop('checked', false);
                selectedOds.pop()
            }

            selectedOds.forEach(function(odsId){
                $.ajax({
                    url: 'metas/' + odsId,
                    method: 'GET',
                    success: function(response){
                        var metaOptions = '<hr><div class="col-12"><div class="row subtitulo"><div class="col-sm-12"><p>Metas para ' + response.ods + '</p></div></div></div></div>' + '<div class="form-group">';
                        response.metas.forEach(function(meta){
                            metaOptions += '<div class=" card form-check meta-item" style="margin-bottom : 1 rem "><div class="card-body">' +
                                                '<input type="checkbox" name="metas[' + odsId + '][]" value="' + meta.id + '" class="form-check-input meta-checkbox" id="meta' +     meta.id + '">' +
                                                '<label class="form-check-label" for="meta' + meta.id + '">' + meta.nome + '</label>' +
                                                '<p class="form-text text-muted">' + meta.descricao + '</p>' +
                                            '</div></div>';
                        });
                        metaOptions += '</div>'
                        $('#metas-container').append(metaOptions);
                    },
                    error: function(jqXHR, textStatus, errorThrown){
                        console.error('Erro ao carregar as metas:', textStatus, errorThrown);
                        alert('Erro ao carregar as metas.');
                    }
                });
            });

        });
                
        $(document).on('change', '.form-check-input', function(){
            var metaCheckboxes = $('input[name^="metas"]');
            var selectedMetas = {};

            metaCheckboxes.each(function(){
                var odsId = $(this).attr('name').match(/metas\[(\d+)\]/)[1];
                if(!selectedMetas[odsId]) selectedMetas[odsId] = [];
                if($(this).prop('checked')) selectedMetas[odsId].push($(this).val());
            });

            for(var odsId in selectedMetas){
                if(selectedMetas[odsId].length > 3){
                    alert('Você só pode selecionar até 3 metas por ODS.');
                    $(this).prop('checked', false);
                    return;
                }
            }
        });
    });

    new MultiSelectTag('metas');  // id


    window.onload = showDocumentoExtra();
</script>

@if($errors->has('somaNotas'))
    <script>
        $('.nota_maxima').css('border', '1px solid red');
        document.getElementById("nota_maxima_invalida").style.display = "";
    </script>
@endif
@endsection