@extends('layouts.app')
@section('content')
<div class="container" style="margin-top: 30px;">
<div class="container" >
<div class="row justify-content-center" style="margin-bottom: 50px;">
<div class="col-md-1">
<a href="{{ route('admin.atribuir', ['evento_id' => $evento->id]) }}" class="btn btn-secondary">
Voltar
</a>
</div>
<div class="col-md-10" style="text-align: center;">
<h3 class="titulo-table">Status dos Projetos em Avaliação do edital: <span style="color: black;">{{ $evento->nome }}</span> </h3>
</div>
<div class="col-md-1">
<!-- Button trigger modal -->
{{-- <button type="button" class="btn btn-info" data-toggle="modal" data-target="#exampleModalCenter">
Enviar Convite
</button> --}}
</div>
</div>
<hr>
<table class="table table-bordered">
<thead>
<tr>
<th scope="col">Nome do Usuário</th>
<th scope="col">Tipo de Avaliação</th>
<th scope="col">E-mail</th>
<th scope="col">Titulo do projeto</th>
<th scope="col">Status avaliação</th>
<th scope="col" style="text-align:center">Ação</th>
</tr>
</thead>
<tbody>
@foreach($trabalhos as $trabalho)
@foreach($trabalho->avaliadors as $avaliador)
{{-- Avaliação Interna --}}
@if(($avaliador->tipo == 'Interno' && ($avaliador->trabalhos()->where("trabalho_id",$trabalho->id)->first()->pivot->acesso == null || $avaliador->trabalhos()->where("trabalho_id",$trabalho->id)->first()->pivot->acesso != 1))
|| (($avaliador->user->instituicao == "UFAPE" || $avaliador->user->instituicao == "Universidade Federal do Agreste de Pernambuco") && $avaliador->tipo == null && ($avaliador->trabalhos()->where("trabalho_id",$trabalho->id)->first()->pivot->acesso == null || $avaliador->trabalhos()->where("trabalho_id",$trabalho->id)->first()->pivot->acesso != 1)))
<tr>
<td>{{ $avaliador->user->name }}</td>
<td> Interno </td>
<td>{{ $avaliador->user->email }}</td>
<td style="max-width:100px; overflow-x:hidden; text-overflow:ellipsis">{{ $trabalho->titulo }}</td>
@php
$parecerInterno = App\ParecerInterno::where([['avaliador_id',$avaliador->id],['trabalho_id',$trabalho->id]])->first();
@endphp
<td>@if($parecerInterno == null) Pendente @else Avaliado @endif</td>
<td>
<div class="btn-group dropright dropdown-options">
<a id="options" class="dropdown-toggle " data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="{{asset('img/icons/ellipsis-v-solid.svg')}}" style="width:8px">
</a>
<div class="dropdown-menu">
@if($parecerInterno != null)
<a href="{{ route('admin.visualizarParecerInterno', ['trabalho_id' => $trabalho->id, 'avaliador_id' => $avaliador->id]) }}" class="dropdown-item text-center">
Vizualizar Parecer
</a>
@endif
<a href="{{ route('admin.removerProjAval', ['trabalho_id' => $trabalho->id, 'avaliador_id' => $avaliador->id,'flag'=>1]) }}" class="dropdown-item text-center">
Desatribuir Avaliador
</a>
</div>
</div>
</td>
</tr>
@endif
{{-- Avaliação Ad Hoc --}}
@if( ($avaliador->trabalhos()->where("trabalho_id",$trabalho->id)->first()->pivot->acesso == null && $avaliador->tipo == "Externo") || $avaliador->trabalhos()->where("trabalho_id",$trabalho->id)->first()->pivot->acesso != 2
|| (($avaliador->user->instituicao != "UFAPE" && $avaliador->user->instituicao != "Universidade Federal do Agreste de Pernambuco") && $avaliador->tipo == null && ($avaliador->trabalhos()->where("trabalho_id",$trabalho->id)->first()->pivot->acesso == null || $avaliador->trabalhos()->where("trabalho_id",$trabalho->id)->first()->pivot->acesso != 2)))
<tr>
<td>{{ $avaliador->user->name }}</td>
<td> Ad Hoc </td>
<td>{{ $avaliador->user->email }}</td>
<td style="max-width:100px; overflow-x:hidden; text-overflow:ellipsis">{{ $trabalho->titulo }}</td>
<td>@if($avaliador->trabalhos->where('id', $trabalho->id)->first()->pivot->status == false) Pendente @else Avaliado @endif</td>
<td>
<div class="btn-group dropright dropdown-options">
<a id="options" class="dropdown-toggle " data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="{{asset('img/icons/ellipsis-v-solid.svg')}}" style="width:8px">
</a>
<div class="dropdown-menu">
@if($avaliador->trabalhos->where('id', $trabalho->id)->first()->pivot->status == true)
<a href="{{ route('admin.visualizarParecer', ['trabalho_id' => $trabalho->id, 'avaliador_id' => $avaliador->id]) }}" class="dropdown-item text-center">
Vizualizar Parecer
</a>
@endif
<a href="{{ route('admin.removerProjAval', ['trabalho_id' => $trabalho->id, 'avaliador_id' => $avaliador->id,'flag'=>0]) }}" class="dropdown-item text-center">
Desatribuir Avaliador
</a>
</div>
</div>
</td>
</tr>
@endif
@endforeach
@endforeach
</tbody>
</table>
<div class="container" style="margin-top: 50px;">
<div class="row justify-content-center d-flex align-items-center" >
<h3 class="titulo-table">Lista de Projetos do Edital: <span style="color: black;">{{ $evento->nome }}</span> </h3>
</div>
</div>
<div class="row">
<div class="col-md-8">
<div class="row">
<div class="col-sm-1">
<button class="btn" onclick="buscar(this.parentElement.parentElement.children[1].children[0])">
<img src="{{asset('img/icons/logo_lupa.png')}}" alt="">
</button>
</div>
<div class="col-sm-6">
<input type="text" class="form-control form-control-edit" placeholder="Digite o nome do projeto" onkeyup="buscar(this)">
</div>
</div>
</div>
</div>
</div>
<hr>
<table class="table table-bordered">
<thead>
<tr>
<th scope="col">Nome do Projeto</th>
@if($evento->natureza_id == 3)
<th scope="col">Área Temática</th>
@else
<th scope="col">Área</th>
@endif
<th scope="col">Proponente</th>
<th scope="col" style="text-align:center">Ação</th>
</tr>
</thead>
<tbody id="projetos">
@foreach ($trabalhos as $trabalho)
<tr>
<td style="max-width:100px; overflow-x:auto; text-overflow:ellipsis">{{ $trabalho->titulo }}</td>
@if($evento->natureza_id == 3)
<td>{{ App\AreaTematica::find($trabalho->area_tematica_id)->nome }}</td>
@else
<td>{{ App\Area::find($trabalho->area_id)->nome }}</td>
@endif
<td>{{ $trabalho->proponente->user->name }}</td>
<td style="text-align:center">
<button type="button" class="btn btn-primary" value="{{ $trabalho->id }}" id="atribuir1" data-toggle="modal" data-target="#exampleModalCenter{{ $trabalho->id }}">
Atribuir
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModalCenter{{ $trabalho->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-xl" role="document">
<div class="modal-content modal-submeta">
<div class="modal-header modal-header-submeta">
<h5 class="modal-title titulo-table" id="exampleModalLongTitle">Selecione o(s) avaliador(es)</h5>
<div class="col-md-4" style="text-align: right">
<button type="button" id="enviarConviteButton" class="btn btn-info"
data-toggle="modal" onclick="abrirModalConviteAval({{ $trabalho->id }})">
Enviar Convites
</button>
<button type="button" class="close" data-dismiss="modal" aria-label="Close" style="color: rgb(182, 182, 182)">
<span aria-hidden="true">×</span>
</button>
</div>
</div>
<div class="modal-body">
<form action="{{ route('admin.atribuicao.projeto') }}" method="POST">
@csrf
<input type="hidden" name="trabalho_id" value="{{ $trabalho->id }}">
<input type="hidden" name="evento_id" value="{{ $evento->id }}">
<div class="form-group text-left">
<div class="row" style="margin-left: 2px;margin-bottom: 1px">
<div class="col-md-4">
<label for="exampleFormControlSelect2"
style="font-size: 16px;">Selecione o(s) avaliador(es)
para esse projeto</label>
</div>
<div class="col-md-3"
style="text-align: center;overflow-y: auto;overflow-x: auto">
<select class="form-control" id="grandeArea"
name="grande_area_id" onchange="areasFiltro()">
<option value="" disabled selected hidden>-- Grande Área
--
</option>
@foreach($grandesAreas as $grandeArea)
<option title="{{$grandeArea->nome}}"
value="{{$grandeArea->id}}">{{$grandeArea->nome}}</option>
@endforeach
</select>
</div>
<div class="col-md-2"
style="text-align: center;overflow-y: auto;overflow-x: auto">
<input type="hidden" id="oldArea" value="{{ old('area') }}">
<select class="form-control @error('area') is-invalid @enderror"
id="area" name="area_id"
onchange="(consultaExterno(),consultaInterno())">
<option value="" disabled selected hidden>-- Área --
</option>
</select>
</div>
<div class="col-sm-3" style="display:flex; align-items: end;">
<input type="text" class="form-control form-control-edit" placeholder="Nome do avaliador" onkeyup="buscar(this)" style="max-width: 200px;"> <img src="{{asset('img/icons/logo_lupa.png')}}" alt="">
</div>
</div>
<div class="col-md-6">
<label style="font-weight: bold;font-size: 18px">Internos</label>
</div>
<input type="hidden" id="oldAvalInterno"
value="{{ old('exampleFormControlSelect2') }}">
<select name="avaliadores_internos_id[]" multiple
class="form-control" id="exampleFormControlSelect2"
style="height: 200px;font-size: 15px">
@foreach ($trabalho->avaliadors as $avaliador)
@if(($avaliador->tipo == "Interno" && $avaliador->trabalhos()->where("trabalho_id",$trabalho->id)->first()->pivot->acesso == 1) ||
(($avaliador->user->instituicao == "UFAPE" || $avaliador->user->instituicao == "Universidade Federal do Agreste de Pernambuco") && ($avaliador->trabalhos()->where("trabalho_id",$trabalho->id)->first()->pivot->acesso == null || $avaliador->trabalhos()->where("trabalho_id",$trabalho->id)->first()->pivot->acesso == 1) ))
<option value="{{ $avaliador->id }}">{{ $avaliador->user->name }}
> {{$avaliador->user->instituicao ?? 'Instituição Indefinida'}}
> {{$avaliador->area->nome ?? 'Indefinida'}}
> {{$avaliador->user->email}}</option>
@endif
@endforeach
@foreach ($trabalho->aval as $avaliador)
@if($avaliador->tipo == "Interno" || $avaliador->user->instituicao == "UFAPE" || $avaliador->user->instituicao == "Universidade Federal do Agreste de Pernambuco")
<option value="{{ $avaliador->id }}"> {{ $avaliador->user->name }}
> {{$avaliador->user->instituicao ?? 'Instituição Indefinida'}}
> {{$avaliador->area->nome ?? 'Indefinida'}}
> {{$avaliador->user->email}}</option>
@endif
@endforeach
</select>
<div class="col-md-6">
<label style="font-weight: bold;font-size: 18px"><i>Ad Hoc</i></label>
</div>
<input type="hidden" id="trab" value="{{$trabalho->id}}">
<input type="hidden" id="oldAvalExterno"
value="{{ old('exampleFormControlSelect3') }}">
<select name="avaliadores_externos_id[]" multiple
class="form-control" id="exampleFormControlSelect3"
style="height: 200px;font-size:15px">
@foreach ($trabalho->avaliadors as $avaliador)
@if($avaliador->trabalhos()->where("trabalho_id",$trabalho->id)->first()->pivot->acesso == 2 || ($avaliador->trabalhos()->where("trabalho_id",$trabalho->id)->first()->pivot->acesso == null && $avaliador->tipo == "Interno"))
<option value="{{ $avaliador->id }}">{{ $avaliador->user->name }}
> {{$avaliador->user->instituicao ?? 'Instituição Indefinida'}}
> {{$avaliador->area->nome ?? 'Indefinida'}}
> {{$avaliador->user->email}}</option>
@endif
@endforeach
@foreach ($trabalho->aval as $avaliador)
<option value="{{ $avaliador->id }}"> {{ $avaliador->user->name }}
> {{$avaliador->user->instituicao ?? 'Instituição Indefinida'}}
> {{$avaliador->area->nome ?? 'Indefinida'}}
> {{$avaliador->user->email}}</option>
@endforeach
</select>
<small id="emailHelp" class="form-text text-muted">Segure SHIFT do
teclado para selecionar mais de um.</small>
</div>
<div>
<button type="submit" class="btn btn-info" style="width: 100%">
Atribuir
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
<!-- Modal enviar convite e atribuir -->
<div class="modal fade" id="modalConviteAval" tabindex="-1" role="dialog"
aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content modal-submeta">
<div class="modal-header modal-header-submeta">
<h5 class="modal-title titulo-table" id="exampleModalLongTitle" style="font-size: 20px;">Enviar
Convite</h5>
<button type="button" class="close" onclick="fecharModalConvite()" aria-label="Close"
style="color: rgb(182, 182, 182)">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" style="margin-left: 20px; margin-right: 20px;">
<form action="{{ route('admin.convite.atribuicao.projeto') }}" method="POST" class="labels-blue" id="formConvite">
@csrf
<input type="hidden" name="evento_id" value="{{ $evento->id }}">
<input type="hidden" id="trabalho_id" name="trabalho_id" value="{{ $trabalho->id }}">
<div class="form-group">
<label for="exampleInputEmail1">Nome Completo<span style="color: red;">*</span></label>
<input type="text" class="form-control" name="nomeAvaliador" id="exampleInputNome1"
required>
</div>
<div class="form-group">
<label for="exampleInputEmail1">Email <span style="color: red;">*</span></label>
<input type="email" class="form-control" name="emailAvaliador" id="exampleInputEmail1"
required>
</div>
<div class="form-group">
@if($evento->natureza_id != 3)
<label for="grandeArea" class="col-form-label">{{ __('Grande Área') }} <span
style="color: red; font-weight:bold">*</span></label>
<select class="form-control" id="grandeAreaConvite" name="grande_area_id" onchange="areas()"
required>
<option value="" disabled selected hidden>-- Grande Área --</option>
@foreach($grandesAreas as $grandeArea)
<option value="{{$grandeArea->id}}">{{$grandeArea->nome}}</option>
@endforeach
</select>
<label for="area" class="col-form-label">{{ __('Área') }} <span
style="color: red; font-weight:bold">*</span></label>
<select class="form-control @error('area') is-invalid @enderror" id="areaConvite"
name="area_id" required>
<option value="" disabled selected hidden>-- Área --</option>
</select>
</div>
<div class="form-group">
<label for="exampleFormControlSelect1">Tipo</label>
<select class="form-control" name="tipo" id="exampleFormControlSelect1" disabled>
<option value="avaliador">Avaliador</option>
</select>
</div>
@else
<label for="grandeArea" class="col-form-label">{{ __('Áreas Temáticas') }} <span
style="color: red; font-weight:bold">*</span></label>
<select class="form-control" id="grandeAreaConvite" name="area_tematica_id"
required>
<option value="" disabled selected hidden>-- Áreas Temáticas --</option>
@foreach($areasTematicas as $areaTematica)
<option value="{{$areaTematica->id}}">{{$areaTematica->nome}}</option>
@endforeach
</select>
@endif
@if($evento->natureza_id != 3)
<div class="form-group">
<label for="exampleFormControlSelect1">Instituição <span
style="color: red; font-weight:bold">*</span></label>
<select class="form-control" name="instituicao" id="membro" required
onchange="mostrarDiv(this)">
<option value="" disabled>-- Selecione a instituição --</option>
<option value="ufape">Universidade Federal do Agreste de Pernambuco</option>
<option value="outra">Outra</option>
</select>
</div>
@endif
<div class="form-group" id="div-outra"
style="@if(old('instituicao') != null && old('instituicao') == "outra") display: block; @else display: none; @endif">
<label for="outra">{{ __('Digite o nome da instituição') }}<span
style="color: red; font-weight: bold;"> *</span></label>
<input id="outra" class="form-control @error('outra') is-invalid @enderror" type="text"
name="outra" value="{{old('outra')}}" autocomplete="outra"
placeholder="Universidade Federal ...">
@error('outra')
<div id="validationServer03Feedback" class="invalid-feedback">
{{ $message }}
</div>
@enderror
</div>
<div class="form-group" style="margin-top: 40px; margin-bottom: 40px;">
<button type="submit" class="btn btn-info" style="width: 100%">Enviar</button>
</div>
<div class="form-group texto-info">
O convite será enviador por e-mail e o preenchimento dos dados será de inteira
responsabilidade do usuário convidado.
</div>
</form>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('javascript')
<script>
$('#myModal').on('shown.bs.modal', function () {
$('#myInput').trigger('focus')
});
function buscar(input) {
var editais = document.getElementById('projetos').children;
if(input.value.length > 2) {
for(var i = 0; i < editais.length; i++) {
var nomeEvento = editais[i].children[0].textContent;
if(nomeEvento.substr(0).indexOf(input.value) >= 0) {
editais[i].style.display = "";
} else {
editais[i].style.display = "none";
}
}
} else {
for(var i = 0; i < editais.length; i++) {
editais[i].style.display = "";
}
}
}
function abrirModalConviteAval(id) {
// fechar modeal e abrir 2o modal
console.log(id);
$("#exampleModalCenter"+id).modal('toggle');
$("#trabalho_id").val(id);
setTimeout(() => {
$("#modalConviteAval").modal();
}, 500);
$('#modalConviteAval').focus();
}
function fecharModalConvite(){
$("#modalConviteAval").modal('toggle');
}
function areas() {
var grandeArea = $('#grandeAreaConvite').val();
$.ajax({
type: 'POST',
url: '{{ route('area.consulta') }}',
data: 'id=' + grandeArea,
headers:
{
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
success: (dados) => {
if (dados.length > 0) {
if ($('#oldArea').val() == null || $('#oldArea').val() == "") {
var option = '<option selected disabled>-- Área --</option>';
}
$.each(dados, function (i, obj) {
if ($('#oldArea').val() != null && $('#oldArea').val() == obj.id) {
option += '<option selected value="' + obj.id + '">' + obj.nome + '</option>';
} else {
option += '<option value="' + obj.id + '">' + obj.nome + '</option>';
}
})
} else {
var option = "<option selected disabled>-- Área --</option>";
}
$('#areaConvite').html(option).show();
},
error: (data) => {
console.log(data);
}
})
}
function mostrarDiv(select) {
if (select.value == "outra") {
document.getElementById('div-outra').style.display = "block";
$("#outra").prop('required', true);
} else if (select.value == "ufape") {
document.getElementById('div-outra').style.display = "none";
$("#outra").prop('required', false);
}
}
</script>
@endsection