@extends('adminlte::page')
@section('title', 'Dashboard')
@section('content_header')
    <div class="row">
        <div class="col-12">   
        </div>
    </div>
@stop

@section('content')
    <div class="container-fluid">
        @if(Session::has('error'))
            @php
                $data = Session::get('error');
            @endphp

            @if (is_array($data))
                @foreach ($data as $msg)
                    <div class="alert alert-danger auto-dismiss" role="alert">
                        <i class="fa fa-times"></i>
                        {{ $msg }}
                    </div>
                @endforeach
            @else
                <div class="alert alert-danger auto-dismiss" role="alert">
                    <i class="fa fa-times"></i>
                    {{ $data }}
                </div>
            @endif
            
        @endif
    </div>
    
    @if(isset($logo))
        <div class="d-flex justify-content-center align-items-center" style="height: 60vh;">
            <img src="{{ asset($logo) }}" alt="Logo da empresa"
                 style="max-height: 300px; max-width: 90%; object-fit: contain;">
        </div>
    @endif
@stop

@section('css')
    <style>

        img[alt="Logo da empresa"] {
            transition: transform 0.3s ease;
        }

        img[alt="Logo da empresa"]:hover {
            transform: scale(1.03);
        }
  
    </style>
@stop
@section('js')

    <script>
        setTimeout(() => {
            document.querySelectorAll('.auto-dismiss').forEach(el => {
                el.style.transition = 'opacity 0.5s ease';
                el.style.opacity = '0';
                setTimeout(() => el.remove(), 500); 
            });
        }, 3000);
    </script>

@stop