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

<x-layout.head :title="$title" />

<body class="flex h-screen flex-col bg-gradient-to-bl from-primary to-secondary-dark">
    <main class="flex flex-grow flex-col items-center justify-center">
        @if (session()->has('success'))
            <div class="success-popup flash-message">
                {{ session('success') }}
            </div>
        @elseif(session()->has('error'))
            <div class="popup error-text flash-message">
                {{ session('error') }}
            </div>
        @endif
        {{ $slot }}
    </main>
    <x-layout.foot />
</body>

</html>
