@php
$titulo = "Recursos Humanos - SW";
@endphp
@include('components.head')
<style>
    .alert-light {
        transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Suavização da transição */
    }

    .alert-light:hover {
        background-color: #a9a9a99c; /* Fundo escurecido ao passar o mouse */
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Sombra para o efeito de elevação */
    }
</style>
<div class="container">
    <p>Este é o módulo dos Recursos Humanos, onde será possível verificar e cadastrar novos colaboradores</p>
    <button type="submit" onclick="window.location.href='{{route('rh.colaboradores')}}'" class='col-3 ml-5 alert alert-light text-center text-primary shadow'>
        <br>
        <h1><i class="far fa-user"></i></h1><br>
        <strong>Colaboradores</strong><br><br>
    </button>
    <button type="submit" onclick="window.location.href='{{ route('rh.contratos') }}'" class='col-3 offset-1 alert alert-light text-center text-primary shadow'>
        <br>
        <h1><i class="fas fa-id-card"></i></h1><br>
        <strong>Contratos</strong><br><br>
    </button>
    <button type="submit" onclick="window.location.href='{{ route('rh.epi') }}'" class='col-3 offset-1 alert alert-light text-center text-primary shadow'>
        <br>
        <h1><i class="fas fa-hard-hat"></i></h1><br>
        <strong>EPIs (Em breve)</strong><br><br>
    </button>
    <button type="submit" onclick="location.href='{{route('rh.empresas')}}'" class='col-3 ml-5 mt-5 alert alert-light text-center text-primary shadow'>
        <br>
        <h1><i class="fas fa-building"></i></h1><br>
        <strong>Empresas</strong><br><br>
    </button>
    <button type="submit" onclick="location.href='{{route('rh.cargos')}}'" class='col-3 offset-1 mt-5 alert alert-light text-center text-primary shadow'>
        <br>
        <h1><i class="fas fa-briefcase"></i></h1><br>
        <strong>Cargos</strong><br><br>
    </button>
    <button type="submit" onclick="location.href='{{route('rh.atestados')}}'" class='col-3 offset-1 mt-5 alert alert-light text-center text-primary shadow'>
        <br>
        <h1><i class="fas fa-file"></i></h1><br>
        <strong>Atestados</strong><br><br>
    </button>
</div>
@include('components.footer')