{{-- ═══ Marketing-1 (Corporative) contact fields ═══ --}}
{{-- phone, email, address vienen de _common --}}

{{-- Encabezado de la sección de contacto --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Encabezado de la página de contacto</h4>
    <p class="text-gray-600 fs-7 mb-4">Badge, título y descripción que aparecen al inicio de la página de contacto.</p>
    <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[page_badge]" class="form-control form-control-solid" value="{{ old('contact.page_badge', $siteData['contact']['page_badge'] ?? '') }}" placeholder="Hablemos" />
            <span class="form-text">Píldora pequeña sobre el título.</span>
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Título / Heading</label>
            <input type="text" name="contact[page_heading]" class="form-control form-control-solid" value="{{ old('contact.page_heading', $siteData['contact']['page_heading'] ?? '') }}" placeholder="¿Listos para potenciar tu marca? Conversemos." />
        </div>
        <div class="col-12">
            <label class="form-label">Descripción / Subtítulo</label>
            <textarea name="contact[page_subtitle]" class="form-control form-control-solid" rows="3" placeholder="Estamos para ayudarte. Ya sea para iniciar un nuevo proyecto, repensar tu estrategia de marca o consultarnos sobre nuestros servicios, nuestro equipo está disponible para escucharte.">{{ old('contact.page_subtitle', $siteData['contact']['page_subtitle'] ?? '') }}</textarea>
            <span class="form-text">Texto introductorio debajo del heading.</span>
        </div>
    </div>
</div>

{{-- Oficina principal --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Oficina principal</h4>
    <p class="text-gray-600 fs-7 mb-4">Dirección completa, ciudad y datos del mapa de la oficina principal. (Phone, email y address están en la sección "Datos de contacto" arriba — vienen de <code>_common</code>.)</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Ciudad</label>
            <input type="text" name="contact[city]" class="form-control form-control-solid" value="{{ old('contact.city', $siteData['contact']['city'] ?? '') }}" placeholder="Buenos Aires, Argentina" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Map URL (Get Directions link)</label>
            <input type="text" name="contact[map_url]" class="form-control form-control-solid" value="{{ old('contact.map_url', $siteData['contact']['map_url'] ?? '') }}" placeholder="https://maps.google.com/?q=..." />
            <span class="form-text">Link al mapa para abrir en una pestaña nueva.</span>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Latitud</label>
            <input type="text" name="contact[latitude]" class="form-control form-control-solid" value="{{ old('contact.latitude', $siteData['contact']['latitude'] ?? '') }}" placeholder="-34.6037" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Longitud</label>
            <input type="text" name="contact[longitude]" class="form-control form-control-solid" value="{{ old('contact.longitude', $siteData['contact']['longitude'] ?? '') }}" placeholder="-58.3816" />
            <span class="form-text">Si latitud o longitud están vacías, el mapa no se renderiza.</span>
        </div>
        <div class="col-12">
            <label class="form-label">Imagen de la oficina principal</label>
            <input type="text" name="contact[office_image_1]" class="form-control form-control-solid" value="{{ old('contact.office_image_1', $siteData['contact']['office_image_1'] ?? '') }}" placeholder="cd-project/img/demos/marketing-1/generic/generic-9.jpg" />
            <span class="form-text">Path o URL absoluta. Se muestra como imagen destacada de la oficina.</span>
        </div>
    </div>
</div>

{{-- Oficina secundaria (opcional) --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Oficina secundaria (opcional)</h4>
    <p class="text-gray-600 fs-7 mb-4">Dejá vacío si solo tenés una oficina. Si completás los datos, aparecerá una segunda card en la página de contacto.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Teléfono secundario</label>
            <input type="text" name="contact[secondary_phone]" class="form-control form-control-solid" value="{{ old('contact.secondary_phone', $siteData['contact']['secondary_phone'] ?? '') }}" placeholder="+54 351 4000-000" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Email secundario</label>
            <input type="email" name="contact[secondary_email]" class="form-control form-control-solid" value="{{ old('contact.secondary_email', $siteData['contact']['secondary_email'] ?? '') }}" placeholder="cordoba@empresa.com" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Dirección secundaria</label>
            <input type="text" name="contact[secondary_address]" class="form-control form-control-solid" value="{{ old('contact.secondary_address', $siteData['contact']['secondary_address'] ?? '') }}" placeholder="Calle Secundaria 567, Piso 3" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Ciudad secundaria</label>
            <input type="text" name="contact[secondary_city]" class="form-control form-control-solid" value="{{ old('contact.secondary_city', $siteData['contact']['secondary_city'] ?? '') }}" placeholder="Córdoba, Argentina" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Map URL secundaria</label>
            <input type="text" name="contact[secondary_map_url]" class="form-control form-control-solid" value="{{ old('contact.secondary_map_url', $siteData['contact']['secondary_map_url'] ?? '') }}" placeholder="https://maps.google.com/?q=..." />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Imagen oficina secundaria</label>
            <input type="text" name="contact[office_image_2]" class="form-control form-control-solid" value="{{ old('contact.office_image_2', $siteData['contact']['office_image_2'] ?? '') }}" placeholder="cd-project/img/demos/marketing-1/generic/generic-10.jpg" />
        </div>
    </div>
</div>