<!DOCTYPE html>
<html class="h-full">
    <head>
        <x-meta></x-meta>
        <title>{{ config('app.name') }} | {{ config('app.title') }}</title>
        @vite('resources/css/app.css')
        @vite('resources/js/app.js')
    </head>
    <body class="h-full flex flex-col bg-primary">
        <x-header></x-header>

        <div class="container mx-auto flex-1 main-content bg-white shadow-md rounded-xl my-8 p-6">
            @yield('content')
        </div>

        <x-footer></x-footer>
    </body>
</html>
