@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <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;">
                    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 class="row position-text">
                {{-- <button class="btn btn-opcoes-edital" style="margin-bottom: 20px;">
                    Leia mais
                </button> --}}
            </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">
                                <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 && $fimRev >= $today || $i == 1)
                            <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">
                                            <button class="btn btn-opcoes-edital background-yellow" style="float: right;" disable>
                                                Em avaliação
                                            </button>
                                        </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">
                                            <button class="btn btn-opcoes-edital background-red" style="float: right;" disabled>
                                                Encerrado
                                            </button>
                                        </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>
    </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