@php 
    $titulo = "Carros";   
@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">
        
        <div class="row">
            <p>Este é o módulo de carros, onde será possível cadastrar/editar carros e varificar os BDTs lançados.</p>
            <button type="submit" onclick="window.location.href='{{ route('inicio.carros.index')}}'" class='col-lg-5 alert alert-light text-center text-primary shadow'>
                <br>
                <h1><i class="fas fa-car-side"></i></h1><br>
                <strong>Carros</strong><br><br>
            </button>
            {{-- <button type="submit" onclick="window.location.href='{{ route('carros.uso.index')}}'" class='col-lg-3 offset-1  alert alert-light text-center text-primary shadow'>
                <br>
                <h1><i class="fas fa-file-alt"></i></h1><br>
                <strong>Uso dos carros</strong><br><br>
            </button> --}}
            {{-- <button type="button" onclick="window.location.href='{{ route('carros.uso.index') }}'" class="col-lg-3 offset-1 alert alert-light text-center text-primary shadow">
                <br>
                <h1>
                    <img src="{{ asset('img/accident-icon-12.jpg') }}" alt="Uso dos carros" style="width: 50px; height: 50px;">
                </h1>
                <br>
                <strong>Carros com avarias</strong>
                <br><br>
            </button> --}}
            <button type="button" onclick="window.location.href='{{ route('carros.avarias') }}'" class="col-lg-5 offset-1 alert alert-light text-center text-primary shadow">
                <br>
                <h1>
                    <i class="fas fa-car-crash"></i>
                </h1>
                <br>
                <strong>Avarias</strong>
                <br><br>
            </button>
            

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