@php
    $title = $title ?? null;
    $description = $description ?? null;
    $keywords = $keywords ?? null;
    $ogImage = $ogImage ?? null;
    $canonical = $canonical ?? null;

    $siteName = settings('restaurant_name', 'Maison Rouge');
    $computedTitle = $title ? "{$title} | {$siteName}" : settings('meta_title', "{$siteName} | French-American Gastronomy");
    $computedDesc = $description ?: settings('meta_description', 'Experience Michelin-grade French-American dining in SoHo, NY. Order online for gourmet delivery or reserve your table.');
    $computedKeywords = $keywords ?: settings('meta_keywords', 'restaurant, online ordering, gourmet, delivery, french bistro, steaks, pasta, soho new york');
    $computedOgImage = $ogImage ?: settings('og_image', 'https://images.unsplash.com/photo-1544025162-d76694265947?auto=format&fit=crop&w=1200&q=80');
    $computedCanonical = $canonical ?: url()->current();
    $favicon = settings('favicon') ? asset('storage/' . settings('favicon')) : null;
@endphp

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="{{ csrf_token() }}">

<title>{{ $computedTitle }}</title>
<meta name="description" content="{{ $computedDesc }}">
<meta name="keywords" content="{{ $computedKeywords }}">
<link rel="canonical" href="{{ $computedCanonical }}">

@if($favicon)
<link rel="icon" type="image/x-icon" href="{{ $favicon }}">
@endif

<!-- Open Graph / Facebook -->
<meta property="og:type" content="restaurant.restaurant">
<meta property="og:url" content="{{ $computedCanonical }}">
<meta property="og:title" content="{{ $computedTitle }}">
<meta property="og:description" content="{{ $computedDesc }}">
<meta property="og:image" content="{{ $computedOgImage }}">
<meta property="og:site_name" content="{{ $siteName }}">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{ $computedTitle }}">
<meta name="twitter:description" content="{{ $computedDesc }}">
<meta name="twitter:image" content="{{ $computedOgImage }}">

<!-- Schema.org Restaurant Structured Data -->
<script type="application/ld+json">
{
  "@@context": "https://schema.org",
  "@@type": "Restaurant",
  "name": "{{ $siteName }}",
  "image": "{{ $computedOgImage }}",
  "@@id": "{{ url('/') }}",
  "url": "{{ url('/') }}",
  "telephone": "{{ settings('restaurant_phone', '+1-212-845-9200') }}",
  "priceRange": "$$$$",
  "menu": "{{ route('menu.index') }}",
  "servesCuisine": "French-American",
  "acceptsReservations": "true",
  "address": {
    "@@type": "PostalAddress",
    "streetAddress": "{{ settings('restaurant_address', '482 West Broadway') }}",
    "addressLocality": "{{ settings('restaurant_city', 'New York') }}",
    "addressRegion": "{{ settings('restaurant_state', 'NY') }}",
    "postalCode": "{{ settings('restaurant_zip', '10012') }}",
    "addressCountry": "{{ settings('restaurant_country', 'US') }}"
  }
}
</script>