{{-- Contact fields for demo-business-consulting — 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 Contact</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Título de página</label>
            <input type="text" name="contact[page_title]" class="form-control form-control-solid" value="{{ old('contact.page_title', $siteData['contact']['page_title'] ?? '') }}" placeholder="Contact" />
        </div>
        <div class="col-12">
            <label class="form-label">Hero heading (HTML permitido)</label>
            <textarea name="contact[hero_heading]" class="form-control form-control-solid" rows="2">{{ old('contact.hero_heading', $siteData['contact']['hero_heading'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Hero subtítulo</label>
            <textarea name="contact[hero_subtitle]" class="form-control form-control-solid" rows="2">{{ old('contact.hero_subtitle', $siteData['contact']['hero_subtitle'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- 2. FORM --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">2. Formulario</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Heading</label>
            <input type="text" name="contact[form_heading]" class="form-control form-control-solid" value="{{ old('contact.form_heading', $siteData['contact']['form_heading'] ?? '') }}" placeholder="Send us a message" />
        </div>
        <div class="col-12">
            <label class="form-label">Subtítulo</label>
            <textarea name="contact[form_subtitle]" class="form-control form-control-solid" rows="2">{{ old('contact.form_subtitle', $siteData['contact']['form_subtitle'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- 3. CONTACT INFO --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Info de Contacto</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="contact[info_badge]" class="form-control form-control-solid" value="{{ old('contact.info_badge', $siteData['contact']['info_badge'] ?? '') }}" placeholder="Information" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Heading</label>
            <input type="text" name="contact[info_heading]" class="form-control form-control-solid" value="{{ old('contact.info_heading', $siteData['contact']['info_heading'] ?? '') }}" placeholder="Direct Contact" />
        </div>
        <div class="col-12">
            <label class="form-label">Texto descriptivo</label>
            <textarea name="contact[info_text]" class="form-control form-control-solid" rows="2">{{ old('contact.info_text', $siteData['contact']['info_text'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- 4. DATOS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">4. Datos de Contacto</h4>
    <p class="text-gray-600 fs-7 mb-4">Teléfono, email y dirección se toman de Datos Generales (tab "La Marca").</p>
</div>

{{-- 5. BADGE --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">5. Badge destacado (opcional)</h4>
    <p class="text-gray-600 fs-7 mb-4">Caja con borde verde para un diferencial o certificación.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Título del badge</label>
            <input type="text" name="contact[badge_title]" class="form-control form-control-solid" value="{{ old('contact.badge_title', $siteData['contact']['badge_title'] ?? '') }}" placeholder="" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Texto del badge</label>
            <textarea name="contact[badge_text]" class="form-control form-control-solid" rows="2">{{ old('contact.badge_text', $siteData['contact']['badge_text'] ?? '') }}</textarea>
        </div>
    </div>
</div>