@extends('layouts.app')

@php
    use App\Helpers\SeoHelper;
    use App\Helpers\ServiceContentKeys;
    use Illuminate\Support\Str;
    $locale = app()->getLocale();
    $isLocationPage = isset($withLocation) && $withLocation;
    $locationSuffix = $locationSuffix ?? '';
    $contactServiceSlug = ServiceContentKeys::canonicalPublicSlug((string) $slug);
    $usesDarkHero = ($navState['heroTheme'] ?? '') === 'dark'
        || in_array($slug ?? '', ['branding-creative', 'branding'], true);
    $heroCards = $heroCards ?? \App\Helpers\ServiceHeroCards::forSlug($slug, $service);

    $localizedRoute = function($routeName, $params = []) use ($locale) {
        return SeoHelper::localizedRoute($routeName, $params, $locale);
    };

    $metaKeywordsBase = $service["metaKeywords"] ?? ($service["name"] . ", " . __("messages.service_detail.meta_keywords_extra") . ", " . implode(", ", array_slice($service["features"], 0, 5)));
    $metaKeywordsSafe = $metaKeywordsBase . ($isLocationPage && isset($locationData["keywords"]) ? ", " . implode(", ", $locationData["keywords"]) : "");
    $metaDescRaw = $metaDescription ?? ($isLocationPage ? ($metaDescription ?? "") : ($service["metaDescription"] ?? $service["heroDescription"] ?? ""));
    $metaDescriptionSafe = trim(strip_tags($metaDescRaw));
    $titleSafe = $metaTitle ?? ($isLocationPage ? ($pageTitle . __('messages.meta.title_suffix')) : __('messages.service_detail.page_title', ['name' => $service['name'], 'location_suffix' => '']));
@endphp

@section('title', $titleSafe)
@section('meta_description', $metaDescriptionSafe)
@section('meta_keywords', $metaKeywordsSafe)
@section('og_title', $service['ogTitle'] ?? $titleSafe)
@section('og_description', $service['ogDescription'] ?? $metaDescriptionSafe)
@section('twitter_title', $service['ogTitle'] ?? $titleSafe)
@section('twitter_description', $service['ogDescription'] ?? $metaDescriptionSafe)
@section('robots', ! empty($agencyNoIndex) ? 'noindex, nofollow' : 'index, follow')
@section('og_image', asset($service['listingImage'] ?? 'images/portfolio/promoto-service/ux-ui-web-development-hero-developed-by-criazo-for-promoto-service.webp'))

@push('head')
@if($isLocationPage && isset($locationData))
{{-- Geo meta is output by layout from controller $geo_region, $geo_placename, $geo_position --}}
@endif

@php
    $serviceSchemaName = $service["schemaName"] ?? ($isLocationPage && isset($locationDisplayName) ? $service["name"] . " " . __("messages.service_location.in") . " " . $locationDisplayName : $service["name"]);
    $serviceDescription = $isLocationPage ? ($metaDescription ?? "") : ($service["schemaDescription"] ?? $service["metaDescription"] ?? $service["heroDescription"] ?? "");
    $serviceDescriptionMeta = trim(strip_tags($serviceDescription));
    $serviceImageUrl = $service['listingImage'] ? asset($service['listingImage']) : asset('images/portfolio/promoto-service/ux-ui-web-development-hero-developed-by-criazo-for-promoto-service.webp');
    $serviceImageAbs = (str_starts_with($serviceImageUrl, 'http') || str_starts_with($serviceImageUrl, '//')) ? $serviceImageUrl : url($serviceImageUrl);
@endphp

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Service",
  "@id": "{{ \App\Helpers\SeoHelper::getCanonicalUrl() }}#service",
  "name": {!! json_encode($serviceSchemaName) !!},
  "description": {!! json_encode($serviceDescriptionMeta) !!},
  "url": "{{ \App\Helpers\SeoHelper::getCanonicalUrl() }}",
  "mainEntityOfPage": { "@type": "WebPage", "@id": "{{ \App\Helpers\SeoHelper::getCanonicalUrl() }}" },
  "provider": {
    "@type": "Organization",
    "name": "{{ __('messages.brand_name') }}",
    "url": "{{ url('/') }}"
  },
  "image": "{{ $serviceImageAbs }}",
  "areaServed": {!! $isLocationPage && isset($locationDisplayName) ? json_encode($locationDisplayName) : json_encode(\App\Helpers\SeoHelper::getAreaServedForSchema()) !!},
  "inLanguage": "{{ \App\Helpers\SeoHelper::getCurrentLanguageCode() }}"
}
</script>
@endpush

@section('content')
<article itemscope itemtype="https://schema.org/Service" class="svc-page">

{{-- HERO: Homepage-style layout with category image cards --}}
<x-service-page-hero
    :service="$service"
    :slug="$slug"
    :hero-cards="$heroCards"
    :contact-href="$localizedRoute('contact.index') . '?service=' . $contactServiceSlug"
    :is-location-page="$isLocationPage"
    :location-display-name="$locationDisplayName ?? null"
    :location-data="$locationData ?? null"
    :theme="$usesDarkHero ? 'dark' : 'light'"
/>

@once
@push('styles')
<link rel="stylesheet" href="{{ asset('css/service-detail-sections.css') }}?v=50">
@endpush
@push('scripts')
<script src="{{ asset('js/service-detail-sections.js') }}?v=6" defer></script>
@endpush
@endonce

{{-- CAPABILITIES: Scroll-synced premium narrative --}}
<x-service-detail.owner-objections :service="$service" :hero-cards="$heroCards" />

<x-service-capabilities-scroll :service="$service" />

<x-service-detail.process :service="$service" />

<x-service-detail.case-studies
    :stories="$miniSuccessStories ?? []"
    :service="$service"
    :slug="$slug"
    :localized-route="$localizedRoute"
/>

<x-service-detail.testimonials :testimonials="$testimonials ?? []" :service="$service" />

<x-service-detail.comparison
    :service="$service"
    :slug="$slug"
    :contact-slug="$contactServiceSlug"
    :advantage="$competitiveAdvantage ?? null"
    :localized-route="$localizedRoute"
/>

<x-service-detail.service-comparison
    :service="$service"
    :slug="$slug"
    :localized-route="$localizedRoute"
/>

<x-service-detail.faq
    :service="$service"
    :location-suffix="$locationSuffix"
    :localized-route="$localizedRoute"
/>

<x-service-detail.related
    :related-services="$relatedServices"
    :current-slug="$slug"
    :localized-route="$localizedRoute"
/>

{{-- Locations hub (location pages only) --}}
@if($isLocationPage && ((isset($sameCountryLocations) && count($sameCountryLocations) > 0) || (isset($otherCountriesLocations) && count($otherCountriesLocations) > 0)))
<x-service-detail.locations
    :slug="$slug"
    :same-country-locations="$sameCountryLocations ?? []"
    :other-countries-locations="$otherCountriesLocations ?? []"
    :localized-route="$localizedRoute"
/>
@endif

</article>

@include('components.explore-site-section')

@include('components.sticky-cta-bar', [
    'stickyCtaTitle' => $service['ctaText'] ?? __('messages.service_detail.start_your_project', ['location_suffix' => '']),
    'stickyCtaContactUrl' => $localizedRoute('contact.index'),
    'stickyCtaServiceSlug' => $contactServiceSlug,
    'editorial' => true,
])

@endsection