{{-- Default welcome fields — for demos without a specific partial --}}

{{-- Campos para demos con pilares/tabs (Personal Brand) --}}
@if(demo_has_feature('pilares'))
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Hero — Botones de acción</h4>
    <p class="text-gray-600 fs-7 mb-4">Los dos botones principales que aparecen en el hero de tu página de inicio.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Botón principal</label>
            <input type="text" name="welcome[cta_primary_label]" class="form-control form-control-solid" value="{{ old('welcome.cta_primary_label', $siteData['welcome']['cta_primary_label'] ?? '') }}" placeholder="Ver proyectos" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Botón secundario</label>
            <input type="text" name="welcome[cta_secondary_label]" class="form-control form-control-solid" value="{{ old('welcome.cta_secondary_label', $siteData['welcome']['cta_secondary_label'] ?? '') }}" placeholder="Conoceme" />
        </div>
    </div>
</div>

<div class="separator separator-dashed my-6"></div>

<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Pilares / Tabs</h4>
    <p class="text-gray-600 fs-7 mb-4">Los 3 pilares que definen tu marca. Aparecen como tabs en la página de inicio.</p>
    <div class="row g-4 mb-6">
        @for($i = 1; $i <= 3; $i++)
        <div class="col-12 col-md-4">
            <label class="form-label">Pilar {{ $i }}</label>
            <input type="text" name="welcome[tab_{{ $i }}_label]" class="form-control form-control-solid" value="{{ old("welcome.tab_{$i}_label", $siteData['welcome']["tab_{$i}_label"] ?? '') }}" />
        </div>
        @endfor
    </div>
</div>

<div class="separator separator-dashed my-6"></div>

<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Títulos de secciones</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Sección Galería</label>
            <input type="text" name="welcome[gallery_heading]" class="form-control form-control-solid" value="{{ old('welcome.gallery_heading', $siteData['welcome']['gallery_heading'] ?? '') }}" placeholder="Galería" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Sección Proyectos</label>
            <input type="text" name="welcome[projects_heading]" class="form-control form-control-solid" value="{{ old('welcome.projects_heading', $siteData['welcome']['projects_heading'] ?? '') }}" placeholder="Proyectos" />
        </div>
    </div>
</div>
@endif

{{-- Stats en welcome (Personal Brand only — without creative agency sections) --}}
@if(demo_has_feature('pilares') && !demo_has_feature('stats_welcome'))
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Estadísticas</h4>
    <p class="text-gray-600 fs-7 mb-4">Los contadores animados que aparecen en la página de inicio.</p>
    @for($i = 1; $i <= 3; $i++)
    <div class="row g-4 mb-4">
        <div class="col-6 col-md-2">
            <label class="form-label">Valor {{ $i }}</label>
            <input type="text" name="welcome[stat_{{ $i }}_value]" class="form-control form-control-solid" value="{{ old("welcome.stat_{$i}_value", $siteData['welcome']["stat_{$i}_value"] ?? '') }}" />
        </div>
        <div class="col-6 col-md-4">
            <label class="form-label">Etiqueta {{ $i }}</label>
            <input type="text" name="welcome[stat_{{ $i }}_label]" class="form-control form-control-solid" value="{{ old("welcome.stat_{$i}_label", $siteData['welcome']["stat_{$i}_label"] ?? '') }}" />
        </div>
    </div>
    @endfor
</div>
@endif

{{-- Campos para demos con about inline en homepage (non-hospitality, non-architecture, non-lawfirm, non-corporate-specific) --}}
@if(demo_has_feature('about_inline') && !demo_has_feature('architecture_welcome') && !demo_has_feature('lawfirm_welcome'))
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Sección Sobre Nosotros (en inicio)</h4>
    <p class="text-gray-600 fs-7 mb-4">El bloque "Quiénes somos" que aparece en la página de inicio.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 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'] ?? '') }}" placeholder="QUIÉNES SOMOS" />
            <span class="form-text">Texto pequeño encima del título.</span>
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[about_heading]" class="form-control form-control-solid" value="{{ old('welcome.about_heading', $siteData['welcome']['about_heading'] ?? $siteData['about']['main_title'] ?? '') }}" placeholder="Quiénes Somos" />
        </div>
        <div class="col-12">
            <label class="form-label">Texto</label>
            <textarea name="welcome[about_text]" class="form-control form-control-solid" rows="3">{{ old('welcome.about_text', $siteData['welcome']['about_text'] ?? $siteData['about']['main_subtitle'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Texto adicional</label>
            <textarea name="welcome[about_secondary_text]" class="form-control form-control-solid" rows="2" placeholder="Segundo párrafo (opcional)">{{ old('welcome.about_secondary_text', $siteData['about']['secondary_text'] ?? '') }}</textarea>
        </div>
    </div>
</div>

<div class="separator separator-dashed my-6"></div>
@endif

{{-- Personal badges --}}
@if(get_demo_type() === 'personal')
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Badges y títulos de secciones</h4>
    <p class="text-gray-600 fs-7 mb-4">Cada sección de la home tiene un badge (texto chico) y un título.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Badge Servicios</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-12 col-md-8">
            <label class="form-label">Título Servicios</label>
            <input type="text" name="welcome[services_heading]" class="form-control form-control-solid" value="{{ old('welcome.services_heading', $siteData['welcome']['services_heading'] ?? '') }}" placeholder="Nuestros Servicios" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">CTA (botón principal)</label>
            <input type="text" name="welcome[cta_label]" class="form-control form-control-solid" value="{{ old('welcome.cta_label', $siteData['welcome']['cta_label'] ?? '') }}" placeholder="SOLICITAR COTIZACIÓN" />
        </div>
    </div>
</div>
@endif

{{-- Split section --}}
@if(demo_has_feature('split_section'))
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Sección destacada (split)</h4>
    <p class="text-gray-600 fs-7 mb-4">La sección con fondo oscuro e imagen al costado. Ej: "Para No Residentes".</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Badge</label>
            <input type="text" name="welcome[split_badge]" class="form-control form-control-solid" value="{{ old('welcome.split_badge', $siteData['welcome']['split_badge'] ?? '') }}" placeholder="PARA NO RESIDENTES" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[split_heading]" class="form-control form-control-solid" value="{{ old('welcome.split_heading', $siteData['welcome']['split_heading'] ?? '') }}" placeholder="Inversores extranjeros" />
        </div>
        <div class="col-12">
            <label class="form-label">Texto principal</label>
            <textarea name="welcome[split_text]" class="form-control form-control-solid" rows="3">{{ old('welcome.split_text', $siteData['welcome']['split_text'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Texto adicional (opcional)</label>
            <textarea name="welcome[split_text_2]" class="form-control form-control-solid" rows="2">{{ old('welcome.split_text_2', $siteData['welcome']['split_text_2'] ?? '') }}</textarea>
        </div>
    </div>
</div>
@endif

{{-- Campos genéricos (demos sin features específicas de welcome) --}}
@if(!demo_has_feature(['pilares', 'about_inline']))
<div class="mb-8">
    <p class="text-gray-500 fs-7">La página de inicio de este template se configura automáticamente con el nombre, tagline y los módulos activos. Editá esos datos en las otras pestañas.</p>
</div>
@endif