@php
    $titulo = "Início - SW";
    // $subtitulo = "Bem vindo <strong> $usuario->usu_nome </strong>.";
@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">
    <div class="mb-1"><strong>Ações</strong></div>

    <div class="row text-center mb-5">

        <button type="submit" onclick="window.location.href='{{route ('viagens.index')}}'" class='col-md-3 col-sm-3 ml-md-5 alert alert-light text-center text-primary shadow'>
            <h1><i class="far fa-map"></i></h1>
            <strong>VIAGENS</strong>
        </button>

      
        <button type="button" onclick="window.location.href='{{ route('bdt.index') }}'" class='col-md-3 col-sm-3 ml-md-5 alert alert-light text-center text-primary shadow' >
            <h1><i class="fas fa-car"></i></h1>
            <strong>BDT</strong>
        </button>

        <button type="submit" onclick="window.location.href='{{ route('despesas.index')}}'" class='col-md-3 col-sm-3 ml-md-5 alert alert-light text-center text-primary shadow'>
            <h1><i class="fas fa-dollar-sign"></i></h1>
            <strong>DESPESAS AVULSAS</strong>
        </button>
        
        {{--<button type="submit" class='col-md-3 col-sm-3 ml-md-5 alert alert-dark text-center text-primary shadow' disabled>
            <h1><i class="fas fa-exclamation-circle"></i></h1>
            <strong>COMUNICADOS (Em breve)</strong>
        </button>--}}
        
    </div>
    
    <div class="mb-1 d-none d-sm-block"><strong>Moderação</strong></div>
    <div class="row text-center mb-5">

        {{-- Botões principais --}}
        @if ($usuario->mod_viagem > 0)
        <button type="submit" onclick="window.location.href='{{ route('financeiro.index') }}'" class="col-md-3 col-sm-3 ml-md-5 d-none d-sm-block alert alert-light text-center text-primary shadow">
            <h1><i class="fas fa-coins"></i></h1>
            <strong>FINANCEIRO</strong>
        </button>
        @endif
        
        @if ($usuario->mod_carro > 0)
        <button type="submit" onclick="window.location.href='{{ route('carros.index') }}'" class="col-md-3 col-sm-3 ml-md-5 d-none d-sm-block alert alert-light text-center text-primary shadow">
        <h1><i class="fas fa-car"></i></h1>
            <strong>CARROS</strong>
        </button>
        @endif
        
        {{-- Outras permissões --}}
        @if ($usuario->mod_ti > 0)
        <button type="submit" onclick="location.href='{{ route('ti.index')}}'" class="col-md-3 col-sm-3 ml-md-5 d-none d-sm-block alert alert-light text-center text-primary shadow">
            <h1><i class="fas fa-laptop"></i></h1>
            <strong>TI</strong>
        </button>
        @endif
        
        @if ($usuario->mod_rh > 0)
        <button type="submit" onclick="window.location.href='{{ route ('rh.index') }}'" class="col-md-3 col-sm-3 ml-md-5 d-none d-sm-block alert alert-light text-center text-primary shadow">
            <h1><i class="fas fa-users"></i></h1>
            <strong>RH</strong>
        </button>
        @endif
        @if ($usuario->mod_viagem > 0)
        <button type="submit" onclick="window.location.href='{{ route ('aprovacao.index') }}'" class="col-md-3 col-sm-3 ml-md-5 d-none d-sm-block alert alert-light text-center text-primary shadow">
            <h1><i class="fas fa-check"></i></h1>
            <strong>APROVAÇÕES</strong>
        </button>
        @endif
        {{--<button type="submit" onclick="window.location.href='{{route('gestaorisco.inicio')}}'" class='col-md-3 col-sm-3 ml-md-5 alert alert-dark text-center text-primary shadow' disabled>
            <h1> <i class="fas fa-solid fa-triangle-exclamation ">  </i> </h1>
            <strong>GESTÃO DE RISCO (Em breve)</strong>
        </button>
        <button type="submit" onclick="window.location.href='{{route('estoque.inicio')}}'" class='col-md-3 col-sm-3 ml-md-5 {{ in_array($usuario->usu_email, ['igor.torres@safetyworld.com.br','aureo.junior@abmkt.tech', 'aureosilva21@gmail.com']) ? 'alert alert-light' : 'alert alert-dark' }} text-center text-primary shadow '{{ in_array($usuario->usu_email, ['igor.torres@safetyworld.com.br','aureo.junior@abmkt.tech', 'aureosilva21@gmail.com']) ? '' : 'disabled' }} >
            <h1> <i class="fas fa-solid  fa-archive">  </i> </h1>
            <strong>ESTOQUE (Em breve)</strong>
        </button>--}}
    </div>
</div>
@include ('components.footer')