@extends('public.layout')

@section('title', ($city->meta_title ?: ('GiGi en ' . $city->name)) . ' | GiGi Food Partner')
@section('meta_description', $city->meta_description ?: ('Solucion para restaurantes en ' . $city->name))

@section('content')
@php
  $coverImage = null;

  if (is_string($city->cover_image) && $city->cover_image !== '') {
      $coverImage = preg_match('/^(https?:)?\/\//i', $city->cover_image) ? $city->cover_image : url($city->cover_image);
  }
@endphp
<section class="section">
  <div class="container two-col">
    <div class="section-card card">
      @if ($coverImage)
        <div class="card city-hero-media" style="margin: -1.5rem -1.5rem 1.5rem;">
          <img src="{{ $coverImage }}" alt="{{ $city->cover_image_alt ?: $city->name }}" loading="eager">
        </div>
      @endif
      <span class="eyebrow">{{ $city->name }}</span>
      <h1>{{ $city->home_title ?: ('GiGi para restaurantes en ' . $city->name) }}</h1>
      <p>{{ $city->hero_description ?: $city->home_description }}</p>
      <div class="stat-grid">
        <div class="stat card"><strong>{{ $city->home_kpi_value }}</strong><span>{{ $city->home_kpi_label }}</span></div>
        <div class="stat card"><strong>{{ $city->is_featured_home ? __('Yes') : __('No') }}</strong><span>{{ __('On home') }}</span></div>
        <div class="stat card"><strong>{{ $city->show_in_footer ? __('Yes') : __('No') }}</strong><span>{{ __('On footer') }}</span></div>
      </div>
    </div>
    <div class="section-card card">
      <h3>{{ __('Key points') }}</h3>
      <ul class="list">
        @forelse ($highlights as $highlight)
          <li>{{ $highlight }}</li>
        @empty
          <li>{{ __('Clearer local acquisition') }}</li>
          <li>{{ __('Better commercial control') }}</li>
          <li>{{ __('A base prepared to scale') }}</li>
        @endforelse
      </ul>
      <div class="nav-actions" style="margin-top:1rem;">
        <a class="btn btn-primary" href="{{ route('pages-home', ['locale' => app()->getLocale()]) }}#lead-form">{{ __('Request demo') }}</a>
      </div>
    </div>
  </div>
</section>
@endsection