<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="#012f5d">

    @php
        $pageTitle = trim($__env->yieldContent('title')) ?: config('nh_trans.meta.home.title');
        $pageDescription = trim($__env->yieldContent('description')) ?: config('nh_trans.meta.home.description');
        $logoUrl = asset('assets/images/branding/logo-nh-trans.jpg');
    @endphp

    <title>{{ $pageTitle }}</title>
    <meta name="description" content="{{ $pageDescription }}">

    <link rel="icon" href="{{ $logoUrl }}" type="image/png">

    {{-- Open Graph --}}
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="{{ config('nh_trans.company.name') }}">
    <meta property="og:title" content="{{ $pageTitle }}">
    <meta property="og:description" content="{{ $pageDescription }}">
    <meta property="og:image" content="{{ $logoUrl }}">
    <meta property="og:locale" content="fr_FR">

    @vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="flex min-h-screen flex-col bg-brand-white text-brand-ink antialiased">
    <a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:left-4 focus:top-4 focus:z-[60] focus:rounded-lg focus:bg-brand-primary focus:px-4 focus:py-2 focus:text-brand-white">
        Aller au contenu principal
    </a>

    <x-site-header />

    <main id="main-content" class="flex-1">
        @yield('content')
    </main>

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