@php
    $titulo = "TI - 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 do TI, onde será possível verificar e cadastrar novos colaboradores e itens no sistema</p>
    <button type="submit" onclick="window.location.href='{{route('ti.usuarios.index')}}'" class='col-3 ml-5 alert alert-light text-center text-primary shadow'>
        <br>
        <h1><i class="far fa-user"></i></h1><br>
        <strong>Usuários</strong><br><br>
    </button>
    <button type="submit" onclick="location.href='#'" class='col-3 offset-1 alert alert-gray text-center text-primary shadow'>
        <br>
        <h1><i class="fas fa-id-card"></i></h1><br>
        <strong>Itens (Em breve)</strong><br><br>
    </button>
    <button type="submit" onclick="location.href='*'" class='col-3 offset-1 alert alert-gray text-center text-primary shadow'>
        <br>
        <h1><i class="fas fa-hard-hat"></i></h1><br>
        <strong>Termos de uso (Em breve)</strong><br><br>
    </button>
    <button type="submit" onclick="window.location.href='{{route('ti.emails')}}'" class='col-3 ml-5 alert alert-light text-center text-primary shadow'>
        <br>
        <h1><i class="far fa-envelope"></i></h1><br>
        <strong>Emails de sistema</strong><br><br>
    </button>
</div>
@include('components.footer')