@extends('layouts.app')

@section('title', 'Sobre - Banco de Talentos')
@section('meta_description', 'Conheça o Banco de Talentos de Angra dos Reis. Saiba mais sobre nossa missão e objetivos.')
@section('content')

    <section class="about-section bg-fundo">
        <div class="tb-sobre-hero">
            <img src="{{ asset('images/images/about_image.png') }}" class="w-100" alt="">
        </div>
        <div class="container">
            <div class="row pb-80">
                <div class="col-lg-10 mx-auto">
                    <div class="col-lg-12 mt-5">

                    </div>
                    <div class="col-lg-12">
                        <h1 class="section-title text-center">Sobre o Banco de <br> Talentos</h1>

                        <div class="about-content text-center ">
                            <div class="pb-5 text-body-secondary">
                                <p>O Projeto Banco de Talentos é uma ferramenta de aplicação web onde estudantes e
                                    profissionais em busca de emprego podem cadastrar seus currículos, assim como empresas e
                                    instituições podem fazer o cadastro das vagas que necessitam preenchimento.</p>
                            </div>

                            <div class="pb-5 text-body-secondary">
                                <p>Os profissionais fazem seu cadastro inserindo suas informações profissionais: dados
                                    pessoais, dados acadêmicos, qualificações e experiências. Essas informações
                                    possibilitarão que se conheçam as competências dos inscritos, permitindo à plataforma
                                    realizar o cruzamento desses perfis com o perfil de vagas demandadas pelos diversos
                                    órgãos, empresas e instituições.</p>
                            </div>

                            <div class="pb-5 ">
                                <p>O projeto também possibilitará que empresas criem seu perfil na plataforma,
                                    disponibilizando vagas de emprego. Elas terão acesso ao banco de dados dos currículos
                                    cadastrados, com o intuito de recrutar colaboradores específicos às suas necessidades.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="container">
                        <div class="row justify-content-center col-lg-12">
                            <div class="col-12 d-flex p-0 justify-content-center align-items-center">
                                <img src="{{ asset('images/images/man.png') }}" alt="Foto de Homem Sorrindo"
                                    class="img-fluid img-sobre img-men me-negativo">

                                <img src="{{ asset('images/images/woman.png') }}" alt="Foto de Mulher Sorrindo"
                                    class="img-fluid img-sobre img-woman ms-negativo">
                            </div>
                        </div>

                        <div class="row justify-content-center">
                            <div class="col-12 col-lg-10 mb-5">
                                @php $isLoggedIn = \App\Support\SsoWebSession::hasToken(); @endphp
                                <div class="tb-sobre-cta">
                                    <div class="tb-sobre-cta__text">
                                        <p class="tb-sobre-cta__label">Pronto para começar?</p>
                                        @if ($isLoggedIn)
                                            <h4 class="tb-sobre-cta__title">Acesse sua área!</h4>
                                        @else
                                            <h4 class="tb-sobre-cta__title">Não sou cadastrado e quero me cadastrar!</h4>
                                        @endif
                                    </div>
                                    <div class="tb-sobre-cta__actions">
                                        @if ($isLoggedIn)
                                            <a href="{{ route('talent-bank.candidate.profile') }}" class="tb-sobre-cta__btn tb-sobre-cta__btn--primary">
                                                <i class="bi bi-person-fill"></i> Meu Perfil
                                            </a>
                                            <a href="{{ route('talent-bank.company.dashboard') }}" class="tb-sobre-cta__btn tb-sobre-cta__btn--outline">
                                                <i class="bi bi-building"></i> Área da Empresa
                                            </a>
                                        @else
                                            <a href="{{ route('entrar') }}" class="tb-sobre-cta__btn tb-sobre-cta__btn--primary">
                                                <i class="bi bi-person-fill"></i> Sou Candidato
                                            </a>
                                            <a href="{{ route('entrar') }}" class="tb-sobre-cta__btn tb-sobre-cta__btn--outline">
                                                <i class="bi bi-building"></i> Sou Empresa
                                            </a>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </section>
@endsection