{{-- ═══ Personal Brand (demo-accounting-2) welcome fields — 67 keys ═══ --}}

{{-- 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>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Hero título</label>
            <input type="text" name="welcome[hero_title]" class="form-control form-control-solid" value="{{ old('welcome.hero_title', $siteData['welcome']['hero_title'] ?? '') }}" placeholder="Marca Personal" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Hero 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="Mi proceso, mi camino." />
        </div>
        <div class="col-12">
            <label class="form-label">Hero descripción</label>
            <textarea name="welcome[hero_description]" class="form-control form-control-solid" rows="2">{{ old('welcome.hero_description', $siteData['welcome']['hero_description'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">CTA Primario (a /projects)</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="Ver proyectos" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">CTA Secundario (a /about)</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="Conoceme" />
        </div>
    </div>
</div>

{{-- 2. TABS ANIMADOS DEL HERO (3 facetas) --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">2. Tabs animados del hero (3 facetas cortas)</h4>
    <p class="text-gray-600 fs-7 mb-4">Las 3 palabras que se alternan animadamente en el hero.</p>
    <div class="row g-2 mb-6">
        @php $tabPlaceholders = ['Crear', 'Compartir', 'Explorar']; @endphp
        @for($i = 1; $i <= 3; $i++)
        <div class="col-12 col-md-4">
            <label class="form-label">Tab {{ $i }}</label>
            <input type="text" name="welcome[tab_{{ $i }}_label]" class="form-control form-control-solid form-control-sm" value="{{ old("welcome.tab_{$i}_label", $siteData['welcome']["tab_{$i}_label"] ?? '') }}" placeholder="{{ $tabPlaceholders[$i - 1] ?? '' }}" />
        </div>
        @endfor
    </div>
</div>

{{-- 3. SECCIONES TAB 1/2/3 (Proyectos / Galería / Blog) --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Tarjetas tab1/tab2/tab3 (Proyectos · Galería · Blog)</h4>
    <p class="text-gray-600 fs-7 mb-4">Las 3 tarjetas grandes con título, descripción y CTA que llevan a las secciones del sitio.</p>
    @for($i = 1; $i <= 3; $i++)
    <div class="row g-2 mb-3">
        <div class="col-12"><h6 class="text-gray-700 fw-bold mb-2">Tab {{ $i }}</h6></div>
        <div class="col-12 col-md-3">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[tab{{ $i }}_title]" class="form-control form-control-solid form-control-sm" value="{{ old("welcome.tab{$i}_title", $siteData['welcome']["tab{$i}_title"] ?? '') }}" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Descripción</label>
            <input type="text" name="welcome[tab{{ $i }}_description]" class="form-control form-control-solid form-control-sm" value="{{ old("welcome.tab{$i}_description", $siteData['welcome']["tab{$i}_description"] ?? '') }}" />
        </div>
        <div class="col-12 col-md-3">
            <label class="form-label">Texto del CTA</label>
            <input type="text" name="welcome[tab{{ $i }}_cta]" class="form-control form-control-solid form-control-sm" value="{{ old("welcome.tab{$i}_cta", $siteData['welcome']["tab{$i}_cta"] ?? '') }}" />
        </div>
    </div>
    @endfor
</div>

{{-- 4. ABOUT INLINE (en el welcome) --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">4. Bloque "Sobre mí" inline en el home</h4>
    <p class="text-gray-600 fs-7 mb-4">Versión resumida del about que aparece dentro del welcome.</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[about_badge]" class="form-control form-control-solid" value="{{ old('welcome.about_badge', $siteData['welcome']['about_badge'] ?? '') }}" placeholder="Sobre Mí" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[about_title]" class="form-control form-control-solid" value="{{ old('welcome.about_title', $siteData['welcome']['about_title'] ?? '') }}" placeholder="Quién Soy" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Tagline corto</label>
            <input type="text" name="welcome[about_tagline]" class="form-control form-control-solid" value="{{ old('welcome.about_tagline', $siteData['welcome']['about_tagline'] ?? '') }}" placeholder="Todo conectado." />
        </div>
        <div class="col-12">
            <label class="form-label">Descripción</label>
            <textarea name="welcome[about_description]" class="form-control form-control-solid" rows="2">{{ old('welcome.about_description', $siteData['welcome']['about_description'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Tagline general (visible en hero también)</label>
            <input type="text" name="welcome[tagline]" class="form-control form-control-solid" value="{{ old('welcome.tagline', $siteData['welcome']['tagline'] ?? '') }}" placeholder="Marca Personal" />
        </div>
    </div>
</div>

{{-- Secciones inactivas por diseño en Marca Personal (demo-accounting-2) --}}
<div class="alert alert-light-warning d-flex align-items-center p-5 mb-8">
    <i class="ki-duotone ki-information-5 fs-2hx text-warning me-4"><span class="path1"></span><span class="path2"></span><span class="path3"></span></i>
    <div class="d-flex flex-column">
        <h5 class="fw-bold text-warning mb-1">Secciones inhabilitadas por diseño</h5>
        <span class="fs-7 text-muted">Las secciones "Personal", "Lo que hago" (Work) y "Skills" están desactivadas en la plantilla frontend de este tema. Se han ocultado de este panel para garantizar que lo que edites coincida exactamente con lo que se visualiza en tu sitio web.</span>
    </div>
</div>

{{-- 5. PERSONAL SECTION (Inactiva en frontend)
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">5. Sección "Personal"</h4>
    <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[personal_badge]" class="form-control form-control-solid" value="{{ old('welcome.personal_badge', $siteData['welcome']['personal_badge'] ?? '') }}" placeholder="Quien soy" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[personal_title]" class="form-control form-control-solid" value="{{ old('welcome.personal_title', $siteData['welcome']['personal_title'] ?? '') }}" />
        </div>
        <div class="col-12">
            <label class="form-label">Descripción</label>
            <textarea name="welcome[personal_description]" class="form-control form-control-solid" rows="2">{{ old('welcome.personal_description', $siteData['welcome']['personal_description'] ?? '') }}</textarea>
        </div>
    </div>
</div>
--}}

{{-- 6. WORK SECTION + 4 ITEMS (Inactiva en frontend)
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">6. Sección "Lo que hago" (4 items)</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-3">
            <label class="form-label">Badge</label>
            <input type="text" name="welcome[work_badge]" class="form-control form-control-solid" value="{{ old('welcome.work_badge', $siteData['welcome']['work_badge'] ?? '') }}" placeholder="Lo que hago" />
        </div>
        <div class="col-12 col-md-9">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[work_title]" class="form-control form-control-solid" value="{{ old('welcome.work_title', $siteData['welcome']['work_title'] ?? '') }}" />
        </div>
        <div class="col-12">
            <label class="form-label">Subtítulo</label>
            <input type="text" name="welcome[work_subtitle]" class="form-control form-control-solid" value="{{ old('welcome.work_subtitle', $siteData['welcome']['work_subtitle'] ?? '') }}" />
        </div>
        @for($i = 1; $i <= 4; $i++)
        <div class="col-6 col-md-3">
            <label class="form-label">Item {{ $i }}</label>
            <input type="text" name="welcome[work_item_{{ $i }}]" class="form-control form-control-solid form-control-sm" value="{{ old("welcome.work_item_{$i}", $siteData['welcome']["work_item_{$i}"] ?? '') }}" />
        </div>
        @endfor
    </div>
</div>
--}}

{{-- 7. SKILLS (Inactiva en frontend)
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">7. Sección "Skills" (6 disciplinas)</h4>
    <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[skills_badge]" class="form-control form-control-solid" value="{{ old('welcome.skills_badge', $siteData['welcome']['skills_badge'] ?? '') }}" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[skills_title]" class="form-control form-control-solid" value="{{ old('welcome.skills_title', $siteData['welcome']['skills_title'] ?? '') }}" />
        </div>
        @for($i = 1; $i <= 6; $i++)
        <div class="col-6 col-md-2">
            <label class="form-label">Skill {{ $i }}</label>
            <input type="text" name="welcome[skill_{{ $i }}]" class="form-control form-control-solid form-control-sm" value="{{ old("welcome.skill_{$i}", $siteData['welcome']["skill_{$i}"] ?? '') }}" />
        </div>
        @endfor
        <div class="col-12 col-md-6">
            <label class="form-label">Stat card — etiqueta</label>
            <input type="text" name="welcome[stat_card_label]" class="form-control form-control-solid" value="{{ old('welcome.stat_card_label', $siteData['welcome']['stat_card_label'] ?? '') }}" placeholder="Años creando" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Stat card — valor</label>
            <input type="text" name="welcome[stat_card_value]" class="form-control form-control-solid" value="{{ old('welcome.stat_card_value', $siteData['welcome']['stat_card_value'] ?? '') }}" placeholder="10+" />
        </div>
    </div>
</div>
--}}

{{-- 8. STATS (3 contadores) --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">8. Stats / Números clave (3 counters)</h4>
    @for($i = 1; $i <= 3; $i++)
    <div class="row g-2 mb-3">
        <div class="col-12"><h6 class="text-gray-700 fw-bold mb-2">Stat {{ $i }}</h6></div>
        <div class="col-4 col-md-2">
            <label class="form-label">Valor</label>
            <input type="text" name="welcome[stat_{{ $i }}_value]" class="form-control form-control-solid form-control-sm" value="{{ old("welcome.stat_{$i}_value", $siteData['welcome']["stat_{$i}_value"] ?? '') }}" />
        </div>
        <div class="col-8 col-md-10">
            <label class="form-label">Etiqueta</label>
            <input type="text" name="welcome[stat_{{ $i }}_label]" class="form-control form-control-solid form-control-sm" value="{{ old("welcome.stat_{$i}_label", $siteData['welcome']["stat_{$i}_label"] ?? '') }}" />
        </div>
    </div>
    @endfor
    <div class="col-12 mt-2">
        <label class="form-label">Texto de disponibilidad</label>
        <input type="text" name="welcome[availability_text]" class="form-control form-control-solid" value="{{ old('welcome.availability_text', $siteData['welcome']['availability_text'] ?? '') }}" placeholder="Trabajando como independiente" />
    </div>
</div>

{{-- 9. ENCABEZADOS DE GALLERY/PROJECTS/BLOG --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">9. Encabezados secciones módulos</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Sección Galería — 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="Lo que vivo" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Sección Proyectos — 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="Lo que construí" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Sección Blog — 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-6">
            <label class="form-label">Sección Blog — título</label>
            <input type="text" name="welcome[blog_title]" class="form-control form-control-solid" value="{{ old('welcome.blog_title', $siteData['welcome']['blog_title'] ?? '') }}" placeholder="Últimas notas" />
        </div>
    </div>
</div>

{{-- 10. TESTIMONIALS (opcional) --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">10. Testimonios (opcional)</h4>
    <p class="text-gray-600 fs-7 mb-4">Dejá <code>show_testimonials = false</code> si no querés que se muestre la sección.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-3">
            <label class="form-label">Mostrar testimonios</label>
            <select name="welcome[show_testimonials]" class="form-select form-select-solid form-select-sm">
                <option value="0" {{ ($siteData['welcome']['show_testimonials'] ?? false) == false ? 'selected' : '' }}>No mostrar</option>
                <option value="1" {{ ($siteData['welcome']['show_testimonials'] ?? false) == true ? 'selected' : '' }}>Mostrar</option>
            </select>
        </div>
        <div class="col-12 col-md-3">
            <label class="form-label">Mostrar social proof</label>
            <select name="welcome[show_social_proof]" class="form-select form-select-solid form-select-sm">
                <option value="0" {{ ($siteData['welcome']['show_social_proof'] ?? false) == false ? 'selected' : '' }}>No mostrar</option>
                <option value="1" {{ ($siteData['welcome']['show_social_proof'] ?? false) == true ? 'selected' : '' }}>Mostrar</option>
            </select>
        </div>
        <div class="col-12 col-md-3">
            <label class="form-label">Badge</label>
            <input type="text" name="welcome[testimonials_badge]" class="form-control form-control-solid form-control-sm" value="{{ old('welcome.testimonials_badge', $siteData['welcome']['testimonials_badge'] ?? '') }}" />
        </div>
        <div class="col-12 col-md-3">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[testimonials_title]" class="form-control form-control-solid form-control-sm" value="{{ old('welcome.testimonials_title', $siteData['welcome']['testimonials_title'] ?? '') }}" />
        </div>
        <div class="col-12">
            <label class="form-label">Descripción de la sección</label>
            <input type="text" name="welcome[testimonials_description]" class="form-control form-control-solid" value="{{ old('welcome.testimonials_description', $siteData['welcome']['testimonials_description'] ?? '') }}" />
        </div>
        @for($i = 1; $i <= 2; $i++)
        <div class="col-12">
            <h6 class="text-gray-700 fw-bold mb-2">Testimonio {{ $i }}</h6>
            <div class="row g-2">
                <div class="col-12 col-md-9">
                    <textarea name="welcome[testimonial_{{ $i }}_text]" class="form-control form-control-solid form-control-sm" rows="2">{{ old("welcome.testimonial_{$i}_text", $siteData['welcome']["testimonial_{$i}_text"] ?? '') }}</textarea>
                </div>
                <div class="col-12 col-md-3">
                    <input type="text" name="welcome[testimonial_{{ $i }}_author]" class="form-control form-control-solid form-control-sm" value="{{ old("welcome.testimonial_{$i}_author", $siteData['welcome']["testimonial_{$i}_author"] ?? '') }}" placeholder="Autor" />
                </div>
            </div>
        </div>
        @endfor
    </div>
</div>

{{-- 11. FAQs (5) (Inactiva en frontend)
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">11. FAQs del home (5 preguntas)</h4>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Badge sección FAQ</label>
            <input type="text" name="welcome[faq_badge]" class="form-control form-control-solid" value="{{ old('welcome.faq_badge', $siteData['welcome']['faq_badge'] ?? '') }}" placeholder="Preguntas frecuentes" />
        </div>
        @for($i = 1; $i <= 5; $i++)
        <div class="col-12">
            <h6 class="text-gray-700 fw-bold mb-2">FAQ {{ $i }}</h6>
            <div class="row g-2">
                <div class="col-12">
                    <input type="text" name="welcome[faq_{{ $i }}_question]" class="form-control form-control-solid form-control-sm mb-2" value="{{ old("welcome.faq_{$i}_question", $siteData['welcome']["faq_{$i}_question"] ?? '') }}" placeholder="Pregunta..." />
                    <textarea name="welcome[faq_{{ $i }}_answer]" class="form-control form-control-solid form-control-sm" rows="2" placeholder="Respuesta...">{{ old("welcome.faq_{$i}_answer", $siteData['welcome']["faq_{$i}_answer"] ?? '') }}</textarea>
                </div>
            </div>
        </div>
        @endfor
    </div>
</div>
--}}

{{-- 12. CIERRE / CLOSURE --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">12. Cierre del home</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-9">
            <label class="form-label">Texto de cierre</label>
            <input type="text" name="welcome[closure_text]" class="form-control form-control-solid" value="{{ old('welcome.closure_text', $siteData['welcome']['closure_text'] ?? '') }}" placeholder="¿Conectamos? Estoy abierto a conversaciones..." />
        </div>
        <div class="col-12 col-md-3">
            <label class="form-label">Texto del botón</label>
            <input type="text" name="welcome[closure_cta]" class="form-control form-control-solid" value="{{ old('welcome.closure_cta', $siteData['welcome']['closure_cta'] ?? '') }}" placeholder="Hablemos" />
        </div>
    </div>
</div>