{{-- Welcome fields for demo-digital-agency-2 — 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 tagline, nombre y descripción del sitio. Se toman de Datos Generales.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">CTA botón hero</label>
            <input type="text" name="welcome[cta_label]" class="form-control form-control-solid" value="{{ old('welcome.cta_label', $siteData['welcome']['cta_label'] ?? '') }}" placeholder="Contactanos" />
            <span class="form-text">Texto del botón principal del hero.</span>
        </div>
    </div>
</div>

{{-- 2. ABOUT / WHY US --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">2. Sección "Quiénes Somos"</h4>
    <p class="text-gray-600 fs-7 mb-4">Bloque con imagen de logo, nombre y listado de servicios.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">CTA del bloque</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="Conocenos" />
            <span class="form-text">Texto del botón que lleva a /about.</span>
        </div>
    </div>
</div>

{{-- 3. PROJECTS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Sección Proyectos</h4>
    <p class="text-gray-600 fs-7 mb-4">Portfolio con hasta 4 proyectos destacados.</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[projects_badge]" class="form-control form-control-solid" value="{{ old('welcome.projects_badge', $siteData['welcome']['projects_badge'] ?? '') }}" placeholder="Portfolio" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[projects_heading]" class="form-control form-control-solid" value="{{ old('welcome.projects_heading', $siteData['welcome']['projects_heading'] ?? '') }}" placeholder="Nuestros Proyectos" />
        </div>
    </div>
</div>

{{-- 4. PRODUCTS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">4. Sección Productos</h4>
    <p class="text-gray-600 fs-7 mb-4">Catálogo con hasta 3 productos destacados.</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[products_badge]" class="form-control form-control-solid" value="{{ old('welcome.products_badge', $siteData['welcome']['products_badge'] ?? '') }}" placeholder="Productos" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[products_heading]" class="form-control form-control-solid" value="{{ old('welcome.products_heading', $siteData['welcome']['products_heading'] ?? '') }}" placeholder="Nuestro Catálogo" />
        </div>
    </div>
</div>

{{-- 5. BLOG --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">5. Sección Blog</h4>
    <p class="text-gray-600 fs-7 mb-4">Últimas publicaciones del blog.</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[blog_badge]" class="form-control form-control-solid" value="{{ old('welcome.blog_badge', $siteData['welcome']['blog_badge'] ?? '') }}" placeholder="Blog" />
        </div>
        <div class="col-12 col-md-8">
            <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="Últimas Publicaciones" />
        </div>
    </div>
</div>

{{-- 6. GALLERY --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">6. Sección Galería</h4>
    <p class="text-gray-600 fs-7 mb-4">Grid de imágenes de galería.</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[gallery_badge]" class="form-control form-control-solid" value="{{ old('welcome.gallery_badge', $siteData['welcome']['gallery_badge'] ?? '') }}" placeholder="Galería" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[gallery_heading]" class="form-control form-control-solid" value="{{ old('welcome.gallery_heading', $siteData['welcome']['gallery_heading'] ?? '') }}" placeholder="Nuestro Trabajo" />
        </div>
    </div>
</div>

{{-- 7. FAQS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">7. Sección Preguntas Frecuentes</h4>
    <p class="text-gray-600 fs-7 mb-4">Accordion con FAQs destacadas.</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[faq_badge]" class="form-control form-control-solid" value="{{ old('welcome.faq_badge', $siteData['welcome']['faq_badge'] ?? '') }}" placeholder="FAQ" />
        </div>
        <div class="col-12 col-md-8">
            <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="Preguntas Frecuentes" />
        </div>
    </div>
</div>

{{-- 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 (Get in Touch)</h4>
    <p class="text-gray-600 fs-7 mb-4">Sección de llamada a la acción al final de la página.</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[cta_badge]" class="form-control form-control-solid" value="{{ old('welcome.cta_badge', $siteData['welcome']['cta_badge'] ?? '') }}" placeholder="Hablemos" />
        </div>
        <div class="col-12 col-md-8">
            <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'] ?? '') }}" placeholder="Estamos listos para ayudarte" />
        </div>
    </div>
</div>