@php
    $titulo = 'Gestão de Risco - 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>
<script src="https://kit.fontawesome.com/b3dba3b6ce.js" crossorigin="anonymous"></script>
    <div class="container">
        <p class="mb-2">Esse é o módulo de gestão de risco, onde ficam informações de seguraça</p>
        <div class="row text-center mb-3">
            <button type="submit" onclick="window.location.href='{{route('gestaorisco.regras')}}'" class='col-3 ml-5 alert alert-dark text-center text-primary shadow' disabled>
                <br>
                <h1><i class="fas fa-award "></i></h1><br>
                <strong>Regras de Ouro (Em breve...)</strong><br><br>
            </button>
            <button type="submit" onclick="window.location.href='{{ route('gestaorisco.alertas') }}'" class='col-3 offset-1 alert alert-dark text-center text-primary shadow' disabled>
                <br>
                <h1><i class="fas fa-exclamation-triangle"></i></h1><br>
                <strong>Alertas de Segurança (Em breve...)</strong><br><br>
            </button>
            <button type="submit" onclick="window.location.href='{{ route('gestaorisco.checklist') }}'" class='col-3 offset-1 alert alert-dark text-center text-primary shadow' disabled>
                <br>
                <h1><i class="fas fa-clipboard-check"></i></h1><br>
                <strong>Checklist de Equipamento (Em breve...)</strong><br><br>
            </button>
            <button type="submit" onclick="window.location.href='{{ route('gestaorisco.cadastrorisco') }}'" class='col-3 ml-5 alert alert-dark text-center text-primary shadow' disabled>
                <br>
                <h1><i class="fa-solid fa-skull-crossbones"></i></h1><br>
                <strong>Cadastro de Risco (Em breve...)</strong><br><br>
            </button>
             
        </div>

    </div>
@include('components.footer')