{{-- ═══ Architecture-2 welcome fields (order matches visual flow) ═══ --}}

{{-- 1. HERO SLIDER --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">1. Hero Slider</h4>
    <p class="text-gray-600 fs-7 mb-4">Textos del slide principal del carousel hero.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Título principal</label>
            <input type="text" name="welcome[hero_title]" class="form-control form-control-solid" value="{{ old('welcome.hero_title', $siteData['welcome']['hero_title'] ?? '') }}" placeholder="Arch Design Studio" />
        </div>
        <div class="col-12 col-md-6">
            <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="A Very Personal Approach to Every Client" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Tagline</label>
            <input type="text" name="welcome[hero_tagline]" class="form-control form-control-solid" value="{{ old('welcome.hero_tagline', $siteData['welcome']['hero_tagline'] ?? '') }}" placeholder="Elegant Solutions to Complex Problems" />
        </div>
    </div>
</div>

{{-- 2. ABOUT / YOUR PLACE --}}
<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 ("YOUR PLACE")</h4>
    <p class="text-gray-600 fs-7 mb-4">La sección con imágenes superpuestas, texto stroke y párrafos descriptivos.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Texto stroke (fondo)</label>
            <input type="text" name="welcome[about_stroke_text]" class="form-control form-control-solid" value="{{ old('welcome.about_stroke_text', $siteData['welcome']['about_stroke_text'] ?? '') }}" placeholder="YOUR PLACE" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Label</label>
            <input type="text" name="welcome[about_eyebrow]" class="form-control form-control-solid" value="{{ old('welcome.about_eyebrow', $siteData['welcome']['about_eyebrow'] ?? '') }}" placeholder="WE'RE HERE TO HELP" />
        </div>
        <div class="col-12 col-md-4">
            <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="You need space for better living." />
        </div>
        <div class="col-12">
            <label class="form-label">Párrafo destacado (serif)</label>
            <textarea name="welcome[about_lead]" class="form-control form-control-solid" rows="2">{{ old('welcome.about_lead', $siteData['welcome']['about_lead'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Párrafo descriptivo</label>
            <textarea name="welcome[about_text]" class="form-control form-control-solid" rows="2">{{ old('welcome.about_text', $siteData['welcome']['about_text'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- 3. PROCESS STEPS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Proceso (3 pasos)</h4>
    <p class="text-gray-600 fs-7 mb-4">Los 3 pasos en el carousel con parallax: Research, Work, Delivery.</p>
    @for($i = 1; $i <= 3; $i++)
    <div class="row g-4 mb-4">
        <div class="col-12 col-md-4">
            <label class="form-label">Paso {{ $i }} — Título</label>
            <input type="text" name="welcome[process_step{{ $i }}_title]" class="form-control form-control-solid" value="{{ old("welcome.process_step{$i}_title", $siteData['welcome']["process_step{$i}_title"] ?? '') }}" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Paso {{ $i }} — Descripción</label>
            <textarea name="welcome[process_step{{ $i }}_text]" class="form-control form-control-solid" rows="2">{{ old("welcome.process_step{$i}_text", $siteData['welcome']["process_step{$i}_text"] ?? '') }}</textarea>
        </div>
    </div>
    @endfor
</div>

{{-- 4. SKILLS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">4. Skills / Habilidades</h4>
    <p class="text-gray-600 fs-7 mb-4">Barras de progreso con porcentajes.</p>
    <div class="row g-4 mb-4">
        <div class="col-12 col-md-3">
            <label class="form-label">Texto stroke (fondo)</label>
            <input type="text" name="welcome[skills_stroke_text]" class="form-control form-control-solid" value="{{ old('welcome.skills_stroke_text', $siteData['welcome']['skills_stroke_text'] ?? '') }}" placeholder="IDEAS" />
        </div>
        <div class="col-12 col-md-3">
            <label class="form-label">Label sección (eyebrow)</label>
            <input type="text" name="welcome[skills_eyebrow]" class="form-control form-control-solid" value="{{ old('welcome.skills_eyebrow', $siteData['welcome']['skills_eyebrow'] ?? '') }}" placeholder="SERVICIOS" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[skills_heading]" class="form-control form-control-solid" value="{{ old('welcome.skills_heading', $siteData['welcome']['skills_heading'] ?? '') }}" placeholder="Diseñar. Crear. Transformar." />
        </div>
        <div class="col-12">
            <label class="form-label">Lead / Subtítulo</label>
            <textarea name="welcome[skills_lead]" class="form-control form-control-solid" rows="2" placeholder="Conocé cómo nuestro proceso creativo mejora cada proyecto.">{{ old('welcome.skills_lead', $siteData['welcome']['skills_lead'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Etiqueta de las skills</label>
            <input type="text" name="welcome[skills_label]" class="form-control form-control-solid" value="{{ old('welcome.skills_label', $siteData['welcome']['skills_label'] ?? '') }}" placeholder="NUESTRAS HABILIDADES" />
        </div>
    </div>
    @for($i = 1; $i <= 3; $i++)
    <div class="row g-4 mb-4">
        <div class="col-6 col-md-4">
            <label class="form-label">Skill {{ $i }} — Nombre</label>
            <input type="text" name="welcome[skill{{ $i }}_name]" class="form-control form-control-solid" value="{{ old("welcome.skill{$i}_name", $siteData['welcome']["skill{$i}_name"] ?? '') }}" />
        </div>
        <div class="col-6 col-md-2">
            <label class="form-label">% valor</label>
            <input type="text" name="welcome[skill{{ $i }}_value]" class="form-control form-control-solid" value="{{ old("welcome.skill{$i}_value", $siteData['welcome']["skill{$i}_value"] ?? '') }}" placeholder="85" />
        </div>
    </div>
    @endfor
</div>

{{-- 5. COUNTERS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">5. Contadores</h4>
    <p class="text-gray-600 fs-7 mb-4">Los 4 números animados (años, clientes, equipo, premios).</p>
    @for($i = 1; $i <= 4; $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[counter{{ $i }}_value]" class="form-control form-control-solid" value="{{ old("welcome.counter{$i}_value", $siteData['welcome']["counter{$i}_value"] ?? '') }}" />
        </div>
        <div class="col-6 col-md-4">
            <label class="form-label">Etiqueta {{ $i }}</label>
            <input type="text" name="welcome[counter{{ $i }}_label]" class="form-control form-control-solid" value="{{ old("welcome.counter{$i}_label", $siteData['welcome']["counter{$i}_label"] ?? '') }}" />
        </div>
    </div>
    @endfor
</div>

{{-- 6. CTA --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">6. CTA (Llamada a la acción)</h4>
    <p class="text-gray-600 fs-7 mb-4">La franja oscura con heading y botón "CONTACT US".</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Label</label>
            <input type="text" name="welcome[cta_eyebrow]" class="form-control form-control-solid" value="{{ old('welcome.cta_eyebrow', $siteData['welcome']['cta_eyebrow'] ?? '') }}" placeholder="WE'RE HERE TO HELP" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[cta_heading]" class="form-control form-control-solid" value="{{ old('welcome.cta_heading', $siteData['welcome']['cta_heading'] ?? '') }}" placeholder="Let's Talk About Your New Project" />
        </div>
    </div>
</div>

{{-- 7. FAQ HEADINGS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">7. FAQ (títulos de sección)</h4>
    <p class="text-gray-600 fs-7 mb-4">Los títulos de la sección de preguntas frecuentes. Las preguntas se editan desde el módulo FAQs.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Texto stroke</label>
            <input type="text" name="welcome[faq_stroke_text]" class="form-control form-control-solid" value="{{ old('welcome.faq_stroke_text', $siteData['welcome']['faq_stroke_text'] ?? '') }}" placeholder="SOLUTIONS" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Label</label>
            <input type="text" name="welcome[faq_eyebrow]" class="form-control form-control-solid" value="{{ old('welcome.faq_eyebrow', $siteData['welcome']['faq_eyebrow'] ?? '') }}" placeholder="COMMON QUESTIONS" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[faq_heading]" class="form-control form-control-solid" value="{{ old('welcome.faq_heading', $siteData['welcome']['faq_heading'] ?? '') }}" placeholder="Dudas habituales" />
        </div>
        <div class="col-12">
            <label class="form-label">Lead / Subtítulo de la sección FAQ</label>
            <textarea name="welcome[faq_lead]" class="form-control form-control-solid" rows="2" placeholder="Respondemos las preguntas más comunes...">{{ old('welcome.faq_lead', $siteData['welcome']['faq_lead'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Texto inferior de la sección FAQ</label>
            <input type="text" name="welcome[faq_text]" class="form-control form-control-solid" value="{{ old('welcome.faq_text', $siteData['welcome']['faq_text'] ?? '') }}" placeholder="Si tu pregunta no está acá, escribinos..." />
        </div>
    </div>
</div>

{{-- 8. TEAM HEADINGS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">8. Team (títulos de sección)</h4>
    <p class="text-gray-600 fs-7 mb-4">Los títulos de la sección de equipo. Los miembros se editan desde el módulo Team.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Texto stroke</label>
            <input type="text" name="welcome[team_stroke_text]" class="form-control form-control-solid" value="{{ old('welcome.team_stroke_text', $siteData['welcome']['team_stroke_text'] ?? '') }}" placeholder="ARCHLIFE" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Label</label>
            <input type="text" name="welcome[team_eyebrow]" class="form-control form-control-solid" value="{{ old('welcome.team_eyebrow', $siteData['welcome']['team_eyebrow'] ?? '') }}" placeholder="THE BEST PROFESSIONALS" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[team_heading]" class="form-control form-control-solid" value="{{ old('welcome.team_heading', $siteData['welcome']['team_heading'] ?? '') }}" placeholder="Nuestro Equipo" />
        </div>
        <div class="col-12">
            <label class="form-label">Lead / Subtítulo</label>
            <textarea name="welcome[team_lead]" class="form-control form-control-solid" rows="2">{{ old('welcome.team_lead', $siteData['welcome']['team_lead'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Texto inferior</label>
            <input type="text" name="welcome[team_text]" class="form-control form-control-solid" value="{{ old('welcome.team_text', $siteData['welcome']['team_text'] ?? '') }}" />
        </div>
    </div>
</div>

{{-- 9. TESTIMONIALS HEADINGS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">9. Testimonios (títulos)</h4>
    <p class="text-gray-600 fs-7 mb-4">Títulos de la sección de testimonios. Los testimonios se editan desde el módulo References.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Label</label>
            <input type="text" name="welcome[testimonials_eyebrow]" class="form-control form-control-solid" value="{{ old('welcome.testimonials_eyebrow', $siteData['welcome']['testimonials_eyebrow'] ?? '') }}" placeholder="HAPPY CLIENTS" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[testimonials_heading]" class="form-control form-control-solid" value="{{ old('welcome.testimonials_heading', $siteData['welcome']['testimonials_heading'] ?? '') }}" placeholder="See What Clients Are Saying" />
        </div>
    </div>
</div>

{{-- 10. BLOG HEADINGS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">10. Blog (títulos de sección)</h4>
    <p class="text-gray-600 fs-7 mb-4">Títulos de la sección de blog. Los posts se editan desde el módulo Blog.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Texto stroke</label>
            <input type="text" name="welcome[blog_stroke_text]" class="form-control form-control-solid" value="{{ old('welcome.blog_stroke_text', $siteData['welcome']['blog_stroke_text'] ?? '') }}" placeholder="WHAT'S HAPPENING" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Label</label>
            <input type="text" name="welcome[blog_eyebrow]" class="form-control form-control-solid" value="{{ old('welcome.blog_eyebrow', $siteData['welcome']['blog_eyebrow'] ?? '') }}" placeholder="OUR BLOG" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[blog_heading]" class="form-control form-control-solid" value="{{ old('welcome.blog_heading', $siteData['welcome']['blog_heading'] ?? '') }}" placeholder="Recent News" />
        </div>
    </div>
</div>