<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title> @yield('title', 'Nexus') </title>

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" />
    @vite(['resources/css/app.css', 'resources/js/app.js'])
    @livewireStyles

</head>
<header>
    <nav class="nav-bar">
        <div class="nav-bar-logo">
            <!-- <img src="{{ Vite::asset('resources/images/logo.png') }}" alt="Logo"> -->
        </div>

        @auth
            <a href="{{ route('dashboard') }}">Início</a>
            <form action="{{ route('logout') }}" method="post">
                @csrf
                <button type="submit">
                    Logout
                </button>
            </form>
        @endauth

        @guest
            <div>Bem vindo ao Nexus.</div>
        @endguest

    </nav>
</header>

<body>
    @yield('content')
    @livewireScripts
</body>


</html>