@extends('layout.front.master')

@section('title', config('site.name') . ' | ' . config('site.tagline', __('Desarrollos urbanos')))
@section('description', config('site.seo.description') ?? config('site.description', ''))
@section('keywords', config('site.seo.keywords'))

@section('og_title', config('site.og.title'))
@section('og_description', config('site.og.description'))
@section('og_image', brand_og_image())
@section('og_type', 'website')
@section('og_url', url()->current())

@section('twitter_title', config('site.name'))
@section('twitter_description', config('site.twitter.description'))
@section('twitter_image', brand_twitter_image())

@section('content')

{{-- GEO/SEO: schema RealEstateAgent dedicado (entidad clara para Google + motores generativos) --}}
@push('extra_head')
<script type="application/ld+json">
{!! json_encode([
    '@context' => 'https://schema.org',
    '@type' => 'RealEstateAgent',
    'name' => config('site.name'),
    'description' => config('site.description'),
    'url' => rtrim(config('app.url'), '/'),
    'telephone' => preg_replace('/[^0-9+]/', '', (string) config('site.contact.phone', '')),
    'image' => config('site.og.image'),
    'priceRange' => 'USD',
    'areaServed' => ['@type' => 'City', 'name' => 'Yerba Buena, Tucumán'],
    'address' => [
        '@type' => 'PostalAddress',
        'streetAddress' => config('site.contact.address', 'Prolongación Av. Fanzolato'),
        'addressLocality' => 'Yerba Buena',
        'addressRegion' => 'Tucumán',
        'addressCountry' => 'AR',
    ],
    'makesOffer' => [
        '@type' => 'Offer',
        'priceCurrency' => 'USD',
        'price' => '72000',
        'itemOffered' => ['@type' => 'Product', 'name' => 'Lote en barrio cerrado — desde 450 m²'],
    ],
], JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) !!}
</script>
@endpush

@php
    $imgBase = 'cd-project/img/demos/urban-development';

    // Decodifica un campo array que puede venir como array (core/seeder) o JSON (panel)
    $ud_arr = function ($v, $def) {
        if (is_array($v)) return $v;
        if (is_string($v) && trim($v) !== '') { $d = json_decode($v, true); return is_array($d) ? $d : $def; }
        return $def;
    };

    // Stats del desarrollo (editable: site.welcome.stats)
    $stats = $ud_arr(config('site.welcome.stats'), [
        ['num' => '42',  'suffix' => '',  'label' => __('Hectáreas')],
        ['num' => '380', 'suffix' => '',  'label' => __('Lotes')],
        ['num' => '4',   'suffix' => '',  'label' => __('Etapas')],
        ['num' => '65',  'suffix' => '%', 'label' => __('Comercializado')],
    ]);

    // Estados de etapa para el showcase de disponibilidad
    $estados = [
        'disponible' => __('Disponible'),
        'reservado'  => __('Pre-venta'),
        'vendido'    => __('Agotada'),
    ];
    $cicloEstado = ['disponible', 'disponible', 'reservado', 'disponible', 'reservado', 'vendido'];

    // Avance de obra (editable: site.welcome.timeline)
    $timeline = $ud_arr(config('site.welcome.timeline'), [
        ['date' => '2023', 'title' => __('Masterplan aprobado'),   'desc' => __('Diseño y aprobación municipal del proyecto integral.'), 'done' => true],
        ['date' => '2024', 'title' => __('Apertura de calles'),    'desc' => __('Trazado, nivelación y apertura de la red vial interna.'), 'done' => true],
        ['date' => '2025', 'title' => __('Infraestructura'),       'desc' => __('Agua, energía, fibra óptica e iluminación en obra.'), 'done' => true],
        ['date' => '2026', 'title' => __('Entrega de lotes'),      'desc' => __('Escrituración y posesión de los primeros lotes.'), 'done' => false],
    ]);

    // Distancias / conectividad (editable: site.welcome.distances)
    $distances = $ud_arr(config('site.welcome.distances'), [
        ['icon' => 'fa-city',            'val' => '15 min', 'label' => __('al centro')],
        ['icon' => 'fa-graduation-cap',  'val' => '5 min',  'label' => __('a colegios')],
        ['icon' => 'fa-cart-shopping',   'val' => '8 min',  'label' => __('a shopping')],
        ['icon' => 'fa-plane',           'val' => '25 min', 'label' => __('al aeropuerto')],
    ]);

    // Hero slideshow: usa TODAS las imágenes del WelcomeCarousel (rotan en bucle);
    // si no hay carousel, cae a una imagen única.
    $heroSlides = [];
    if (isset($carouselImages) && $carouselImages->isNotEmpty()) {
        foreach ($carouselImages as $ci) {
            $heroSlides[] = filter_var($ci->image_path, FILTER_VALIDATE_URL) ? $ci->image_path : asset($ci->image_path);
        }
    } else {
        $heroSlides[] = site_asset_url('hero_background', $imgBase.'/backgrounds/banner-6.jpg');
    }
@endphp

{{-- ════════ 1 · HERO inmersivo ════════ --}}
<section class="ud-hero">
    <div class="ud-hero__media" @if(count($heroSlides) > 1) data-ud-slideshow @endif>
        @foreach($heroSlides as $i => $slide)
        <div class="ud-hero__slide{{ $i === 0 ? ' is-active' : '' }}" style="background-image: url('{{ $slide }}');"></div>
        @endforeach
    </div>
    <div class="ud-hero__overlay"></div>
    <div class="ud-hero__inner">
        <div class="ud-container">
            <span class="ud-eyebrow ud-hero__eyebrow">{{ config('site.welcome.hero_badge', config('site.tagline', __('Desarrollo urbano'))) }}</span>
            <h1 class="ud-hero__brand">{{ config('site.name') }}</h1>
            <p class="ud-hero__tagline">{{ config('site.welcome.hero_subtitle', config('site.description', __('Un nuevo modo de vivir, en armonía con la naturaleza y a minutos de la ciudad.'))) }}</p>
            <div class="ud-hero__cta">
                @if(is_module_active('projects'))
                <a href="{{ route('frontend.projects.index') }}" class="ud-btn ud-btn--gold">{{ __('Ver desarrollos') }} <i class="fas fa-arrow-right"></i></a>
                @endif
                <a href="{{ route('front.contact') }}" class="ud-btn ud-btn--light">{{ __('Agendá tu visita') }}</a>
            </div>
        </div>
    </div>
    <span class="ud-hero__scroll">{{ __('Descubrí') }}</span>
</section>

{{-- ════════ 2 · EL DESARROLLO (concepto + stats) ════════ --}}
<section class="ud-section">
    <div class="ud-container">
        <div class="ud-split ud-split--media-right ud-reveal">
            <div>
                <span class="ud-eyebrow">{{ config('site.about.badge', config('site.welcome.about_badge', __('El desarrollo'))) }}</span>
                <h2 class="ud-display">{{ config('site.welcome.about_title', config('site.about.main_title', __('Una comunidad pensada para vivir mejor'))) }}</h2>
                <p class="ud-lead">{{ config('site.welcome.about_description', config('site.about.main_subtitle', config('site.description', __('Diseñamos barrios donde la naturaleza, la seguridad y la cercanía a todo se encuentran. Cada lote, cada calle y cada espacio común fue proyectado para una vida más plena.')))) }}</p>
                <a href="{{ route('front.about') }}" class="ud-btn ud-btn--ghost">{{ __('Conocé la desarrolladora') }} <i class="fas fa-arrow-right"></i></a>
            </div>
            <div class="ud-figure ud-figure--frame ud-zoom">
                <img src="{{ site_asset_url('welcome_image_1', $imgBase.'/homepage/1.jpg') }}" alt="{{ config('site.name') }}">
            </div>
        </div>

        <div class="ud-stats ud-reveal" style="margin-top: clamp(3rem,5vw,5rem);">
            @foreach($stats as $s)
            <div class="ud-stat">
                <span class="ud-stat__num" data-count="{{ preg_replace('/[^0-9]/', '', $s['num']) }}" data-suffix="{{ $s['suffix'] }}">{{ $s['num'] }}{{ $s['suffix'] }}</span>
                <span class="ud-stat__label">{{ $s['label'] }}</span>
            </div>
            @endforeach
        </div>
    </div>
</section>

{{-- ════════ 3 · MASTERPLAN (sección firma) ════════ --}}
<section class="ud-section ud-on-stone">
    <div class="ud-container">
        <div class="ud-section-head ud-section-head--center ud-reveal">
            <span class="ud-eyebrow ud-eyebrow--center">{{ __('Masterplan') }}</span>
            <h2 class="ud-display ud-narrow">{{ config('site.welcome.masterplan_title', __('El barrio, pensado como un todo')) }}</h2>
        </div>
        <div class="ud-masterplan__figure ud-reveal ud-zoom">
            <img src="{{ site_asset_url('masterplan_image', $imgBase.'/backgrounds/bg-locations-1.jpg') }}" alt="{{ __('Masterplan') }} {{ config('site.name') }}">
        </div>
        <div class="ud-legend ud-reveal">
            <span class="ud-legend__item"><span class="ud-legend__dot" style="background:#2F7D52"></span> {{ __('Disponible') }}</span>
            <span class="ud-legend__item"><span class="ud-legend__dot" style="background:var(--ud-gold)"></span> {{ __('Pre-venta') }}</span>
            <span class="ud-legend__item"><span class="ud-legend__dot" style="background:#8a8f8b"></span> {{ __('Agotado') }}</span>
            <span class="ud-legend__item"><span class="ud-legend__dot" style="background:var(--ud-sage)"></span> {{ __('Áreas comunes') }}</span>
        </div>
    </div>
</section>

{{-- ════════ 4 · DISPONIBILIDAD — Etapas (projects) ════════ --}}
@if(is_module_active('projects') && isset($featuredProjects) && $featuredProjects->isNotEmpty())
<section class="ud-section">
    <div class="ud-container">
        <div class="ud-section-head ud-reveal" style="display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:1.5rem;">
            <div>
                <span class="ud-eyebrow">{{ config('site.welcome.projects_badge', __('Disponibilidad')) }}</span>
                <h2 class="ud-display" style="margin-bottom:0;">{{ config('site.welcome.projects_title', __('Etapas & lotes')) }}</h2>
            </div>
            <a href="{{ route('frontend.projects.index') }}" class="ud-btn ud-btn--ghost">{{ __('Ver todas las etapas') }} <i class="fas fa-arrow-right"></i></a>
        </div>
        <div class="ud-etapas">
            @foreach($featuredProjects->take(6) as $project)
            @php
                $estadoKey = $cicloEstado[$loop->index % count($cicloEstado)];
                $projImg = $project->image
                    ? (filter_var($project->image, FILTER_VALIDATE_URL) ? $project->image : asset($project->image))
                    : asset($imgBase.'/listing/listing-'.(($loop->index % 6) + 1).'-thumb.jpg');
            @endphp
            <article class="ud-etapa ud-reveal">
                <a href="{{ route('frontend.projects.index') }}" class="ud-etapa__media ud-zoom d-block">
                    <span class="ud-status ud-status--{{ $estadoKey }}">{{ $estados[$estadoKey] }}</span>
                    <img src="{{ $projImg }}" alt="{{ $project->title }}">
                </a>
                <div class="ud-etapa__body">
                    <h3 class="ud-etapa__name">{{ $project->title }}</h3>
                    <p class="ud-etapa__desc">{{ Str::limit(strip_tags($project->description ?? ''), 120) }}</p>
                    <div class="ud-etapa__foot">
                        <span class="ud-status ud-status--{{ $estadoKey }}">{{ $estados[$estadoKey] }}</span>
                        <a href="{{ route('frontend.projects.index') }}" class="ud-etapa__link">{{ __('Ver') }} <i class="fas fa-arrow-right"></i></a>
                    </div>
                </div>
            </article>
            @endforeach
        </div>
    </div>
</section>
@endif

{{-- ════════ 5 · AMENITIES (services como lifestyle) ════════ --}}
@if(is_module_active('services') && isset($services) && $services->isNotEmpty())
<section class="ud-section ud-on-dark">
    <div class="ud-container">
        <div class="ud-section-head ud-section-head--center ud-reveal">
            <span class="ud-eyebrow ud-eyebrow--center">{{ config('site.welcome.services_badge', __('Estilo de vida')) }}</span>
            <h2 class="ud-display ud-narrow">{{ config('site.welcome.services_title', __('Amenities que hacen la diferencia')) }}</h2>
        </div>
        <div class="ud-amenities ud-reveal">
            @foreach($services->take(6) as $service)
            <div class="ud-amenity">
                <i class="ud-amenity__icon {{ $service->icon ?: 'fas fa-tree' }}"></i>
                <h3 class="ud-amenity__title">{{ $service->title }}</h3>
                <p class="ud-amenity__desc">{{ Str::limit(strip_tags($service->description ?? ''), 110) }}</p>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endif

{{-- ════════ 6 · AVANCE DE OBRA (timeline) ════════ --}}
<section class="ud-section">
    <div class="ud-container">
        <div class="ud-section-head ud-section-head--center ud-reveal">
            <span class="ud-eyebrow ud-eyebrow--center">{{ __('Avance de obra') }}</span>
            <h2 class="ud-display">{{ config('site.welcome.timeline_title', __('Construimos a la vista de todos')) }}</h2>
        </div>
        <div class="ud-timeline__track ud-reveal">
            @foreach($timeline as $m)
            <div class="ud-timeline__item {{ ($m['done'] ?? false) ? 'is-done' : '' }}">
                <span class="ud-timeline__dot"></span>
                <span class="ud-timeline__date">{{ $m['date'] }}</span>
                <h3 class="ud-timeline__title">{{ $m['title'] }}</h3>
                <p class="ud-timeline__desc">{{ $m['desc'] }}</p>
            </div>
            @endforeach
        </div>
    </div>
</section>

{{-- ════════ TESTIMONIOS · prueba social ════════ --}}
@if(is_module_active('testimonials') && isset($testimonials) && $testimonials->isNotEmpty())
<section class="ud-section ud-on-green">
    <div class="ud-container">
        <div class="ud-section-head ud-section-head--center ud-reveal">
            <span class="ud-eyebrow ud-eyebrow--center">{{ config('site.welcome.testimonials_badge', __('Testimonios')) }}</span>
            <h2 class="ud-display ud-narrow" style="color:#fff;">{{ config('site.welcome.testimonials_title', __('Quienes ya eligieron vivir acá')) }}</h2>
        </div>
        <div class="ud-testimonials ud-reveal">
            @foreach($testimonials->take(3) as $t)
            <figure class="ud-testimonial">
                <i class="fas fa-quote-left ud-testimonial__mark"></i>
                <blockquote class="ud-testimonial__quote">{{ $t->description }}</blockquote>
                @if($t->rating)
                <div class="ud-testimonial__stars">
                    @for($s = 1; $s <= 5; $s++)<i class="fa{{ $s <= $t->rating ? 's' : 'r' }} fa-star"></i>@endfor
                </div>
                @endif
                <figcaption class="ud-testimonial__author">
                    @php $tImg = $t->image ? (filter_var($t->image, FILTER_VALIDATE_URL) ? $t->image : asset($t->image)) : null; @endphp
                    @if($tImg)<img src="{{ $tImg }}" class="ud-testimonial__avatar" alt="{{ $t->name }}">@endif
                    <span class="ud-testimonial__id">
                        <strong>{{ $t->name }}</strong>
                        @if($t->position || $t->company)<span class="ud-testimonial__role">{{ trim($t->position . ($t->company ? ' · ' . $t->company : '')) }}</span>@endif
                    </span>
                </figcaption>
            </figure>
            @endforeach
        </div>
    </div>
</section>
@endif

{{-- ════════ 7 · UBICACIÓN & conectividad ════════ --}}
<section class="ud-section ud-on-stone">
    <div class="ud-container">
        <div class="ud-split ud-reveal">
            <div>
                <span class="ud-eyebrow">{{ __('Ubicación') }}</span>
                <h2 class="ud-display">{{ config('site.welcome.location_title', __('Cerca de todo, lejos del ruido')) }}</h2>
                <p class="ud-lead">{{ config('site.welcome.location_text', __('A minutos de los principales servicios, colegios y accesos — rodeado de verde y con la sierra como telón de fondo.')) }}</p>
                <div class="ud-pills">
                    @foreach($distances as $d)
                    <span class="ud-pill"><i class="fas {{ $d['icon'] }}"></i> <strong>{{ $d['val'] }}</strong> {{ $d['label'] }}</span>
                    @endforeach
                </div>
            </div>
            <div class="ud-figure ud-zoom">
                @if(config('site.contact.map_embed'))
                    {!! preg_replace('/<iframe/', '<iframe class="ud-location__map"', config('site.contact.map_embed'), 1) !!}
                @else
                    <img src="{{ site_asset_url('location_image', $imgBase.'/backgrounds/bg-locations-2.jpg') }}" alt="{{ __('Ubicación') }}" style="width:100%; min-height:420px; object-fit:cover;">
                @endif
            </div>
        </div>
    </div>
</section>

{{-- ════════ 8 · FINANCIACIÓN ════════ --}}
<section class="ud-section ud-on-green">
    <div class="ud-container">
        <div class="ud-section-head ud-section-head--center ud-reveal">
            <span class="ud-eyebrow ud-eyebrow--center">{{ __('Compra directa') }}</span>
            <h2 class="ud-display ud-narrow" style="color:#fff;">{{ config('site.welcome.finance_title', __('Comprá tu lote directo del dueño')) }}</h2>
        </div>
        <div class="ud-finance__plan ud-reveal">
            <div class="ud-plan"><span class="ud-plan__num">{{ config('site.welcome.finance_anticipo', '0%') }}</span><span class="ud-plan__label">{{ __('Comisión inmobiliaria') }}</span></div>
            <div class="ud-plan"><span class="ud-plan__num">{{ config('site.welcome.finance_cuotas', 'USD') }}</span><span class="ud-plan__label">{{ __('Precio en dólares') }}</span></div>
            <div class="ud-plan"><span class="ud-plan__num">{{ config('site.welcome.finance_entrega', 'Inmediata') }}</span><span class="ud-plan__label">{{ __('Escrituración') }}</span></div>
        </div>
        <div class="text-center ud-reveal" style="margin-top:2.5rem;">
            <a href="{{ route('front.contact') }}" class="ud-btn ud-btn--gold">{{ __('Hablá con el dueño') }} <i class="fas fa-arrow-right"></i></a>
        </div>
    </div>
</section>

{{-- ════════ 9 · GALERÍA (bento) ════════ --}}
@if(is_module_active('gallery') && isset($galleryImages) && $galleryImages->count() > 0)
<section class="ud-section">
    <div class="ud-container">
        <div class="ud-section-head ud-section-head--center ud-reveal">
            <span class="ud-eyebrow ud-eyebrow--center">{{ config('site.welcome.gallery_badge', __('Galería')) }}</span>
            <h2 class="ud-display">{{ config('site.welcome.gallery_title', __('Imaginá tu vida acá')) }}</h2>
        </div>
        <div class="ud-gallery ud-reveal">
            @foreach($galleryImages->take(6) as $image)
            @php
                $imgUrl = filter_var($image->img, FILTER_VALIDATE_URL) ? $image->img : asset($image->img);
                $variant = in_array($loop->index, [0, 3]) ? 'ud-gallery__item--wide' : ($loop->index === 1 ? 'ud-gallery__item--tall' : '');
            @endphp
            <a href="{{ $imgUrl }}" class="ud-gallery__item {{ $variant }}" target="_blank" rel="noopener">
                <img src="{{ $imgUrl }}" alt="{{ $image->title ?? config('site.name') }}">
            </a>
            @endforeach
        </div>
        <div class="text-center ud-reveal" style="margin-top:2.5rem;">
            <a href="{{ route('gallery') }}" class="ud-btn ud-btn--ghost">{{ __('Ver galería completa') }} <i class="fas fa-arrow-right"></i></a>
        </div>
    </div>
</section>
@endif

{{-- ════════ 10 · NOVEDADES (blog) ════════ --}}
@if(is_module_active('blog') && isset($recentPosts) && $recentPosts->count() > 0)
<section class="ud-section ud-on-stone">
    <div class="ud-container">
        <div class="ud-section-head ud-reveal" style="display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:1.5rem;">
            <div>
                <span class="ud-eyebrow">{{ config('site.welcome.blog_badge', __('Novedades')) }}</span>
                <h2 class="ud-display" style="margin-bottom:0;">{{ config('site.welcome.blog_title', __('Lo último del barrio')) }}</h2>
            </div>
            <a href="{{ route('blog.index') }}" class="ud-btn ud-btn--ghost">{{ __('Ver todas') }} <i class="fas fa-arrow-right"></i></a>
        </div>
        <div class="ud-posts">
            @foreach($recentPosts->take(3) as $post)
            <article class="ud-post ud-reveal">
                <a href="{{ route('blog.post', $post->slug) }}" class="ud-post__media ud-zoom d-block">
                    @if($post->header)
                    <img src="{{ filter_var($post->header, FILTER_VALIDATE_URL) ? $post->header : asset($post->header) }}" alt="{{ $post->title }}">
                    @else
                    <img src="{{ asset($imgBase.'/homepage/'.(($loop->index % 5) + 1).'.jpg') }}" alt="{{ $post->title }}">
                    @endif
                </a>
                <span class="ud-post__meta">{{ optional($post->category)->name ?? __('Novedad') }}</span>
                <h3 class="ud-post__title"><a href="{{ route('blog.post', $post->slug) }}">{{ $post->title }}</a></h3>
                <p class="ud-post__excerpt">{{ Str::limit(strip_tags($post->content ?? ''), 110) }}</p>
            </article>
            @endforeach
        </div>
    </div>
</section>
@endif

{{-- ════════ 11 · FAQ ════════ --}}
@if(is_module_active('faqs') && isset($featuredFaqs) && $featuredFaqs->count() > 0)
<section class="ud-section">
    <div class="ud-container ud-narrow">
        <div class="ud-section-head ud-section-head--center ud-reveal">
            <span class="ud-eyebrow ud-eyebrow--center">{{ config('site.welcome.faqs_badge', __('Preguntas frecuentes')) }}</span>
            <h2 class="ud-display">{{ config('site.welcome.faqs_title', __('Lo que querés saber')) }}</h2>
        </div>
        <div class="ud-reveal">
            @foreach($featuredFaqs->take(6) as $faq)
            <div class="ud-faq__item {{ $loop->first ? 'is-open' : '' }}">
                <h3 class="ud-faq__q">{{ $faq->question }} <i class="fas fa-plus"></i></h3>
                <div class="ud-faq__a">{!! $faq->answer !!}</div>
            </div>
            @endforeach
        </div>
    </div>
</section>
@endif

{{-- ════════ 12 · CTA final ════════ --}}
<section class="ud-section ud-cta" style="background-image: linear-gradient(rgba(15,26,21,0.82), rgba(15,26,21,0.88)), url('{{ site_asset_url('cta_background', $imgBase.'/backgrounds/bg-special-offers-1.jpg') }}'); background-size:cover; background-position:center;">
    <div class="ud-container ud-cta__inner ud-reveal">
        <span class="ud-eyebrow ud-eyebrow--center" style="color:var(--ud-gold);">{{ __('Sumate') }}</span>
        <h2 class="ud-display ud-narrow">{{ config('site.welcome.cta_title', config('site.contact.cta_title', __('Tu lugar en el barrio te espera'))) }}</h2>
        <p class="ud-lead ud-narrow" style="color:rgba(255,255,255,0.7);">{{ config('site.welcome.cta_subtitle', __('Agendá una visita guiada o pedí el brochure completo con masterplan, etapas y plan de pagos.')) }}</p>
        <div class="ud-hero__cta" style="justify-content:center;">
            <a href="{{ route('front.contact') }}" class="ud-btn ud-btn--gold">{{ __('Agendá tu visita') }} <i class="fas fa-arrow-right"></i></a>
            @php $brochureUrl = site_asset_url('brochure'); @endphp
            <a href="{{ $brochureUrl ?: route('front.contact') }}" @if($brochureUrl) download target="_blank" rel="noopener" @endif class="ud-btn ud-btn--light">{{ __('Pedí el brochure') }}</a>
        </div>
    </div>
</section>

@endsection