@extends('layouts.app')
@section('content')
<div class="container">
<div class="row">
@if(count($eventos)>0)
<div class="col-sm-6" style="position: relative; top: 50px; padding: 25px;">
<div class="row">
<img class="position-image" src="{{ asset('img/icons/logo_submeta_grande.png') }}" alt="">
</div>
<div class="row position-text">
<p style="text-indent: 0.5cm; color:#909090; font-size:16px">
O Submeta é um sistema de submissão de projetos acadêmicos, que pode ser adotado para os diferentes propósitos de Ensino, Pesquisa e Extensão. O sistema abrange todas as principais etapas relacionadas à submissão de projetos, permitindo o lançamento e configuração de editais, além de gerenciar a distribuição das avaliações e os pareceres técnicos dos avaliadores, como também, visualizar os projetos submetidos pelos proponentes.
</p>
</div>
<br>
<div class="row position-text">
<div class="alert alert-danger" role="alert">
<p>
<strong>INFORME</strong>
</p>
<p>
<strong>Comitês Internos do PIBIC e do PIBITI comunicam prorrogração do prazo de envio de propostas</strong>
</p>
<p>
Os Comitês Internos do PIBIC e do PIBITI da UFAPE informam que o prazo para envio das propostas referentes aos Editais PIBIC/PIC e PIBITI UFAPE 2021/2022 foi prorrogado para o dia 07/07/2021 até às 23h59min (horário de Brasília).
</p>
<p>
Não serão aceitas propostas submetidas após este prazo.
</p>
</div>
</div>
</div>
<br>
<div class="col-sm-6" style=" position: relative; top: 50px; padding: 25px;">
<h4 style="color: rgb(0, 140, 255);">Editais</h4>
<div id="editais">
<ul class="col-sm-12 list-editais flexcroll" style="list-style-type: none;">
@php
$today = \Carbon\Carbon::create($hoje);
@endphp
@foreach ($eventos as $i => $evento)
@php
$fimSub = \Carbon\Carbon::create($evento->fimSubmissao);
$inicioRev = \Carbon\Carbon::create($evento->inicioRevisao);
$fimRev = \Carbon\Carbon::create($evento->fimRevisao);
@endphp
@if ($fimSub >= $today)
<li class="col-sm-12 li-editais aberto bg-white">
<div class="container">
<div class="row">
<div class="col-sm-1">
<img class="img-arquivo" src="{{ asset('img/icons/logo_arquivo.png') }}" alt="">
</div>
<div class="col-sm-8">
<div>{{$evento->nome}}</div>
<div class="color-subtitle-edital">Submissão até o dia {{ date('d/m/Y', strtotime($evento->fimSubmissao)) }}</div>
</div>
<div class="col-sm-3">
<a href="{{ route('evento.visualizarNaoLogado', ['id' => $evento->id]) }}">
<button class="btn btn-opcoes-edital" style="float: right;">
Visualizar
</button>
</a>
</div>
</div>
</div>
</li>
@elseif($fimSub < $today)
<li class="col-sm-12 li-editais encerrado bg-white" style="display: none;">
<div class="container">
<div class="row">
<div class="col-sm-1">
<img class="img-arquivo" src="{{ asset('img/icons/logo_arquivo.png') }}" alt="">
</div>
<div class="col-sm-8">
<div>{{$evento->nome}}</div>
<div class="color-subtitle-edital">Submissão até o dia {{ date('d/m/Y', strtotime($evento->fimSubmissao)) }}</div>
</div>
<div class="col-sm-3">
<a href="{{ route('evento.visualizarNaoLogado', ['id' => $evento->id]) }}">
<button class="btn btn-opcoes-edital background-red" style="float: right;">
Encerrado
</button>
</a>
</div>
</div>
</div>
</li>
{{-- <li class="col-sm-12 li-editais avaliacao" style="display: none;">
<div class="container">
<div class="row">
<div class="col-sm-1">
<img class="img-arquivo" src="{{ asset('img/icons/logo_arquivo.png') }}" alt="">
</div>
<div class="col-sm-7">
<div>{{$evento->nome}}</div>
<div class="color-subtitle-edital">Submissão até o dia {{ date('d/m/Y', strtotime($evento->fimSubmissao)) }}</div>
</div>
<div class="col-sm-4">
<a href="{{ route('evento.visualizarNaoLogado', ['id' => $evento->id]) }}">
<button class="btn btn-opcoes-edital background-yellow" style="float: right;" disable>
Em avaliação
</button>
</a>
</div>
</div>
</div>
</li> --}}
{{-- @elseif($fimRev <= $today)
<li class="col-sm-12 li-editais encerrado" style="display: none;">
<div class="container">
<div class="row">
<div class="col-sm-1">
<img class="img-arquivo" src="{{ asset('img/icons/logo_arquivo.png') }}" alt="">
</div>
<div class="col-sm-8">
<div>{{$evento->nome}}</div>
<div class="color-subtitle-edital">Submissão até o dia {{ date('d/m/Y', strtotime($evento->fimSubmissao)) }}</div>
</div>
<div class="col-sm-3">
<a href="{{ route('evento.visualizarNaoLogado', ['id' => $evento->id]) }}">
<button class="btn btn-opcoes-edital background-red" style="float: right;" disabled>
Encerrado
</button>
</a>
</div>
</div>
</div>
</li> --}}
@endif
@endforeach
</ul>
</div>
<br>
<div class="row">
<div class="col-md-8" style="float: right;">
</div>
<div class="col-md-4" style="float: right;">
<select id="" class="form-control select-submeta" onchange="exibirEditais(this)">
<option value="aberto" selected>Aberto</option>
{{-- <option value="avaliacao">Em Avaliação</option> --}}
<option value="encerrado">Encerrado</option>
<option value="todos">Todos</option>
</select>
</div>
</div>
</div>
@else
<div class="col-md-12" style="text-align: center;">
<div class="form-row justify-content-center">
<div class="col-md-8">
<div class="form-group">
<div style="margin-top: 6rem"><img class="position-image" src="{{ asset('img/icons/logo_submeta_grande.png') }}" alt=""></div>
<div style="margin-top: 3rem">
<p style="text-indent: 0.5cm; color:#909090; font-size:16px">
O Submeta é um sistema de submissão de projetos acadêmicos, que pode ser adotado para os diferentes propósitos de Ensino, Pesquisa e Extensão. O sistema abrange todas as principais etapas relacionadas à submissão de projetos, permitindo o lançamento e configuração de editais, além de gerenciar a distribuição das avaliações e os pareceres técnicos dos avaliadores, como também, visualizar os projetos submetidos pelos proponentes.
</p>
</div>
</div>
</div>
</div>
</div>
@endif
</div>
</div>
@endsection
@section('javascript')
<script>
function exibirEditais(select) {
var abertos = document.getElementsByClassName("aberto");
var avaliacao = document.getElementsByClassName("avaliacao");
var encerrado = document.getElementsByClassName("encerrado");
console.log(abertos);
if (select.value == "aberto" || select.value == "todos") {
for(var i = 0; i < abertos.length; i++) {
abertos[i].style.display = "";
}
} else {
for(var i = 0; i < abertos.length; i++) {
abertos[i].style.display = "none";
}
}
if (select.value == "avaliacao" || select.value == "todos") {
for(var i = 0; i < avaliacao.length; i++) {
avaliacao[i].style.display = "";
}
} else {
for(var i = 0; i < avaliacao.length; i++) {
avaliacao[i].style.display = "none";
}
}
if (select.value == "encerrado" || select.value == "todos") {
for(var i = 0; i < encerrado.length; i++) {
encerrado[i].style.display = "";
}
} else {
for(var i = 0; i < encerrado.length; i++) {
encerrado[i].style.display = "none";
}
}
}
</script>
@endsection