@extends('layouts.app')

@php
    $isAr = app()->getLocale() === 'ar';
    $metaTitle = $isAr ? $location->meta_title_ar : $location->meta_title_en;
    $metaDescription = $isAr ? $location->meta_description_ar : $location->meta_description_en;
    $altUrl = route('locations.show.' . ($isAr ? 'en' : 'ar'), $location->slug($isAr ? 'en' : 'ar'));
    $breadcrumbs = [['label' => $location->name(), 'url' => '#']];
@endphp

@push('schema')
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "Smart Pool & Pergola — {{ $location->name('en') }}",
  "areaServed": {!! json_encode($location->name('en')) !!}
}
</script>
@endpush

@section('content')

  <section class="hero hero--sub">
    <div class="hero-slats"></div>
    <div class="container hero-inner">
      <p class="eyebrow hero-eyebrow">{{ $isAr ? 'نخدم ' . $location->name() . ' بالكامل' : 'Serving All of ' . $location->name() }}</p>
      <h1>{{ $isAr ? $location->hero_headline_ar : $location->hero_headline_en }}</h1>
      <p class="lede">{{ $isAr ? $location->hero_subheadline_ar : $location->hero_subheadline_en }}</p>
      <div class="btn-row">
        <a href="{{ route('quote.create.' . app()->getLocale()) }}?city={{ $location->slug() }}" class="btn btn-primary">
          {{ $isAr ? 'احجز معاينة في ' . $location->name() : 'Book a Site Visit in ' . $location->name() }}
        </a>
      </div>
    </div>
  </section>

  {{-- The unique local-context paragraph — THIS is what the
       hasUniqueContent() guard protects; it must never be empty on a
       published page. --}}
  <section class="section">
    <div class="container" style="max-width:760px">
      <p class="lede">{{ $isAr ? $location->local_context_ar : $location->local_context_en }}</p>
    </div>
  </section>

  @if ($projects->isNotEmpty())
  <section class="section section--bg-light">
    <div class="container">
      <div class="section-head"><h2>{{ $isAr ? 'مشاريع منفذة في ' . $location->name() : 'Projects Completed in ' . $location->name() }}</h2></div>
      <div class="grid grid-3">
        @foreach ($projects as $project)
          <div class="card"><div class="card-media ph-visual dark"><span>{{ $project->title() }}</span></div></div>
        @endforeach
      </div>
    </div>
  </section>
  @endif

  <section class="section">
    <div class="container">
      <div class="cta-band">
        <div class="cta-band-inner">
          <h2>{{ $isAr ? 'احجز معاينتك المجانية' : 'Book Your Free Site Visit' }}</h2>
          <a href="{{ route('quote.create.' . app()->getLocale()) }}" class="btn btn-primary" style="background:#67AAE3; color:#0C2A3B">
            {{ $isAr ? 'احجز الآن' : 'Book Now' }}
          </a>
        </div>
      </div>
    </div>
  </section>

@endsection