{{-- Welcome fields for demo-accounting-1 — ALL editable fields matching the blade --}}

{{-- 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. Nombre, tagline y descripción vienen de "La Marca".</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">CTA primario (botón izquierdo)</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="Contactanos" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">CTA secundario (botón derecho)</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="Ver portfolio" />
        </div>
    </div>
</div>

{{-- 2. SERVICIOS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">2. Sección Servicios</h4>
    <p class="text-gray-600 fs-7 mb-4">Los servicios se traen del módulo Servicios (los 3 primeros).</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[services_badge]" class="form-control form-control-solid" value="{{ old('welcome.services_badge', $siteData['welcome']['services_badge'] ?? '') }}" placeholder="SERVICIOS" />
        </div>
        <div class="col-12 col-md-8">
            <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="Lo que hacemos" />
        </div>
        <div class="col-12">
            <label class="form-label">Subtítulo</label>
            <input type="text" name="welcome[services_subtitle]" class="form-control form-control-solid" value="{{ old('welcome.services_subtitle', $siteData['welcome']['services_subtitle'] ?? '') }}" placeholder="Cada servicio pensado para..." />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">CTA "Ver todos"</label>
            <input type="text" name="welcome[services_cta]" class="form-control form-control-solid" value="{{ old('welcome.services_cta', $siteData['welcome']['services_cta'] ?? '') }}" placeholder="Ver todos los servicios" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Texto vacío (si no hay servicios)</label>
            <input type="text" name="welcome[services_empty]" class="form-control form-control-solid" value="{{ old('welcome.services_empty', $siteData['welcome']['services_empty'] ?? '') }}" placeholder="Próximamente: nuestros servicios." />
        </div>
    </div>
</div>

{{-- 3. FEATURES --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Por qué elegirnos (Features)</h4>
    <p class="text-gray-600 fs-7 mb-4">6 tarjetas con diferenciadores.</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[features_badge]" class="form-control form-control-solid" value="{{ old('welcome.features_badge', $siteData['welcome']['features_badge'] ?? '') }}" placeholder="POR QUÉ ELEGIRNOS" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[features_heading]" class="form-control form-control-solid" value="{{ old('welcome.features_heading', $siteData['welcome']['features_heading'] ?? '') }}" placeholder="Lo que nos hace diferentes" />
        </div>
        <div class="col-12">
            <label class="form-label">Features (JSON)</label>
            @php
                $featuresRaw = old('welcome.features', $siteData['welcome']['features'] ?? '');
                if (is_array($featuresRaw)) { $featuresRaw = json_encode($featuresRaw, JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT); }
            @endphp
            <textarea name="welcome[features]" class="form-control form-control-solid" rows="8">{{ $featuresRaw }}</textarea>
            <span class="form-text">Cada objeto: {"icon": "path/img.png", "title": "Título", "text": "Descripción"}. Máximo 6.</span>
        </div>
    </div>
</div>

{{-- 4. PORTFOLIO --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">4. Portfolio / Proyectos</h4>
    <p class="text-gray-600 fs-7 mb-4">Los proyectos se traen del módulo Proyectos.</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[portfolio_badge]" class="form-control form-control-solid" value="{{ old('welcome.portfolio_badge', $siteData['welcome']['portfolio_badge'] ?? '') }}" placeholder="PORTFOLIO" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[portfolio_heading]" class="form-control form-control-solid" value="{{ old('welcome.portfolio_heading', $siteData['welcome']['portfolio_heading'] ?? '') }}" placeholder="Proyectos que hablan por nosotros" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">CTA "Ver portfolio completo"</label>
            <input type="text" name="welcome[portfolio_cta]" class="form-control form-control-solid" value="{{ old('welcome.portfolio_cta', $siteData['welcome']['portfolio_cta'] ?? '') }}" placeholder="Ver portfolio completo" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">CTA cuando NO hay proyectos cargados</label>
            <input type="text" name="welcome[portfolio_empty_cta]" class="form-control form-control-solid" value="{{ old('welcome.portfolio_empty_cta', $siteData['welcome']['portfolio_empty_cta'] ?? '') }}" placeholder="Conocer la fundación" />
            <span class="form-text">Botón que aparece si todavía no cargaste proyectos en /admin/projects.</span>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Botón "Ver más" en cada proyecto</label>
            <input type="text" name="welcome[project_detail_label]" class="form-control form-control-solid" value="{{ old('welcome.project_detail_label', $siteData['welcome']['project_detail_label'] ?? '') }}" placeholder="Ver más" />
        </div>
    </div>
</div>

{{-- 5. CTA CARDS (dentro del portfolio) --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">5. CTA Cards</h4>
    <p class="text-gray-600 fs-7 mb-4">Tarjetas de llamada a la acción que aparecen entre los proyectos y al final.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Heading CTA (versión corta, en cards)</label>
            <input type="text" name="welcome[cta_heading_short]" class="form-control form-control-solid" value="{{ old('welcome.cta_heading_short', $siteData['welcome']['cta_heading_short'] ?? '') }}" placeholder="¿Listo para tu sitio?" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Heading CTA (versión con salto, en cards grandes)</label>
            <input type="text" name="welcome[cta_heading_break]" class="form-control form-control-solid" value="{{ old('welcome.cta_heading_break', $siteData['welcome']['cta_heading_break'] ?? '') }}" placeholder="¿Listo para &lt;br&gt; tu sitio &lt;br&gt; profesional?" />
            <span class="form-text">Usá &lt;br&gt; para saltos de línea.</span>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Subtítulo CTA (en cards)</label>
            <input type="text" name="welcome[cta_subtitle]" class="form-control form-control-solid" value="{{ old('welcome.cta_subtitle', $siteData['welcome']['cta_subtitle'] ?? '') }}" placeholder="En 2-3 semanas tenés tu web funcionando" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Botón CTA (en cards)</label>
            <input type="text" name="welcome[cta_begin_label]" class="form-control form-control-solid" value="{{ old('welcome.cta_begin_label', $siteData['welcome']['cta_begin_label'] ?? '') }}" placeholder="Comenzar" />
        </div>
    </div>
</div>

{{-- 6. FAQS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">6. Sección FAQs</h4>
    <p class="text-gray-600 fs-7 mb-4">Las preguntas se traen del módulo FAQs (las 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[faqs_badge]" class="form-control form-control-solid" value="{{ old('welcome.faqs_badge', $siteData['welcome']['faqs_badge'] ?? '') }}" placeholder="PREGUNTAS FRECUENTES" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[faqs_heading]" class="form-control form-control-solid" value="{{ old('welcome.faqs_heading', $siteData['welcome']['faqs_heading'] ?? '') }}" placeholder="Lo que más nos preguntan" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">CTA "Ver todas"</label>
            <input type="text" name="welcome[faqs_cta]" class="form-control form-control-solid" value="{{ old('welcome.faqs_cta', $siteData['welcome']['faqs_cta'] ?? '') }}" placeholder="Ver todas las preguntas" />
        </div>
    </div>
</div>

{{-- 7. 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</h4>
    <p class="text-gray-600 fs-7 mb-4">Sección de cierre con llamada a la acción.</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[cta_heading]" class="form-control form-control-solid" value="{{ old('welcome.cta_heading', $siteData['welcome']['cta_heading'] ?? '') }}" placeholder="¿Listo para tu sitio profesional?" />
        </div>
        <div class="col-12">
            <label class="form-label">Subtítulo</label>
            <input type="text" name="welcome[cta_final_subtitle]" class="form-control form-control-solid" value="{{ old('welcome.cta_final_subtitle', $siteData['welcome']['cta_final_subtitle'] ?? '') }}" placeholder="Agendá una reunión de 30 minutos. Sin compromiso." />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Botón principal</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="Agendar reunión" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Botón WhatsApp</label>
            <input type="text" name="welcome[whatsapp_label]" class="form-control form-control-solid" value="{{ old('welcome.whatsapp_label', $siteData['welcome']['whatsapp_label'] ?? '') }}" placeholder="Escribinos por WhatsApp" />
        </div>
    </div>
</div>