{{-- ═══ Corporative (Marketing-1) welcome fields ═══ --}}

{{-- Hero Section --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">1. Hero (encabezado del inicio)</h4>
    <p class="text-gray-600 fs-7 mb-4">Título principal, badge y feature pills del banner del home.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Hero Badge</label>
            <input type="text" name="welcome[hero_badge]" class="form-control form-control-solid" value="{{ old('welcome.hero_badge', $siteData['welcome']['hero_badge'] ?? '') }}" placeholder="Tu marca, tu impacto" />
            <span class="form-text">Píldora pequeña sobre el título.</span>
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Título Hero (acepta HTML)</label>
            <textarea name="welcome[hero_title]" class="form-control form-control-solid" rows="3" placeholder="Construyendo &lt;mark&gt;Marcas&lt;/mark&gt; Corporativas &lt;strong&gt;con Propósito&lt;/strong&gt;">{{ old('welcome.hero_title', $siteData['welcome']['hero_title'] ?? '') }}</textarea>
            <span class="form-text">Acepta HTML — usar <code>&lt;mark&gt;</code> y <code>&lt;strong&gt;</code> para destacar palabras.</span>
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Feature 1</label>
            <input type="text" name="welcome[feature_1]" class="form-control form-control-solid" value="{{ old('welcome.feature_1', $siteData['welcome']['feature_1'] ?? '') }}" placeholder="Identidad Corporativa" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Feature 2</label>
            <input type="text" name="welcome[feature_2]" class="form-control form-control-solid" value="{{ old('welcome.feature_2', $siteData['welcome']['feature_2'] ?? '') }}" placeholder="Estrategia de Marca" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Etiqueta del CTA 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="Conocé más" />
            <span class="form-text">Botón debajo del hero, lleva a /about.</span>
        </div>
        <div class="col-12">
            <label class="form-label">Descripción del Hero</label>
            <textarea name="welcome[feature_description]" class="form-control form-control-solid" rows="2" placeholder="Potenciamos marcas corporativas con identidad visual sólida...">{{ old('welcome.feature_description', $siteData['welcome']['feature_description'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- Marquees --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">2. Marquees / textos animados</h4>
    <p class="text-gray-600 fs-7 mb-4">Textos que se desplazan horizontalmente. Usar <code>•</code> como separador entre palabras.</p>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Marquee superior</label>
            <input type="text" name="welcome[marquee_text]" class="form-control form-control-solid" value="{{ old('welcome.marquee_text', $siteData['welcome']['marquee_text'] ?? '') }}" placeholder="Estrategia • Identidad • Diseño • Comunicación • Branding • Posicionamiento •" />
        </div>
        <div class="col-12">
            <label class="form-label">Marquee inferior</label>
            <input type="text" name="welcome[marquee_text_2]" class="form-control form-control-solid" value="{{ old('welcome.marquee_text_2', $siteData['welcome']['marquee_text_2'] ?? '') }}" placeholder="Estrategia • Identidad • Diseño • Comunicación • Branding • Posicionamiento •" />
            <span class="form-text">Aparece debajo del bloque de testimonios.</span>
        </div>
    </div>
</div>

{{-- KPIs --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. KPIs / Métricas de impacto</h4>
    <p class="text-gray-600 fs-7 mb-4">3 números destacados con animación counter-up sobre fondo oscuro.</p>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Badge sobre los KPIs</label>
            <input type="text" name="welcome[kpi_badge]" class="form-control form-control-solid" value="{{ old('welcome.kpi_badge', $siteData['welcome']['kpi_badge'] ?? '') }}" placeholder="Impacto Comprobado" />
        </div>
    </div>
    @for($i = 1; $i <= 3; $i++)
    <div class="row g-2 mb-4">
        <div class="col-12"><h6 class="text-gray-700 fw-bold mb-2">KPI {{ $i }}</h6></div>
        <div class="col-6 col-md-2">
            <label class="form-label">Valor</label>
            <input type="text" name="welcome[kpi_{{ $i }}_value]" class="form-control form-control-solid form-control-sm" value="{{ old("welcome.kpi_{$i}_value", $siteData['welcome']["kpi_{$i}_value"] ?? '') }}" placeholder="10" />
        </div>
        <div class="col-6 col-md-1">
            <label class="form-label">Sufijo</label>
            <input type="text" name="welcome[kpi_{{ $i }}_suffix]" class="form-control form-control-solid form-control-sm" value="{{ old("welcome.kpi_{$i}_suffix", $siteData['welcome']["kpi_{$i}_suffix"] ?? '') }}" placeholder="+" />
        </div>
        <div class="col-12 col-md-3">
            <label class="form-label">Etiqueta</label>
            <input type="text" name="welcome[kpi_{{ $i }}_label]" class="form-control form-control-solid form-control-sm" value="{{ old("welcome.kpi_{$i}_label", $siteData['welcome']["kpi_{$i}_label"] ?? '') }}" placeholder="Años acompañando marcas" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Descripción</label>
            <textarea name="welcome[kpi_{{ $i }}_description]" class="form-control form-control-solid form-control-sm" rows="2" placeholder="Más de una década construyendo identidades corporativas...">{{ old("welcome.kpi_{$i}_description", $siteData['welcome']["kpi_{$i}_description"] ?? '') }}</textarea>
        </div>
    </div>
    @endfor
</div>

{{-- Services (3 categorías + items) --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">4. Servicios (3 categorías)</h4>
    <p class="text-gray-600 fs-7 mb-4">Sección de servicios scroll-linked. 3 categorías con título e items (uno por línea).</p>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Badge sección 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="Lo que hacemos" />
        </div>
    </div>
    @for($i = 1; $i <= 3; $i++)
    <div class="row g-2 mb-4">
        <div class="col-12"><h6 class="text-gray-700 fw-bold mb-2">Servicio {{ $i }}</h6></div>
        <div class="col-12 col-md-4">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[service_{{ $i }}_title]" class="form-control form-control-solid form-control-sm" value="{{ old("welcome.service_{$i}_title", $siteData['welcome']["service_{$i}_title"] ?? '') }}" placeholder="Estrategia" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Items (uno por línea)</label>
            @php
                $items = $siteData['welcome']["service_{$i}_items"] ?? [];
                $itemsText = is_array($items) ? implode("\n", $items) : (is_string($items) ? $items : '');
            @endphp
            <textarea name="welcome[service_{{ $i }}_items]" class="form-control form-control-solid form-control-sm" rows="6" placeholder="Investigación de mercado&#10;Estrategia de marca corporativa&#10;Posicionamiento y propuesta de valor">{{ old("welcome.service_{$i}_items", $itemsText) }}</textarea>
            <span class="form-text">Cada línea es un item de la lista.</span>
        </div>
    </div>
    @endfor
</div>

{{-- Projects --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">5. Encabezado sección Proyectos</h4>
    <p class="text-gray-600 fs-7 mb-4">Badge y título de la sección de 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="Casos destacados" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Heading (acepta HTML)</label>
            <input type="text" name="welcome[projects_heading]" class="form-control form-control-solid" value="{{ old('welcome.projects_heading', $siteData['welcome']['projects_heading'] ?? '') }}" placeholder="Acompañamos a &lt;strong class=&quot;text-primary&quot;&gt;marcas corporativas&lt;/strong&gt;..." />
        </div>
    </div>
</div>

{{-- Testimonials (3 statics) --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">6. Testimonios (3 estáticos)</h4>
    <p class="text-gray-600 fs-7 mb-4">Encabezado y los 3 testimonios fallback (si tenés references cargadas en /admin/references, esos toman prioridad).</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Stars Badge</label>
            <input type="text" name="welcome[testimonials_stars]" class="form-control form-control-solid" value="{{ old('welcome.testimonials_stars', $siteData['welcome']['testimonials_stars'] ?? '') }}" placeholder="Confianza de nuestros clientes" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Heading (acepta HTML)</label>
            <input type="text" name="welcome[testimonials_heading]" class="form-control form-control-solid" value="{{ old('welcome.testimonials_heading', $siteData['welcome']['testimonials_heading'] ?? '') }}" placeholder="Lo que dicen las &lt;span&gt;marcas&lt;/span&gt; que acompañamos" />
        </div>
        @php
            $welcomeTestimonials = $siteData['welcome']['testimonials'] ?? [
                ['text' => '', 'author' => '', 'company' => ''],
                ['text' => '', 'author' => '', 'company' => ''],
                ['text' => '', 'author' => '', 'company' => ''],
            ];
        @endphp
        @for($i = 0; $i < 3; $i++)
        <div class="col-12">
            <h6 class="text-gray-700 fw-bold mb-2">Testimonio {{ $i + 1 }}</h6>
            <div class="row g-2">
                <div class="col-12">
                    <label class="form-label">Texto</label>
                    <textarea name="welcome[testimonials][{{ $i }}][text]" class="form-control form-control-solid form-control-sm" rows="2" placeholder="Profesionalismo, escucha y resultados...">{{ old('welcome.testimonials.'.$i.'.text', $welcomeTestimonials[$i]['text'] ?? '') }}</textarea>
                </div>
                <div class="col-12 col-md-6">
                    <label class="form-label">Autor</label>
                    <input type="text" name="welcome[testimonials][{{ $i }}][author]" class="form-control form-control-solid form-control-sm" value="{{ old('welcome.testimonials.'.$i.'.author', $welcomeTestimonials[$i]['author'] ?? '') }}" placeholder="Director de Marketing" />
                </div>
                <div class="col-12 col-md-6">
                    <label class="form-label">Empresa</label>
                    <input type="text" name="welcome[testimonials][{{ $i }}][company]" class="form-control form-control-solid form-control-sm" value="{{ old('welcome.testimonials.'.$i.'.company', $welcomeTestimonials[$i]['company'] ?? '') }}" placeholder="Empresa Cliente" />
                </div>
            </div>
        </div>
        @endfor
    </div>
</div>

{{-- CTA final --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">7. CTA final del home</h4>
    <p class="text-gray-600 fs-7 mb-4">Bloque grande de cierre con título, descripción y botón hacia /about.</p>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Heading (acepta HTML)</label>
            <textarea name="welcome[cta_heading]" class="form-control form-control-solid" rows="3" placeholder="Potenciamos marcas corporativas con identidad sólida...">{{ old('welcome.cta_heading', $siteData['welcome']['cta_heading'] ?? '') }}</textarea>
            <span class="form-text">Acepta HTML para resaltar palabras.</span>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Etiqueta del botón</label>
            <input type="text" name="welcome[cta_button_label]" class="form-control form-control-solid" value="{{ old('welcome.cta_button_label', $siteData['welcome']['cta_button_label'] ?? '') }}" placeholder="Conversemos" />
        </div>
    </div>
</div>