@extends('layouts.novo_padrao')

@section('content')

    <div class="welcome-card">
        <h2>Olá!</h2>
    </div>
    <div class="py-12 maincontent">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            @if (session('success'))
                <div id="alert-success" class="alert alert-success" role="alert">{{ route() }}
                    {{ session('success') }}
                </div>
            @endif

            @if (session('error'))
                <div id="alert-error" class="alert alert-danger" role="alert">
                    {{ session('error') }}
                </div>
            @endif

            <div class="bgcomponent{{ Auth::user()->preferencecolor }} overflow-hidden shadow-sm sm:rounded-lg">
                {{-- <div class="p-6 bgcomponent{{ Auth::user()->preferencecolor }} border-b border-gray-200">

                </div> --}}
            </div>
        </div>
    </div>

    <script>
        window.onload = function() {
            setTimeout(function() {
                var successAlert = document.getElementById('alert-success');
                if (successAlert) {
                    successAlert.style.opacity = '0';
                    setTimeout(function() {
                        successAlert.remove();
                    }, 500); // Aguarda a transição antes de remover o elemento
                }
            }, 10000);

            setTimeout(function() {
                var errorAlert = document.getElementById('alert-error');
                if (errorAlert) {
                    errorAlert.style.opacity = '0';
                    setTimeout(function() {
                        errorAlert.remove();
                    }, 500); // Aguarda a transição antes de remover o elemento
                }
            }, 10000);
        };
    </script>
@endsection