{{-- Welcome fields for demo-insurance — order matches visual flow --}}

{{-- 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 con texto animado y heading.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Palabras animadas (separadas por coma)</label>
            <input type="text" name="welcome[hero_words]" class="form-control form-control-solid" value="{{ old('welcome.hero_words', $siteData['welcome']['hero_words'] ?? '') }}" placeholder="HOME,TRAVEL,LIFE,CAR" />
            <span class="form-text">Se muestran una a una en grande. Ej: HOME,TRAVEL,LIFE,CAR</span>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Texto grande (hero_big_text)</label>
            <input type="text" name="welcome[hero_big_text]" class="form-control form-control-solid" value="{{ old('welcome.hero_big_text', $siteData['welcome']['hero_big_text'] ?? '') }}" placeholder="HOME,TRAVEL,LIFE,CAR" />
        </div>
        <div class="col-12">
            <label class="form-label">Heading principal</label>
            <input type="text" name="welcome[hero_heading]" class="form-control form-control-solid" value="{{ old('welcome.hero_heading', $siteData['welcome']['hero_heading'] ?? '') }}" placeholder="Providing Insurance Protection For You" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Subheading</label>
            <input type="text" name="welcome[hero_subheading]" class="form-control form-control-solid" value="{{ old('welcome.hero_subheading', $siteData['welcome']['hero_subheading'] ?? '') }}" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">CTA botón hero</label>
            <input type="text" name="welcome[hero_cta]" class="form-control form-control-solid" value="{{ old('welcome.hero_cta', $siteData['welcome']['hero_cta'] ?? '') }}" placeholder="GET A QUOTE" />
        </div>
    </div>
</div>

{{-- 2. WHY CHOOSE + FEATURES --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">2. Sección "Why Choose" + Features</h4>
    <p class="text-gray-600 fs-7 mb-4">Heading y las 2 secciones con imagen + texto.</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[services_heading]" class="form-control form-control-solid" value="{{ old('welcome.services_heading', $siteData['welcome']['services_heading'] ?? '') }}" placeholder="Why Do People Choose" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Heading bold</label>
            <input type="text" name="welcome[services_heading_bold]" class="form-control form-control-solid" value="{{ old('welcome.services_heading_bold', $siteData['welcome']['services_heading_bold'] ?? '') }}" placeholder="Aseguradora?" />
        </div>
    </div>
    @for($i = 1; $i <= 2; $i++)
    <div class="row g-4 mb-4">
        <div class="col-12 col-md-4">
            <label class="form-label">Feature {{ $i }} — Título</label>
            <input type="text" name="welcome[feature{{ $i }}_heading]" class="form-control form-control-solid" value="{{ old("welcome.feature{$i}_heading", $siteData['welcome']["feature{$i}_heading"] ?? '') }}" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Feature {{ $i }} — Texto</label>
            <textarea name="welcome[feature{{ $i }}_text]" class="form-control form-control-solid" rows="2">{{ old("welcome.feature{$i}_text", $siteData['welcome']["feature{$i}_text"] ?? '') }}</textarea>
        </div>
    </div>
    @endfor
</div>

{{-- 3. PRODUCTS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Insurance Products</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[products_heading]" class="form-control form-control-solid" value="{{ old('welcome.products_heading', $siteData['welcome']['products_heading'] ?? '') }}" placeholder="Insurance" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Heading bold</label>
            <input type="text" name="welcome[products_heading_bold]" class="form-control form-control-solid" value="{{ old('welcome.products_heading_bold', $siteData['welcome']['products_heading_bold'] ?? '') }}" placeholder="Products" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">CTA botón</label>
            <input type="text" name="welcome[products_cta]" class="form-control form-control-solid" value="{{ old('welcome.products_cta', $siteData['welcome']['products_cta'] ?? '') }}" placeholder="GET A QUOTE" />
        </div>
    </div>
</div>

{{-- 4. QUOTE --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">4. Quick Quote (parallax)</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[quote_heading]" class="form-control form-control-solid" value="{{ old('welcome.quote_heading', $siteData['welcome']['quote_heading'] ?? '') }}" placeholder="Ready To Get a" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Subheading</label>
            <input type="text" name="welcome[quote_subheading]" class="form-control form-control-solid" value="{{ old('welcome.quote_subheading', $siteData['welcome']['quote_subheading'] ?? '') }}" placeholder="Quick Quote?" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">CTA botón</label>
            <input type="text" name="welcome[quote_cta]" class="form-control form-control-solid" value="{{ old('welcome.quote_cta', $siteData['welcome']['quote_cta'] ?? '') }}" placeholder="GET A QUOTE" />
        </div>
    </div>
</div>

{{-- 5. KNOWLEDGE & NUMBERS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">5. Knowledge & Numbers</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">FAQ heading</label>
            <input type="text" name="welcome[faq_heading]" class="form-control form-control-solid" value="{{ old('welcome.faq_heading', $siteData['welcome']['faq_heading'] ?? '') }}" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">FAQ heading bold</label>
            <input type="text" name="welcome[faq_heading_bold]" class="form-control form-control-solid" value="{{ old('welcome.faq_heading_bold', $siteData['welcome']['faq_heading_bold'] ?? '') }}" placeholder="Knowledge and Numbers" />
        </div>
    </div>
</div>

{{-- 6. CTA --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">6. CTA final</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Small heading</label>
            <input type="text" name="welcome[cta_small_heading]" class="form-control form-control-solid" value="{{ old('welcome.cta_small_heading', $siteData['welcome']['cta_small_heading'] ?? '') }}" placeholder="LOOKING FOR AFFORDABLE INSURANCE?" />
        </div>
        <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'] ?? '') }}" />
        </div>
        <div class="col-12">
            <label class="form-label">Descripción</label>
            <textarea name="welcome[cta_description]" class="form-control form-control-solid" rows="2">{{ old('welcome.cta_description', $siteData['welcome']['cta_description'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Botón CTA</label>
            <input type="text" name="welcome[cta_button]" class="form-control form-control-solid" value="{{ old('welcome.cta_button', $siteData['welcome']['cta_button'] ?? '') }}" placeholder="GET STARTED" />
        </div>
    </div>
</div>