@extends('layouts.app')

@section('content')

<div class="container">

    {{-- titulo da página --}}
    <div class="row justify-content-center titulo">
        <div class="col-sm-12">
            <div class="row">
                <div class="col-sm-10">
                    <h1>Eventos</h1>
                </div>
                
                @if(Auth::check())
                    @if(Auth::user()->tipo == 'administrador')
                        <!-- Carrega component contendo navbar do administrador -->
                        

                        <div class="col-sm-2">
                            <a href="" class="btn btn-primary">Ver Editais</a>
                        </div>
                        {{-- 
                            editar/Deletar projetos cadastrados
                            editar/Deletar proponentes ja cadastrados
                            editar/Deletar editais já cadastrados
                            Configurações do sistema
                         --}}

                    @endif
                    @if(Auth::user()->tipo == 'administradorResponsavel')
                        <div class="col-sm-2">
                            <a href="{{route('evento.criar')}}" class="btn btn-primary">Novo Edital</a>
                        </div>
                        {{-- 
                            Criar/Editar/Deletar editais
                            Criar datas e anexar  documentos no sistema
                            Distribuir os projetos com os avaliadores
                            Gerar Resultado 
                        --}}
                    @endif
                    @if(Auth::user()->tipo == 'proponente')
                        {{-- <div class="col-sm-2">
                            <a href="{{route('evento.criar')}}" class="btn btn-primary">Submeter Projeto</a>
                        </div> --}}
                        {{-- 
                            projetos
                            perfil
                            participantes de projeto
                            submeter projetos
                            anexar documentos 
                        --}}
                    @endif
                @endif
                
            </div>
        </div>
    </div>

    <div class="row">


        @foreach ($eventos as $evento)
            <div class="card" style="width: 18rem;">
                @if(isset($evento->fotoEvento))
                  <img src="{{asset('storage/eventos/'.$evento->id.'/logo.png')}}" class="card-img-top" alt="...">
                @else
                  <img src="{{asset('img/colorscheme.png')}}" class="card-img-top" alt="...">
                @endif
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <h4 class="card-title">
                                <div class="row justify-content-center">
                                    <div class="col-sm-12">
                                        {{$evento->nome}}
                                        @can('isCoordenador', $evento)
                                            <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">
                                                    <a href="{{ route('coord.detalhesEvento', ['eventoId' => $evento->id]) }}" class="dropdown-item">
                                                        <img src="{{asset('img/icons/eye-regular.svg')}}" class="icon-card" alt="">
                                                        Detalhes
                                                    </a>
                                                    <a href="{{route('evento.editar',$evento->id)}}" class="dropdown-item">
                                                        <img src="{{asset('img/icons/edit-regular.svg')}}" class="icon-card" alt="">
                                                        Editar
                                                    </a>
                                                    <form method="POST" action="{{route('evento.deletar',$evento->id)}}">
                                                        {{ csrf_field() }}
                                                        {{ method_field('DELETE') }}
                                                        <button type="submit" class="dropdown-item">
                                                            <img src="{{asset('img/icons/trash-alt-regular.svg')}}" class="icon-card" alt="">
                                                            Deletar
                                                        </button>

                                                    </form>
                                                </div>
                                            </div>
                                        @endcan
                                    </div>

                                </div>

                            </h4>

                        </div>
                    </div>
                    <p class="card-text">
                        {{-- <strong>Realização:</strong> {{date('d/m/Y',strtotime($evento->dataInicio))}} - {{date('d/m/Y',strtotime($evento->dataFim))}}<br>
                        <strong>Submissão:</strong> {{date('d/m/Y',strtotime($evento->inicioSubmissao))}} - {{date('d/m/Y',strtotime($evento->fimSubmissao))}}<br>
                        <strong>Revisão:</strong> {{date('d/m/Y',strtotime($evento->inicioRevisao))}} - {{date('d/m/Y',strtotime($evento->fimRevisao))}}<br> --}}
                    </p>
                    <p>

                        <div class="row justify-content-center">
                           {{--  <div class="col-sm-12">
                                <img src="{{asset('img/icons/map-marker-alt-solid.svg')}}" alt="" style="width:15px">
                                {{$evento->endereco->rua}}, {{$evento->endereco->numero}} - {{$evento->endereco->cidade}} / {{$evento->endereco->uf}}.
                            </div> --}}
                        </div>
                    </p>
                    <p>
                        <a href="{{  route('evento.visualizar',['id'=>$evento->id])  }}" class="visualizarEvento">Visualizar Evento</a>
                    </p>
                </div>

            </div>
        @endforeach
    </div>

</div>

@endsection