@php
$titulo = "Financeiro - 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 financeiro, onde será possível verificar despesas lançadas e reembolsos solicitados</p>
    <button type="submit" onclick="window.location.href='{{ route ('financeiro.despesas.index')}}'" class='col-3  alert alert-light text-center text-primary shadow pb-5 pt-5 alert alert-light'>
        
        <h1><i class="fas fa-coins"></i></h1>
        <strong>Depesas</strong>
    </button>
    <button type="submit" onclick="window.location.href='{{route('financeiro.reembolso.index')}}'" class='col-3 offset-1 alert alert-light text-center text-primary shadow pb-5 pt-5'>
        
        <h1><i class="fas fa-money-bill-wave"></i></h1>
        <strong>Reembolsos</strong>
    </button>
    <button type="submit" onclick="window.location.href='{{ route('financeiro.cartoes.index') }}'" class='col-3 offset-1 alert alert-light text-center text-primary shadow pb-5 pt-5'>
        
        <h1><i class="fas fa-credit-card"></i></h1>
        <strong>Cartões</strong>
    </button>
    <button type="submit" onclick="window.location.href='{{ route ('financeiro.limite.index')}}'" class='col-3  alert alert-light text-center text-primary shadow pb-5 pt-5 alert alert-light'>
        
        <h1><i class="fas fa-chart-bar"></i></h1>
        <strong>Despesas e Limites</strong>
    </button>
</div>
@include('components.footer')