{{-- ═══ Construction welcome fields ═══ --}}

{{-- HERO --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">1. Hero (carousel del inicio)</h4>
    <p class="text-gray-600 fs-7 mb-4">Títulos grandes y badges del carrusel principal de la página de inicio.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-3">
            <label class="form-label">Outline superior (slide 1)</label>
            <input type="text" name="welcome[hero_outline_top]" class="form-control form-control-solid" value="{{ old('welcome.hero_outline_top', $siteData['welcome']['hero_outline_top'] ?? '') }}" placeholder="CONSTRUIMOS" />
        </div>
        <div class="col-12 col-md-3">
            <label class="form-label">Título línea 1</label>
            <input type="text" name="welcome[hero_title_line1]" class="form-control form-control-solid" value="{{ old('welcome.hero_title_line1', $siteData['welcome']['hero_title_line1'] ?? '') }}" placeholder="CONSTRUIMOS" />
        </div>
        <div class="col-12 col-md-3">
            <label class="form-label">Título línea 2</label>
            <input type="text" name="welcome[hero_title_line2]" class="form-control form-control-solid" value="{{ old('welcome.hero_title_line2', $siteData['welcome']['hero_title_line2'] ?? '') }}" placeholder="FUTURO" />
        </div>
        <div class="col-12 col-md-3">
            <label class="form-label">Outline inferior</label>
            <input type="text" name="welcome[hero_outline_bottom]" class="form-control form-control-solid" value="{{ old('welcome.hero_outline_bottom', $siteData['welcome']['hero_outline_bottom'] ?? '') }}" placeholder="FUTURO" />
        </div>
        <div class="col-12">
            <label class="form-label">Badge / subtítulo (slide 1)</label>
            <input type="text" name="welcome[hero_badge]" class="form-control form-control-solid" value="{{ old('welcome.hero_badge', $siteData['welcome']['hero_badge'] ?? '') }}" placeholder="Constructora con experiencia regional" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Slide 2 — Título</label>
            <input type="text" name="welcome[hero_slide2_title]" class="form-control form-control-solid" value="{{ old('welcome.hero_slide2_title', $siteData['welcome']['hero_slide2_title'] ?? '') }}" placeholder="CALIDAD" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Slide 2 — Badge</label>
            <input type="text" name="welcome[hero_slide2_badge]" class="form-control form-control-solid" value="{{ old('welcome.hero_slide2_badge', $siteData['welcome']['hero_slide2_badge'] ?? '') }}" placeholder="Diseño y construcción moderna" />
        </div>
    </div>
</div>

{{-- WHO WE ARE --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">2. Quiénes somos (sección home)</h4>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Título</label>
            <input type="text" name="welcome[who_we_are_title]" class="form-control form-control-solid" value="{{ old('welcome.who_we_are_title', $siteData['welcome']['who_we_are_title'] ?? '') }}" placeholder="Quiénes Somos" />
        </div>
        <div class="col-12">
            <label class="form-label">Texto principal</label>
            <textarea name="welcome[who_we_are_text]" class="form-control form-control-solid" rows="2">{{ old('welcome.who_we_are_text', $siteData['welcome']['who_we_are_text'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Descripción complementaria</label>
            <textarea name="welcome[who_we_are_description]" class="form-control form-control-solid" rows="2">{{ old('welcome.who_we_are_description', $siteData['welcome']['who_we_are_description'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Frase resaltada (highlight)</label>
            <input type="text" name="welcome[who_we_are_highlight]" class="form-control form-control-solid" value="{{ old('welcome.who_we_are_highlight', $siteData['welcome']['who_we_are_highlight'] ?? '') }}" placeholder="calidad, en plazo y dentro del presupuesto." />
            <span class="form-text">Aparece resaltado en color primario al final del texto.</span>
        </div>
    </div>
</div>

{{-- SERVICES --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Encabezado sección Servicios</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <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="Nuestros Servicios" />
        </div>
        <div class="col-12 col-md-6">
            <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'] ?? '') }}" />
        </div>
    </div>
</div>

{{-- PROJECTS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">4. Encabezado sección Proyectos</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <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="Proyectos" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Subtítulo</label>
            <input type="text" name="welcome[projects_subtitle]" class="form-control form-control-solid" value="{{ old('welcome.projects_subtitle', $siteData['welcome']['projects_subtitle'] ?? '') }}" />
        </div>
        <div class="col-12">
            <label class="form-label">Descripción</label>
            <textarea name="welcome[projects_description]" class="form-control form-control-solid" rows="2">{{ old('welcome.projects_description', $siteData['welcome']['projects_description'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Frase resaltada (highlight)</label>
            <input type="text" name="welcome[projects_highlight]" class="form-control form-control-solid" value="{{ old('welcome.projects_highlight', $siteData['welcome']['projects_highlight'] ?? '') }}" />
        </div>
    </div>
</div>

{{-- TESTIMONIAL --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">5. Testimonio destacado (home)</h4>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Texto del testimonio</label>
            <textarea name="welcome[testimonial_text]" class="form-control form-control-solid" rows="3">{{ old('welcome.testimonial_text', $siteData['welcome']['testimonial_text'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Autor (nombre del cliente)</label>
            <input type="text" name="welcome[testimonial_author]" class="form-control form-control-solid" value="{{ old('welcome.testimonial_author', $siteData['welcome']['testimonial_author'] ?? '') }}" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Empresa</label>
            <input type="text" name="welcome[testimonial_company]" class="form-control form-control-solid" value="{{ old('welcome.testimonial_company', $siteData['welcome']['testimonial_company'] ?? '') }}" />
        </div>
    </div>
</div>

{{-- BLOG --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">6. Encabezado sección Blog</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <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="Blog" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Subtítulo</label>
            <input type="text" name="welcome[blog_subtitle]" class="form-control form-control-solid" value="{{ old('welcome.blog_subtitle', $siteData['welcome']['blog_subtitle'] ?? '') }}" />
        </div>
    </div>
</div>