{{-- Contact fields for demo-real-estate — order matches visual flow --}}

{{-- 1. CONTACT INFO --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">1. Datos de contacto</h4>
    <p class="text-gray-600 fs-7 mb-4">Teléfono, email y dirección se configuran en el tab "La Marca".</p>
</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-md-6">
            <label class="form-label">Subtítulo formulario</label>
            <input type="text" name="contact[form_subtitle]" class="form-control form-control-solid" value="{{ old('contact.form_subtitle', $siteData['contact']['form_subtitle'] ?? '') }}" placeholder="Encontrá tu próximo hogar o inversión." />
        </div>
        <div class="col-md-6">
            <label class="form-label">Descripción formulario</label>
            <input type="text" name="contact[form_description]" class="form-control form-control-solid" value="{{ old('contact.form_description', $siteData['contact']['form_description'] ?? '') }}" placeholder="Completa el formulario y te contactaremos a la brevedad." />
        </div>
    </div>
</div>

{{-- 3. GOOGLE MAPS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Google Maps</h4>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">URL de embed de Google Maps</label>
            <input type="text" name="contact[map_embed]" class="form-control form-control-solid" value="{{ old('contact.map_embed', $siteData['contact']['map_embed'] ?? '') }}" placeholder="https://www.google.com/maps/embed?pb=..." />
            <span class="form-text">Pegá la URL de embed de Google Maps. Para obtenerla: Google Maps → Compartir → Incorporar un mapa → copiar solo la URL del src.</span>
        </div>
    </div>
</div>

{{-- 4. CTA --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">4. CTA</h4>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Subtítulo page header</label>
            <input type="text" name="contact[page_subtitle]" class="form-control form-control-solid" value="{{ old('contact.page_subtitle', $siteData['contact']['page_subtitle'] ?? '') }}" placeholder="Encontrá tu próximo hogar o inversión" />
        </div>
    </div>
</div>