{{-- Welcome fields for demo-real-estate — order matches visual flow --}}

{{-- 1. CAROUSEL / HERO --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">1. Carousel / Hero</h4>
    <p class="text-gray-600 fs-7 mb-4">Si hay imágenes en el Carousel (módulo CdBase), se muestra un slider a pantalla completa. Si no, se muestra un hero estático con imagen de fondo.</p>
    <div class="row g-4 mb-6">
        <div class="col-md-6">
            <label class="form-label">Eyebrow / Badge (hero fallback)</label>
            <input type="text" name="welcome[hero_badge]" class="form-control form-control-solid" value="{{ old('welcome.hero_badge', $siteData['welcome']['hero_badge'] ?? '') }}" placeholder="Dejá vacío para usar el tagline" />
        </div>
        <div class="col-md-6">
            <label class="form-label">Subtítulo Hero (hero fallback)</label>
            <input type="text" name="welcome[hero_subtitle]" class="form-control form-control-solid" value="{{ old('welcome.hero_subtitle', $siteData['welcome']['hero_subtitle'] ?? '') }}" placeholder="Dejá vacío para usar la descripción general" />
        </div>
    </div>
</div>

{{-- 2. QUIÉNES SOMOS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">2. Quiénes Somos</h4>
    <p class="text-gray-600 fs-7 mb-4">Sección de presentación con texto e imágenes.</p>
    <div class="row g-4 mb-6">
        <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['welcome']['about_badge'] ?? '') }}" placeholder="QUIÉNES SOMOS" />
        </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="Innovación y Sostenibilidad en cada Proyecto" />
        </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-12">
            <label class="form-label">Texto lateral (junto a imágenes)</label>
            <textarea name="welcome[about_side_text]" class="form-control form-control-solid" rows="2" placeholder="Texto corto que acompaña las imágenes">{{ old('welcome.about_side_text', $siteData['welcome']['about_side_text'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- 3. SERVICIOS --}}
@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">3. Servicios</h4>
    <p class="text-gray-600 fs-7 mb-4">Muestra los primeros 2 servicios como featured boxes. Los servicios se editan desde el módulo Servicios.</p>
    <div class="row g-4 mb-6">
        <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="QUÉ HACEMOS" />
        </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="Nuestros Servicios" />
        </div>
    </div>
</div>
@endif

{{-- 4. PROYECTOS --}}
@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. Proyectos</h4>
    <p class="text-gray-600 fs-7 mb-4">Muestra los 3 proyectos más recientes. Los proyectos se editan desde el módulo Proyectos.</p>
    <div class="row g-4 mb-6">
        <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="Portfolio" />
        </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="Proyectos" />
        </div>
    </div>
</div>
@endif

{{-- 5-7. GALLERY / BLOG / FAQS --}}
@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">5. Galería</h4>
    <div class="row g-4 mb-6">
        <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="Nuestra Galería" />
        </div>
    </div>
</div>
@endif

@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">6. Blog</h4>
    <div class="row g-4 mb-6">
        <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="Blog" />
        </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="Novedades" />
        </div>
    </div>
</div>
@endif

@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">7. FAQs</h4>
    <div class="row g-4 mb-6">
        <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="FAQ" />
        </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="Preguntas Frecuentes" />
        </div>
    </div>
</div>
@endif

{{-- 8. CTA FINAL --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">8. CTA Final</h4>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Título CTA</label>
            <input type="text" name="welcome[cta_title]" class="form-control form-control-solid" value="{{ old('welcome.cta_title', $siteData['contact']['cta_title'] ?? $siteData['welcome']['cta_title'] ?? '') }}" placeholder="¿Buscás tu próximo hogar o inversión?" />
        </div>
    </div>
</div>