{{-- ═══ Creative Portfolio (demo-creative-portfolio) welcome fields ═══ --}}

{{-- 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">Sección principal arriba del sitio. Eyebrow, título grande, subtítulo y dos CTAs.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Eyebrow (etiqueta arriba)</label>
            <input type="text" name="welcome[hero_eyebrow]" class="form-control form-control-solid" value="{{ old('welcome.hero_eyebrow', $siteData['welcome']['hero_eyebrow'] ?? '') }}" placeholder="Video Editor & Motion Designer">
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">CTA primario (botón principal)</label>
            <input type="text" name="welcome[hero_cta_primary]" class="form-control form-control-solid" value="{{ old('welcome.hero_cta_primary', $siteData['welcome']['hero_cta_primary'] ?? '') }}" placeholder="Ver mi trabajo">
        </div>
        <div class="col-12">
            <label class="form-label">Título principal (h1)</label>
            <input type="text" name="welcome[hero_title]" class="form-control form-control-solid" value="{{ old('welcome.hero_title', $siteData['welcome']['hero_title'] ?? '') }}" placeholder="Creando arte en movimiento">
        </div>
        <div class="col-12">
            <label class="form-label">Subtítulo</label>
            <textarea name="welcome[hero_subtitle]" class="form-control form-control-solid" rows="2">{{ old('welcome.hero_subtitle', $siteData['welcome']['hero_subtitle'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">CTA secundario (botón ghost)</label>
            <input type="text" name="welcome[hero_cta_secondary]" class="form-control form-control-solid" value="{{ old('welcome.hero_cta_secondary', $siteData['welcome']['hero_cta_secondary'] ?? '') }}" placeholder="Hablemos">
        </div>
    </div>
</div>

{{-- 2. SOBRE MÍ + STATS + SKILLS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">2. Sobre mí + estadísticas</h4>
    <p class="text-gray-600 fs-7 mb-4">Texto corto, 6 software/skills tags y 3 contadores grandes (números destacados).</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Eyebrow about</label>
            <input type="text" name="welcome[about_eyebrow]" class="form-control form-control-solid" value="{{ old('welcome.about_eyebrow', $siteData['welcome']['about_eyebrow'] ?? '') }}" placeholder="Sobre mí">
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Etiqueta sección skills</label>
            <input type="text" name="welcome[about_skills_label]" class="form-control form-control-solid" value="{{ old('welcome.about_skills_label', $siteData['welcome']['about_skills_label'] ?? '') }}" placeholder="Software">
        </div>
        <div class="col-12">
            <label class="form-label">Texto about (1-2 oraciones)</label>
            <textarea name="welcome[about_text]" class="form-control form-control-solid" rows="3">{{ old('welcome.about_text', $siteData['welcome']['about_text'] ?? '') }}</textarea>
        </div>
        @foreach([1,2,3,4,5,6] as $i)
            <div class="col-12 col-md-4">
                <label class="form-label">Skill #{{ $i }}</label>
                <input type="text" name="welcome[skill_{{ $i }}]" class="form-control form-control-solid" value="{{ old('welcome.skill_'.$i, $siteData['welcome']['skill_'.$i] ?? '') }}" placeholder="@switch($i)@case(1) After Effects @break @case(2) Premiere Pro @break @case(3) Cinema 4D @break @case(4) Photoshop @break @case(5) DaVinci Resolve @break @case(6) Illustrator @break @endswitch">
            </div>
        @endforeach
        @foreach([1,2,3] as $i)
            <div class="col-12 col-md-4">
                <label class="form-label">Stat #{{ $i }} — valor</label>
                <input type="text" name="welcome[stat_{{ $i }}_value]" class="form-control form-control-solid" value="{{ old('welcome.stat_'.$i.'_value', $siteData['welcome']['stat_'.$i.'_value'] ?? '') }}" placeholder="100+">
            </div>
        @endforeach
        @foreach([1,2,3] as $i)
            <div class="col-12 col-md-4">
                <label class="form-label">Stat #{{ $i }} — etiqueta</label>
                <input type="text" name="welcome[stat_{{ $i }}_label]" class="form-control form-control-solid" value="{{ old('welcome.stat_'.$i.'_label', $siteData['welcome']['stat_'.$i.'_label'] ?? '') }}" placeholder="proyectos editados">
            </div>
        @endforeach
    </div>
</div>

{{-- 3. SERVICES --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Servicios (3 columnas)</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Eyebrow</label>
            <input type="text" name="welcome[services_eyebrow]" class="form-control form-control-solid" value="{{ old('welcome.services_eyebrow', $siteData['welcome']['services_eyebrow'] ?? '') }}" placeholder="Qué hago">
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[services_heading]" class="form-control form-control-solid" value="{{ old('welcome.services_heading', $siteData['welcome']['services_heading'] ?? '') }}" placeholder="Servicios">
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Lead (descripción corta)</label>
            <input type="text" name="welcome[services_subheading]" class="form-control form-control-solid" value="{{ old('welcome.services_subheading', $siteData['welcome']['services_subheading'] ?? '') }}">
        </div>
        @foreach([1,2,3] as $i)
            <div class="col-12 col-md-4">
                <label class="form-label">Servicio {{ $i }} — título</label>
                <input type="text" name="welcome[service_{{ $i }}_title]" class="form-control form-control-solid" value="{{ old('welcome.service_'.$i.'_title', $siteData['welcome']['service_'.$i.'_title'] ?? '') }}">
            </div>
            <div class="col-12 col-md-8">
                <label class="form-label">Servicio {{ $i }} — descripción</label>
                <textarea name="welcome[service_{{ $i }}_description]" class="form-control form-control-solid" rows="2">{{ old('welcome.service_'.$i.'_description', $siteData['welcome']['service_'.$i.'_description'] ?? '') }}</textarea>
            </div>
        @endforeach
    </div>
</div>

{{-- 4. GALLERY --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">4. Sección portfolio (gallery con tabs)</h4>
    <p class="text-gray-600 fs-7 mb-4">Encabezado de la sección de portfolio en home. Las categorías y los items se gestionan desde el módulo Gallery.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Eyebrow</label>
            <input type="text" name="welcome[gallery_eyebrow]" class="form-control form-control-solid" value="{{ old('welcome.gallery_eyebrow', $siteData['welcome']['gallery_eyebrow'] ?? '') }}" placeholder="Portfolio">
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Título de la sección</label>
            <input type="text" name="welcome[gallery_heading]" class="form-control form-control-solid" value="{{ old('welcome.gallery_heading', $siteData['welcome']['gallery_heading'] ?? '') }}" placeholder="Trabajos seleccionados">
        </div>
        <div class="col-12">
            <label class="form-label">Subtítulo</label>
            <input type="text" name="welcome[gallery_subheading]" class="form-control form-control-solid" value="{{ old('welcome.gallery_subheading', $siteData['welcome']['gallery_subheading'] ?? '') }}">
        </div>
    </div>
</div>

{{-- 5. PROJECTS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">5. Sección proyectos destacados</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Eyebrow</label>
            <input type="text" name="welcome[projects_eyebrow]" class="form-control form-control-solid" value="{{ old('welcome.projects_eyebrow', $siteData['welcome']['projects_eyebrow'] ?? '') }}" placeholder="Proyectos destacados">
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[projects_heading]" class="form-control form-control-solid" value="{{ old('welcome.projects_heading', $siteData['welcome']['projects_heading'] ?? '') }}" placeholder="Casos en profundidad">
        </div>
        <div class="col-12">
            <label class="form-label">Subtítulo</label>
            <input type="text" name="welcome[projects_subheading]" class="form-control form-control-solid" value="{{ old('welcome.projects_subheading', $siteData['welcome']['projects_subheading'] ?? '') }}">
        </div>
    </div>
</div>

{{-- 6. BLOG --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">6. Sección blog</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Eyebrow</label>
            <input type="text" name="welcome[blog_eyebrow]" class="form-control form-control-solid" value="{{ old('welcome.blog_eyebrow', $siteData['welcome']['blog_eyebrow'] ?? '') }}" placeholder="Behind the scenes">
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[blog_heading]" class="form-control form-control-solid" value="{{ old('welcome.blog_heading', $siteData['welcome']['blog_heading'] ?? '') }}" placeholder="Notas y procesos">
        </div>
        <div class="col-12">
            <label class="form-label">Subtítulo</label>
            <input type="text" name="welcome[blog_subheading]" class="form-control form-control-solid" value="{{ old('welcome.blog_subheading', $siteData['welcome']['blog_subheading'] ?? '') }}">
        </div>
    </div>
</div>

{{-- 7. CTA SECTION --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">7. CTA cierre</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-8">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[cta_section_heading]" class="form-control form-control-solid" value="{{ old('welcome.cta_section_heading', $siteData['welcome']['cta_section_heading'] ?? '') }}" placeholder="¿Listo para tu próximo proyecto?">
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Texto 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="Empecemos">
        </div>
        <div class="col-12">
            <label class="form-label">Texto de apoyo</label>
            <textarea name="welcome[cta_section_text]" class="form-control form-control-solid" rows="2">{{ old('welcome.cta_section_text', $siteData['welcome']['cta_section_text'] ?? '') }}</textarea>
        </div>
    </div>
</div>