@extends('layouts.app')

@section('content')

<div class="container" style="margin-bottom:4rem;">
    @if(session('verified'))
        <div class="alert alert-success" role="alert" style="margin-top: 2rem;">
            <h5 class="alert-heading">Bem-vindo ao Submeta!</h5>
            <hr>
            <p>Seu email foi verificado com sucesso.</p>
        </div>
    @endif

    <!-- Flex container principal -->
    <div class="d-flex flex-column align-items-center justify-content-center" style="min-height: 60vh;"> 
        <!-- Título principal -->
        <div class="col-md-12 form-group text-center">
            <h5 style="color: #1492E6; font-size:25px; margin-top: 1rem;">Página inicial</h5>
            <h5 style="color: #909090; font-size:22px; font-weight:normal">Proponente</h5>
        </div>

        <!-- Flex container para os ícones de navegação -->
        <div class="d-flex justify-content-center align-items-center flex-wrap" style="gap: 2rem;">
            <!-- Botão Editais -->
            <div class="form-group imagem_shadow text-center" style="border-radius: 12px; padding:14px; width:190px;">
                <a href="{{route('coord.home')}}" style="text-decoration:none; color: inherit;">
                    <img src="{{asset('img/icons/icon_editais.png')}}" alt="Icone Editais" width="120px">
                    <h5 style="color: #073763; margin-top:0.5rem; font-size:25px;">Editais</h5>
                </a>
            </div>

            <!-- Botão Minhas Propostas -->
            <div class="form-group imagem_shadow text-center" style="border-radius: 12px; padding:14px; width:190px;">
                <a href="{{ route('proponente.projetos')}}" style="text-decoration:none; color: inherit;">
                    @if(\App\Trabalho::where('proponente_id', auth()->user()->proponentes->id)->count() > 0)
                        <img src="{{asset('img/icons/icon_pasta_cheia.png')}}" alt="Icone Pasta Cheia" width="140px" style="filter: drop-shadow(5px 5px 5px rgb(206, 206, 206));">
                    @else
                        <img src="{{asset('img/icons/icon_pasta_vazia.png')}}" alt="Icone Pasta Vazia" width="140px" style="filter: drop-shadow(5px 5px 5px rgb(206, 206, 206));">
                    @endif
                    <h5 style="color: #073763; margin-top:0.5rem; font-size:25px">Minhas Propostas</h5>
                </a>
            </div>
        </div>
    </div>
</div>
@endsection