{{-- Welcome fields · demo-urban-development — paridad 1:1 con la home (orden = flujo visual) --}}
@php
    // Helper: arrays (stats/timeline/distances) se editan como JSON
    $jsonVal = function ($v) {
        if (is_array($v)) return json_encode($v, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES);
        return $v ?? '';
    };
@endphp

{{-- 1. HERO --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">1. Hero</h4>
    <p class="text-gray-600 fs-7 mb-4">Portada a pantalla completa. Los textos de abajo se superponen sobre la imagen.</p>

    {{-- Callout: la imagen principal vive en el Carrusel --}}
    @php $carouselCount = \App\Modules\CdBase\WelcomeCarousel\Models\WelcomeCarousel::count(); @endphp
    <div class="notice d-flex bg-light-primary border border-primary border-dashed rounded p-4 mb-5 align-items-center">
        <i class="fas fa-images fs-1 text-primary me-4"></i>
        <div class="d-flex flex-grow-1 flex-wrap flex-md-nowrap align-items-center justify-content-between gap-3">
            <div>
                <div class="fw-bold text-gray-800">La imagen principal del Hero se gestiona en el Carrusel de Bienvenida</div>
                <div class="fs-7 text-gray-700 mt-1">
                    @if($carouselCount > 0)
                        Actualmente hay <strong>{{ $carouselCount }}</strong> imagen{{ $carouselCount === 1 ? '' : 'es' }} en el carrusel → se usa{{ $carouselCount === 1 ? '' : 'n' }} como portada. La <em>imagen de fallback</em> de más abajo <strong>no</strong> se muestra mientras el carrusel tenga imágenes.
                    @else
                        El carrusel está <strong>vacío</strong> → se muestra la <em>imagen de fallback</em> de más abajo. Cargá imágenes en el carrusel para una portada tipo slider.
                    @endif
                </div>
            </div>
            <a href="{{ route('welcomecarousel.index', [], false) }}" class="btn btn-primary text-nowrap align-self-center"><i class="fas fa-arrow-up-right-from-square me-1"></i> Gestionar carrusel</a>
        </div>
    </div>

    <div class="row g-4">
        <div class="col-md-5">
            <label class="form-label">Badge / Eyebrow</label>
            <input type="text" name="welcome[hero_badge]" class="form-control form-control-solid" value="{{ old('welcome.hero_badge', $siteData['welcome']['hero_badge'] ?? '') }}" placeholder="Barrio privado · Yerba Buena" />
        </div>
        <div class="col-md-7">
            <label class="form-label">Subtítulo</label>
            <input type="text" name="welcome[hero_subtitle]" class="form-control form-control-solid" value="{{ old('welcome.hero_subtitle', $siteData['welcome']['hero_subtitle'] ?? '') }}" placeholder="Un nuevo modo de vivir…" />
        </div>
    </div>
</div>

{{-- 2. EL DESARROLLO + STATS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">2. El desarrollo (intro + cifras)</h4>
    <div class="row g-4">
        <div class="col-md-4">
            <label class="form-label">Badge</label>
            <input type="text" name="welcome[about_badge]" class="form-control form-control-solid" value="{{ old('welcome.about_badge', $siteData['about']['badge'] ?? $siteData['welcome']['about_badge'] ?? '') }}" placeholder="El desarrollo" />
        </div>
        <div class="col-md-8">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[about_title]" class="form-control form-control-solid" value="{{ old('welcome.about_title', $siteData['welcome']['about_title'] ?? '') }}" placeholder="Una comunidad pensada para vivir mejor" />
        </div>
        <div class="col-12">
            <label class="form-label">Descripción</label>
            <textarea name="welcome[about_description]" class="form-control form-control-solid" rows="3" placeholder="Texto principal de la sección…">{{ old('welcome.about_description', $siteData['welcome']['about_description'] ?? '') }}</textarea>
        </div>
        <div class="col-md-6">
            <label class="form-label">Imagen de la sección</label>
            <div class="mb-2"><img src="{{ site_asset_url('welcome_image_1', 'cd-project/img/demos/urban-development/homepage/1.jpg') }}" style="height:96px;width:auto;max-width:100%;object-fit:cover;border-radius:6px;border:1px solid #e8e8e8" alt="Imagen actual" /></div>
            <input type="file" name="assets_welcome_image_1_file" accept="image/*" class="form-control form-control-solid" />
            <span class="form-text">Foto/render junto al texto de "El desarrollo".</span>
        </div>
        <div class="col-12">
            <label class="form-label">Cifras (Stats) <span class="text-muted fs-8">— JSON: lista de <code>{"num","suffix","label"}</code></span></label>
            <textarea name="welcome[stats]" class="form-control form-control-solid font-monospace fs-8" rows="4" placeholder='[{"num":"42","suffix":"","label":"Hectáreas"},{"num":"380","suffix":"","label":"Lotes"}]'>{{ old('welcome.stats', $jsonVal($siteData['welcome']['stats'] ?? '')) }}</textarea>
        </div>
    </div>
</div>

{{-- 3. MASTERPLAN --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Masterplan</h4>
    <p class="text-gray-600 fs-7 mb-4">La imagen del masterplan se sube como asset <code>masterplan_image</code>.</p>
    <div class="row g-4">
        <div class="col-12">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[masterplan_title]" class="form-control form-control-solid" value="{{ old('welcome.masterplan_title', $siteData['welcome']['masterplan_title'] ?? '') }}" placeholder="El barrio, pensado como un todo" />
        </div>
        <div class="col-12">
            <label class="form-label">Imagen del Masterplan</label>
            <div class="mb-2"><img src="{{ site_asset_url('masterplan_image', 'cd-project/img/demos/urban-development/backgrounds/bg-locations-1.jpg') }}" style="height:110px;width:auto;max-width:100%;object-fit:cover;border-radius:6px;border:1px solid #e8e8e8" alt="Masterplan actual" /></div>
            <input type="file" name="assets_masterplan_image_file" accept="image/*" class="form-control form-control-solid" />
            <span class="form-text">Plano/render del masterplan del desarrollo. Apaisado, alta resolución.</span>
        </div>
    </div>
</div>

{{-- 4. DISPONIBILIDAD / ETAPAS --}}
@if(is_module_active('projects'))
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">4. Disponibilidad / Etapas</h4>
    <p class="text-gray-600 fs-7 mb-4">Las etapas se cargan desde el módulo <strong>Proyectos</strong> (estado por etapa).</p>
    <div class="row g-4">
        <div class="col-md-4">
            <label class="form-label">Badge</label>
            <input type="text" name="welcome[projects_badge]" class="form-control form-control-solid" value="{{ old('welcome.projects_badge', $siteData['welcome']['projects_badge'] ?? '') }}" placeholder="Disponibilidad" />
        </div>
        <div class="col-md-8">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[projects_title]" class="form-control form-control-solid" value="{{ old('welcome.projects_title', $siteData['welcome']['projects_title'] ?? '') }}" placeholder="Etapas & lotes en desarrollo" />
        </div>
    </div>
</div>
@endif

{{-- 5. AMENITIES --}}
@if(is_module_active('services'))
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">5. Amenities</h4>
    <p class="text-gray-600 fs-7 mb-4">Los amenities se cargan desde el módulo <strong>Servicios</strong> (ícono + título + descripción).</p>
    <div class="row g-4">
        <div class="col-md-4">
            <label class="form-label">Badge</label>
            <input type="text" name="welcome[services_badge]" class="form-control form-control-solid" value="{{ old('welcome.services_badge', $siteData['welcome']['services_badge'] ?? '') }}" placeholder="Estilo de vida" />
        </div>
        <div class="col-md-8">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[services_title]" class="form-control form-control-solid" value="{{ old('welcome.services_title', $siteData['welcome']['services_title'] ?? '') }}" placeholder="Amenities que hacen la diferencia" />
        </div>
    </div>
</div>
@endif

{{-- 6. AVANCE DE OBRA (timeline) --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">6. Avance de obra</h4>
    <div class="row g-4">
        <div class="col-12">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[timeline_title]" class="form-control form-control-solid" value="{{ old('welcome.timeline_title', $siteData['welcome']['timeline_title'] ?? '') }}" placeholder="Construimos a la vista de todos" />
        </div>
        <div class="col-12">
            <label class="form-label">Hitos (Timeline) <span class="text-muted fs-8">— JSON: lista de <code>{"date","title","desc","done"}</code></span></label>
            <textarea name="welcome[timeline]" class="form-control form-control-solid font-monospace fs-8" rows="5" placeholder='[{"date":"2024","title":"Apertura de calles","desc":"…","done":true}]'>{{ old('welcome.timeline', $jsonVal($siteData['welcome']['timeline'] ?? '')) }}</textarea>
        </div>
    </div>
</div>

{{-- 6b. TESTIMONIOS --}}
@if(is_module_active('testimonials'))
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Testimonios</h4>
    <p class="text-gray-600 fs-7 mb-4">Los testimonios (texto, persona, rating) se cargan desde el módulo <strong>Testimonios</strong>. Acá editás sólo el encabezado de la sección.</p>
    <div class="row g-4">
        <div class="col-md-4">
            <label class="form-label">Badge</label>
            <input type="text" name="welcome[testimonials_badge]" class="form-control form-control-solid" value="{{ old('welcome.testimonials_badge', $siteData['welcome']['testimonials_badge'] ?? '') }}" placeholder="Testimonios" />
        </div>
        <div class="col-md-8">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[testimonials_title]" class="form-control form-control-solid" value="{{ old('welcome.testimonials_title', $siteData['welcome']['testimonials_title'] ?? '') }}" placeholder="Quienes ya eligieron vivir acá" />
        </div>
        <div class="col-12">
            <a href="/testimonials-settings" class="btn btn-light-primary btn-sm"><i class="fas fa-arrow-up-right-from-square me-1"></i> Gestionar testimonios</a>
        </div>
    </div>
</div>
@endif

{{-- 7. UBICACIÓN --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">7. Ubicación & conectividad</h4>
    <p class="text-gray-600 fs-7 mb-4">El mapa usa <code>contact.map_embed</code> (pestaña Contacto). Si está vacío se muestra una imagen.</p>
    <div class="row g-4">
        <div class="col-md-5">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[location_title]" class="form-control form-control-solid" value="{{ old('welcome.location_title', $siteData['welcome']['location_title'] ?? '') }}" placeholder="Cerca de todo, lejos del ruido" />
        </div>
        <div class="col-md-7">
            <label class="form-label">Texto</label>
            <input type="text" name="welcome[location_text]" class="form-control form-control-solid" value="{{ old('welcome.location_text', $siteData['welcome']['location_text'] ?? '') }}" placeholder="A minutos de los principales servicios…" />
        </div>
        <div class="col-12">
            <label class="form-label">Distancias (pills) <span class="text-muted fs-8">— JSON: lista de <code>{"icon","val","label"}</code> (icon = FontAwesome sin 'fas')</span></label>
            <textarea name="welcome[distances]" class="form-control form-control-solid font-monospace fs-8" rows="4" placeholder='[{"icon":"fa-city","val":"15 min","label":"al centro"}]'>{{ old('welcome.distances', $jsonVal($siteData['welcome']['distances'] ?? '')) }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Imagen de ubicación <span class="text-muted fs-8">(se muestra si no cargás el mapa)</span></label>
            <div class="mb-2"><img src="{{ site_asset_url('location_image', 'cd-project/img/demos/urban-development/backgrounds/bg-locations-2.jpg') }}" style="height:96px;width:auto;max-width:100%;object-fit:cover;border-radius:6px;border:1px solid #e8e8e8" alt="Imagen de ubicación actual" /></div>
            <input type="file" name="assets_location_image_file" accept="image/*" class="form-control form-control-solid" />
            <span class="form-text">Foto aérea o de contexto de la ubicación.</span>
        </div>
    </div>
</div>

{{-- 8. FINANCIACIÓN --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">8. Financiación</h4>
    <div class="row g-4">
        <div class="col-12">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[finance_title]" class="form-control form-control-solid" value="{{ old('welcome.finance_title', $siteData['welcome']['finance_title'] ?? '') }}" placeholder="Tu lote, en cuotas y sin bancos" />
        </div>
        <div class="col-md-4">
            <label class="form-label">Anticipo</label>
            <input type="text" name="welcome[finance_anticipo]" class="form-control form-control-solid" value="{{ old('welcome.finance_anticipo', $siteData['welcome']['finance_anticipo'] ?? '') }}" placeholder="30%" />
        </div>
        <div class="col-md-4">
            <label class="form-label">Cuotas</label>
            <input type="text" name="welcome[finance_cuotas]" class="form-control form-control-solid" value="{{ old('welcome.finance_cuotas', $siteData['welcome']['finance_cuotas'] ?? '') }}" placeholder="60" />
        </div>
        <div class="col-md-4">
            <label class="form-label">Entrega / Posesión</label>
            <input type="text" name="welcome[finance_entrega]" class="form-control form-control-solid" value="{{ old('welcome.finance_entrega', $siteData['welcome']['finance_entrega'] ?? '') }}" placeholder="24h" />
        </div>
    </div>
</div>

{{-- 9. GALERÍA --}}
@if(is_module_active('gallery'))
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">9. Galería</h4>
    <div class="row g-4">
        <div class="col-md-4">
            <label class="form-label">Badge</label>
            <input type="text" name="welcome[gallery_badge]" class="form-control form-control-solid" value="{{ old('welcome.gallery_badge', $siteData['welcome']['gallery_badge'] ?? '') }}" placeholder="Galería" />
        </div>
        <div class="col-md-8">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[gallery_title]" class="form-control form-control-solid" value="{{ old('welcome.gallery_title', $siteData['welcome']['gallery_title'] ?? '') }}" placeholder="Imaginá tu vida acá" />
        </div>
    </div>
</div>
@endif

{{-- 10. NOVEDADES --}}
@if(is_module_active('blog'))
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">10. Novedades</h4>
    <div class="row g-4">
        <div class="col-md-4">
            <label class="form-label">Badge</label>
            <input type="text" name="welcome[blog_badge]" class="form-control form-control-solid" value="{{ old('welcome.blog_badge', $siteData['welcome']['blog_badge'] ?? '') }}" placeholder="Novedades" />
        </div>
        <div class="col-md-8">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[blog_title]" class="form-control form-control-solid" value="{{ old('welcome.blog_title', $siteData['welcome']['blog_title'] ?? '') }}" placeholder="Lo último del barrio" />
        </div>
    </div>
</div>
@endif

{{-- 11. FAQs --}}
@if(is_module_active('faqs'))
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">11. Preguntas frecuentes</h4>
    <div class="row g-4">
        <div class="col-md-4">
            <label class="form-label">Badge</label>
            <input type="text" name="welcome[faqs_badge]" class="form-control form-control-solid" value="{{ old('welcome.faqs_badge', $siteData['welcome']['faqs_badge'] ?? '') }}" placeholder="Preguntas frecuentes" />
        </div>
        <div class="col-md-8">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[faqs_title]" class="form-control form-control-solid" value="{{ old('welcome.faqs_title', $siteData['welcome']['faqs_title'] ?? '') }}" placeholder="Lo que querés saber" />
        </div>
    </div>
</div>
@endif

{{-- 12. CTA FINAL --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">12. CTA Final</h4>
    <div class="row g-4">
        <div class="col-12">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[cta_title]" class="form-control form-control-solid" value="{{ old('welcome.cta_title', $siteData['welcome']['cta_title'] ?? $siteData['contact']['cta_title'] ?? '') }}" placeholder="Tu lugar en el barrio te espera" />
        </div>
        <div class="col-12">
            <label class="form-label">Subtítulo</label>
            <textarea name="welcome[cta_subtitle]" class="form-control form-control-solid" rows="2" placeholder="Agendá una visita guiada o pedí el brochure…">{{ old('welcome.cta_subtitle', $siteData['welcome']['cta_subtitle'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Brochure (PDF) <span class="text-muted fs-8">— el botón "Pedí el brochure" lo descarga; si está vacío, lleva a Contacto</span></label>
            @php $curBrochure = config('site.assets.brochure'); @endphp
            @if($curBrochure)
                <div class="mb-2"><a href="{{ $curBrochure }}" target="_blank" rel="noopener" class="badge badge-light-success fs-8"><i class="fas fa-file-pdf me-1"></i> Brochure cargado — ver</a></div>
            @endif
            <input type="file" name="assets_brochure_file" accept="application/pdf" class="form-control form-control-solid" />
            <span class="form-text">Sólo PDF. Masterplan, etapas y plan de pagos en un documento descargable.</span>
        </div>
        <div class="col-12">
            <label class="form-label">Imagen de fondo del CTA</label>
            <div class="mb-2"><img src="{{ site_asset_url('cta_background', 'cd-project/img/demos/urban-development/backgrounds/bg-special-offers-1.jpg') }}" style="height:96px;width:auto;max-width:100%;object-fit:cover;border-radius:6px;border:1px solid #e8e8e8" alt="Fondo actual del CTA" /></div>
            <input type="file" name="assets_cta_background_file" accept="image/*" class="form-control form-control-solid" />
            <span class="form-text">Fondo de la sección final. Se le aplica un velo verde oscuro automáticamente.</span>
        </div>
    </div>
</div>