@extends('layouts.site')

@section('content')
@php
$heroMetrics = [
    'residential' => [
        ['15+', 'Micro-markets'],
        ['25+', 'Top Developers'],
        ['100%', 'Independent Advice'],
    ],
    'commercial' => [
        ['100k+', 'Sq.ft. Leased'],
        ['3', 'Core Sectors'],
        ['0', 'Conflicts'],
    ],
    'nri-advisory' => [
        ['150+', 'NRIs Advised'],
        ['0', 'Travel Needed'],
        ['100%', 'On-Ground Care'],
    ],
];
$currentMetrics = $heroMetrics[$service['slug']] ?? [
    ['5+', 'Years Exp.'],
    ['150+', 'Clients Advised'],
    ['100%', 'Commitment'],
];

$secondaryImages = [
    'residential' => 'living',
    'commercial' => 'commercial',
    'nri-advisory' => 'interior',
];
$secondaryImage = $secondaryImages[$service['slug']] ?? 'residential';
@endphp
<section class="inner-hero container">
    <div class="inner-hero-content">
        <p class="eyebrow">{{ $service['name'] }}</p>
        {{-- Editorial title HTML is trusted, version-controlled content, never user input. --}}
        <h1>{!! $service['title'] !!}</h1>
        <p class="hero-intro">{{ $service['intro'] }}</p>
        <div class="hero-action-row">
            <a class="button" href="{{ route('contact') }}">Talk to Tashi <x-arrow /></a>
        </div>
        <div class="hero-stats-bar">
            @foreach($currentMetrics as $metric)
                <div class="hero-stat-pill">
                    <strong>{{ $metric[0] }}</strong>
                    <span>{{ $metric[1] }}</span>
                </div>
            @endforeach
        </div>
    </div>
    <div class="inner-hero-gallery">
        <div class="hero-gallery-primary">
            <x-editorial-image :name="pathinfo($service['image'], PATHINFO_FILENAME)" :alt="$service['image_alt'] ?? $service['name']" />
            <div class="inner-hero-badge">
                <span class="badge-title">{{ $service['name'] }}</span>
                <span class="badge-loc">Bengaluru / India</span>
            </div>
        </div>
        <div class="hero-gallery-secondary">
            <x-editorial-image :name="$secondaryImage" alt="{{ $service['slug'] === 'commercial' ? 'Shared workspace with desks and lounge seating' : 'Furnished residential living space' }}" />
        </div>
    </div>
</section>
@php
$iconMap = [
    'Buying a Home' => 'home',
    'Residential Investment' => 'investment',
    'Selling & Resale' => 'resale',
    'Premium Residential' => 'premium',
    'Office & Workplace Advisory' => 'office',
    'Commercial Leasing' => 'leasing',
    'Retail Advisory' => 'retail',
    'Commercial Investment' => 'commercial-investment',
    'Buying in Bengaluru' => 'bengaluru-buy',
    'Investing in Bengaluru' => 'bengaluru-invest',
    'Selling Your Property' => 'remote-sell',
    'Managing Your Property' => 'property-manage',
];
$rowImageMap = [
    'Buying a Home' => 'nri',
    'Residential Investment' => 'residential-investment',
    'Selling & Resale' => 'indian-residential-resale',
    'Premium Residential' => 'residential-premium',
    'Office & Workplace Advisory' => 'commercial-workplace',
    'Commercial Leasing' => 'commercial-leasing',
    'Retail Advisory' => 'commercial-retail',
    'Commercial Investment' => 'commercial-investment',
    'Buying in Bengaluru' => 'nri-buying',
    'Investing in Bengaluru' => 'nri-investment',
    'Selling Your Property' => 'nri-resale',
    'Managing Your Property' => 'indian-nri-management',
];
@endphp
<section class="container editorial-sections nri-reveal-section" data-nri-reveals aria-label="{{ $service['name'] }} services">
    <div class="page-section-heading">
        <div><p class="eyebrow">How we help</p><h2>Support for your<br><em>next property decision.</em></h2></div>
        <p>Explore the support that fits your requirement.</p>
    </div>
    @foreach($service['sections'] as $section)
        <article class="editorial-row">
            <div class="editorial-header">
                <div class="editorial-badge-wrap">
                    <span class="editorial-index">{{ sprintf('%02d', $loop->iteration) }}</span>
                    <div class="editorial-icon-badge">
                        <x-service-icon :name="$iconMap[$section[0]] ?? 'home'" />
                    </div>
                </div>
                <p class="eyebrow">{{ $section[0] }}</p>
                <span class="editorial-accent"></span>
            </div>
            <div class="editorial-body">
                <h2>{{ $section[1] }}</h2>
                <p class="editorial-desc">{{ $section[2] }}</p>
                @isset($section[3])
                    <div class="editorial-pills">
                        @foreach(explode(' · ', $section[3]) as $pill)
                            <span class="editorial-pill">{{ trim($pill) }}</span>
                        @endforeach
                    </div>
                @endisset
                <a class="text-link" href="{{ route('contact', ['requirement' => $service['name']]) }}">Discuss your requirement <x-arrow /></a>
            </div>
            <div class="editorial-card-visual">
                <x-editorial-image :name="$rowImageMap[$section[0]] ?? 'luxury-residence'" :alt="$section[0]" sizes="(max-width: 800px) 92vw, 46vw" />
            </div>
        </article>
    @endforeach
</section>
@if($service['slug'] === 'nri-advisory')
    @include('partials.nri-process')
@endif
@include('partials.filter')
@include('partials.closing')
@endsection