<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
    @php
        $metaTitle = $seo['title'] ?? 'Hire Full-Time Live-In Maid or Get a Maid Visa | Maid Visa';
        $metaDescription = $seo['description'] ?? '';
        $metaKeywords = $seo['keywords'] ?? '';
        $metaRobots = $seo['robots'] ?? 'index,follow';
        $metaUrl = $seo['url'] ?? url()->current();
        $metaImage = $seo['image'] ?? asset('assets/images/seo-banner.jpg');
        $metaType = $seo['type'] ?? 'website';
        $metaSiteName = $seo['site_name'] ?? config('app.name');
        $metaLocale = $seo['locale'] ?? 'en_US';
        $metaAltLocale = $seo['alternate_locale'] ?? 'ar_AE';
        $twitterCard = $seo['twitter_card'] ?? 'summary_large_image';
    @endphp
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ $metaTitle }}</title>
    <meta name="description" content="{{ $metaDescription }}">
    <meta name="keywords" content="{{ $metaKeywords }}">
    <meta name="robots" content="{{ $metaRobots }}">
    <link rel="canonical" href="{{ $metaUrl }}">
    <meta property="og:type" content="{{ $metaType }}">
    <meta property="og:title" content="{{ $metaTitle }}">
    <meta property="og:description" content="{{ $metaDescription }}">
    <meta property="og:url" content="{{ $metaUrl }}">
    <meta property="og:image" content="{{ $metaImage }}">
    <meta property="og:site_name" content="{{ $metaSiteName }}">
    <meta property="og:locale" content="{{ $metaLocale }}">
    <meta property="og:locale:alternate" content="{{ $metaAltLocale }}">
    <meta name="twitter:card" content="{{ $twitterCard }}">
    <meta name="twitter:title" content="{{ $metaTitle }}">
    <meta name="twitter:description" content="{{ $metaDescription }}">
    <meta name="twitter:image" content="{{ $metaImage }}">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Cairo:wght@600;700;800&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('assets/css/styles.css') }}">
    @stack('styles')
</head>
<body>
    @include('partials.header')

    <main>
        @yield('content')
    </main>

    @include('partials.footer')
    @include('partials.callback_modal')
    @include('partials.mobile_bottom_bar')

    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
    <script src="{{ asset('assets/js/app.js') }}"></script>
    @stack('scripts')
</body>
</html>