<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="h-full">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>@yield('title', $title ?? setting('university_name', 'King Ceasor University'))</title>
    <meta name="description" content="@yield('description', $description ?? setting('university_tagline'))">

    <meta property="og:site_name" content="{{ setting('university_name') }}">
    <meta property="og:title" content="@yield('title', $title ?? setting('university_name'))">
    <meta property="og:description" content="@yield('description', $description ?? setting('university_tagline'))">
    <meta property="og:type" content="website">
    <meta property="og:url" content="{{ url()->current() }}">

    <link rel="icon" href="{{ asset('favicon.ico') }}" sizes="any">
    <link rel="canonical" href="{{ url()->current() }}">

    @vite(['resources/css/app.css', 'resources/js/app.js'])
    @livewireStyles
    @stack('head')
</head>
<body class="flex min-h-full flex-col bg-white">

<a href="#main" class="sr-only focus:not-sr-only focus:absolute focus:left-4 focus:top-4 focus:z-50 focus:rounded-lg focus:bg-brand-700 focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:text-white">
    Skip to main content
</a>

@include('partials.public-header')

<main id="main" class="flex-1">
    {{ $slot ?? '' }}
    @yield('content')
</main>

@include('partials.public-footer')

@livewireScripts
@stack('scripts')

</body>
</html>
