@extends('layouts.base')

@section('body')
<nav class="navbar navbar-expand-md mb-navbar sticky-top py-3">
    <div class="container">
        <a class="navbar-brand fw-bold display-font" href="{{ route('landing') }}">
            🦷 MediBook <span style="color:var(--mb-primary)">AI</span>
        </a>
        <div class="d-flex align-items-center gap-2 order-md-2">
            <a class="btn btn-sm mb-btn-ghost" href="?lang={{ app()->getLocale() === 'ar' ? 'en' : 'ar' }}">
                {{ app()->getLocale() === 'ar' ? 'EN' : 'عربي' }}
            </a>
            <button class="btn btn-sm mb-btn-ghost" onclick="mbToggleTheme()" aria-label="theme">◐</button>
            <a class="btn btn-sm mb-btn-ghost d-none d-md-inline-block" href="#login-hint">{{ __('Log in') }}</a>
            <a class="btn btn-sm mb-btn-primary" href="{{ route('register') }}">{{ __('Sign up free') }}</a>
        </div>
        <div class="d-none d-md-flex mx-auto gap-4 order-md-1">
            <a class="nav-link" href="#features">{{ __('Features') }}</a>
            <a class="nav-link" href="#pricing">{{ __('Pricing') }}</a>
            <a class="nav-link" href="#faq">{{ __('FAQ') }}</a>
        </div>
    </div>
</nav>

@yield('content')

<footer class="py-4 mt-5">
    <div class="container d-flex flex-wrap justify-content-between gap-2 mb-muted small">
        <span>© {{ date('Y') }} MediBook AI</span>
        <span>{{ __('Built for dental clinics') }} · Iraq & MENA</span>
    </div>
</footer>
@endsection