{{-- Welcome fields for demo-business-consulting — order matches visual flow --}}

{{-- 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">Banner principal con gradiente.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Línea 1 del título</label>
            <input type="text" name="welcome[hero_line1]" class="form-control form-control-solid" value="{{ old('welcome.hero_line1', $siteData['welcome']['hero_line1'] ?? '') }}" placeholder="Invertir" />
            <span class="form-text">Texto ligero, primera línea del H1.</span>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Línea 2 del título (bold)</label>
            <input type="text" name="welcome[hero_line2]" class="form-control form-control-solid" value="{{ old('welcome.hero_line2', $siteData['welcome']['hero_line2'] ?? '') }}" placeholder="nunca fue tan fácil" />
            <span class="form-text">Texto bold, segunda línea del H1. El ✦ se agrega automáticamente.</span>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">CTA botón</label>
            <input type="text" name="welcome[cta_label]" class="form-control form-control-solid" value="{{ old('welcome.cta_label', $siteData['welcome']['cta_label'] ?? '') }}" placeholder="EMPEZÁ HOY" />
        </div>
    </div>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Subpoint 1</label>
            <input type="text" name="welcome[hero_subpoint_1]" class="form-control form-control-solid" value="{{ old('welcome.hero_subpoint_1', $siteData['welcome']['hero_subpoint_1'] ?? '') }}" placeholder="100% online" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Subpoint 2</label>
            <input type="text" name="welcome[hero_subpoint_2]" class="form-control form-control-solid" value="{{ old('welcome.hero_subpoint_2', $siteData['welcome']['hero_subpoint_2'] ?? '') }}" placeholder="Simple y rápido" />
        </div>
    </div>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Partners — etiqueta</label>
            <input type="text" name="welcome[partners_label]" class="form-control form-control-solid" value="{{ old('welcome.partners_label', $siteData['welcome']['partners_label'] ?? '') }}" placeholder="Nuestros Partners" />
        </div>
        <div class="col-12">
            <label class="form-label">Partners (JSON)</label>
            @php
                $partnersRaw = old('welcome.partners', $siteData['welcome']['partners'] ?? '');
                if (is_array($partnersRaw)) { $partnersRaw = json_encode($partnersRaw, JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT); }
            @endphp
            <textarea name="welcome[partners]" class="form-control form-control-solid" rows="4">{{ $partnersRaw }}</textarea>
            <span class="form-text">Cada objeto: {"name": "Inviu", "logo": "cd-project/img/.../logo.png", "large": false}</span>
        </div>
        <div class="col-12">
            <label class="form-label">Nota al pie del hero</label>
            <textarea name="welcome[hero_footnote]" class="form-control form-control-solid" rows="2">{{ old('welcome.hero_footnote', $siteData['welcome']['hero_footnote'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- 2. ABOUT SECTION --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">2. Sección About (Piedra)</h4>
    <p class="text-gray-600 fs-7 mb-4">Bloque con imagen de piedra y texto descriptivo.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[about_heading]" class="form-control form-control-solid" value="{{ old('welcome.about_heading', $siteData['welcome']['about_heading'] ?? '') }}" placeholder="Una estrategia para cada perfil inversor" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">CTA botón</label>
            <input type="text" name="welcome[about_cta]" class="form-control form-control-solid" value="{{ old('welcome.about_cta', $siteData['welcome']['about_cta'] ?? '') }}" placeholder="ABRÍ TU CUENTA" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Subtítulo (línea 1)</label>
            <input type="text" name="welcome[about_subtitle]" class="form-control form-control-solid" value="{{ old('welcome.about_subtitle', $siteData['welcome']['about_subtitle'] ?? '') }}" placeholder="con gemafi obtenés" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Subtítulo acento (línea 2, color verde)</label>
            <input type="text" name="welcome[about_subtitle_accent]" class="form-control form-control-solid" value="{{ old('welcome.about_subtitle_accent', $siteData['welcome']['about_subtitle_accent'] ?? '') }}" placeholder="rendimientos superiores" />
        </div>
        <div class="col-12">
            <label class="form-label">Nota al pie</label>
            <input type="text" name="welcome[about_footnote]" class="form-control form-control-solid" value="{{ old('welcome.about_footnote', $siteData['welcome']['about_footnote'] ?? '') }}" placeholder="" />
        </div>
    </div>
</div>

{{-- 3. FINANZAS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Sección Finanzas</h4>
    <p class="text-gray-600 fs-7 mb-4">Sección con gráfico circular y pasos del proceso.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Heading principal</label>
            <input type="text" name="welcome[section2_heading]" class="form-control form-control-solid" value="{{ old('welcome.section2_heading', $siteData['welcome']['section2_heading'] ?? '') }}" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">CTA botón</label>
            <input type="text" name="welcome[section2_cta]" class="form-control form-control-solid" value="{{ old('welcome.section2_cta', $siteData['welcome']['section2_cta'] ?? '') }}" placeholder="PENSADO PARA VOS" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Heading proceso</label>
            <input type="text" name="welcome[process_heading]" class="form-control form-control-solid" value="{{ old('welcome.process_heading', $siteData['welcome']['process_heading'] ?? '') }}" placeholder="El futuro se construye hoy" />
        </div>
        <div class="col-12">
            <label class="form-label">Pasos del proceso (JSON)</label>
            @php
                $stepsRaw = old('welcome.process_steps', $siteData['welcome']['process_steps'] ?? '');
                if (is_array($stepsRaw)) { $stepsRaw = json_encode($stepsRaw, JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT); }
            @endphp
            <textarea name="welcome[process_steps]" class="form-control form-control-solid" rows="3">{{ $stepsRaw }}</textarea>
            <span class="form-text">Array de strings: ["Paso 1", "Paso 2", "Paso 3", "Paso 4"]</span>
        </div>
        <div class="col-12">
            <label class="form-label">Descripción proceso</label>
            <textarea name="welcome[process_description]" class="form-control form-control-solid" rows="2">{{ old('welcome.process_description', $siteData['welcome']['process_description'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- 4. INSTRUMENTOS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">4. Instrumentos de Inversión (Stack Cards)</h4>
    <p class="text-gray-600 fs-7 mb-4">4 cards con animación de scroll. Cada card tiene título, descripción, checks e imagen opcional.</p>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Heading (HTML permitido)</label>
            <input type="text" name="welcome[instruments_heading]" class="form-control form-control-solid" value="{{ old('welcome.instruments_heading', $siteData['welcome']['instruments_heading'] ?? '') }}" />
            <span class="form-text">Ej: Vos elegís dónde y cómo &lt;strong class="sc-title-accent"&gt;invertir tu dinero&lt;/strong&gt;</span>
        </div>
        <div class="col-12">
            <label class="form-label">Subtítulo</label>
            <textarea name="welcome[instruments_subtitle]" class="form-control form-control-solid" rows="2">{{ old('welcome.instruments_subtitle', $siteData['welcome']['instruments_subtitle'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Instrumentos (JSON)</label>
            @php
                $instrumentsRaw = old('welcome.instruments', $siteData['welcome']['instruments'] ?? '');
                if (is_array($instrumentsRaw)) { $instrumentsRaw = json_encode($instrumentsRaw, JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT); }
            @endphp
            <textarea name="welcome[instruments]" class="form-control form-control-solid" rows="10">{{ $instrumentsRaw }}</textarea>
            <span class="form-text">Cada objeto: {"title": "...", "description": "...", "checks": ["check1", "check2"], "image": "path/to/img.png"}</span>
        </div>
    </div>
</div>

{{-- 5. EJES CENTRALES --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">5. Ejes Centrales / Pilares</h4>
    <p class="text-gray-600 fs-7 mb-4">3 glass cards con valores de la empresa sobre fondo con overlay.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Eyebrow</label>
            <input type="text" name="welcome[evolution_eyebrow]" class="form-control form-control-solid" value="{{ old('welcome.evolution_eyebrow', $siteData['welcome']['evolution_eyebrow'] ?? '') }}" placeholder="GEMAFI INVERSIONES" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[evolution_heading]" class="form-control form-control-solid" value="{{ old('welcome.evolution_heading', $siteData['welcome']['evolution_heading'] ?? '') }}" />
        </div>
        <div class="col-12">
            <label class="form-label">Descripción</label>
            <textarea name="welcome[evolution_description]" class="form-control form-control-solid" rows="2">{{ old('welcome.evolution_description', $siteData['welcome']['evolution_description'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Heading pilares</label>
            <input type="text" name="welcome[pillars_heading]" class="form-control form-control-solid" value="{{ old('welcome.pillars_heading', $siteData['welcome']['pillars_heading'] ?? '') }}" placeholder="Nuestros Ejes Centrales" />
        </div>
        <div class="col-12">
            <label class="form-label">Pilares (JSON)</label>
            @php
                $pillarsRaw = old('welcome.pillars', $siteData['welcome']['pillars'] ?? '');
                if (is_array($pillarsRaw)) { $pillarsRaw = json_encode($pillarsRaw, JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT); }
            @endphp
            <textarea name="welcome[pillars]" class="form-control form-control-solid" rows="6">{{ $pillarsRaw }}</textarea>
            <span class="form-text">Cada objeto: {"eyebrow": "...", "title": "...", "text": "..."}. Máximo 3.</span>
        </div>
    </div>
</div>

{{-- 6. SERVICIOS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">6. Sección Servicios</h4>
    <p class="text-gray-600 fs-7 mb-4">Muestra los 3 primeros servicios del módulo.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[services_heading]" class="form-control form-control-solid" value="{{ old('welcome.services_heading', $siteData['welcome']['services_heading'] ?? '') }}" placeholder="Soluciones para cada objetivo" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">CTA "Ver todos"</label>
            <input type="text" name="welcome[services_all_cta]" class="form-control form-control-solid" value="{{ old('welcome.services_all_cta', $siteData['welcome']['services_all_cta'] ?? '') }}" placeholder="Ver todos los servicios" />
        </div>
    </div>
</div>

{{-- 7. CONTACTO --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">7. Sección Contacto (en inicio)</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Heading formulario</label>
            <input type="text" name="welcome[contact_heading]" class="form-control form-control-solid" value="{{ old('welcome.contact_heading', $siteData['welcome']['contact_heading'] ?? '') }}" placeholder="Te llamamos nosotros" />
        </div>
        <div class="col-12">
            <label class="form-label">Subtítulo formulario</label>
            <textarea name="welcome[contact_subtitle]" class="form-control form-control-solid" rows="2">{{ old('welcome.contact_subtitle', $siteData['welcome']['contact_subtitle'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Heading CTA (lado derecho)</label>
            <input type="text" name="welcome[cta_heading]" class="form-control form-control-solid" value="{{ old('welcome.cta_heading', $siteData['welcome']['cta_heading'] ?? '') }}" placeholder="Hablemos de tu inversión" />
        </div>
        <div class="col-12">
            <label class="form-label">Descripción CTA</label>
            <textarea name="welcome[cta_description]" class="form-control form-control-solid" rows="2">{{ old('welcome.cta_description', $siteData['welcome']['cta_description'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Botón "Conócenos"</label>
            <input type="text" name="welcome[about_cta_label]" class="form-control form-control-solid" value="{{ old('welcome.about_cta_label', $siteData['welcome']['about_cta_label'] ?? '') }}" placeholder="Conócenos" />
        </div>
    </div>
</div>