{{-- ═══ Architecture-2 (Art & Design) contact fields ═══ --}}
{{-- phone, email, address vienen de _common --}}

{{-- 1. Encabezado de página --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">1. Encabezado de la página</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Texto stroke (fondo)</label>
            <input type="text" name="contact[stroke_text]" class="form-control form-control-solid" value="{{ old('contact.stroke_text', $siteData['contact']['stroke_text'] ?? '') }}" placeholder="CONTACTO" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Label / Eyebrow</label>
            <input type="text" name="contact[page_label]" class="form-control form-control-solid" value="{{ old('contact.page_label', $siteData['contact']['page_label'] ?? '') }}" placeholder="ESCRIBINOS" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Título</label>
            <input type="text" name="contact[page_title]" class="form-control form-control-solid" value="{{ old('contact.page_title', $siteData['contact']['page_title'] ?? '') }}" placeholder="Iniciá tu proyecto" />
        </div>
        <div class="col-12">
            <label class="form-label">Subtítulo</label>
            <textarea name="contact[page_subtitle]" class="form-control form-control-solid" rows="2" placeholder="Hablemos de tu próximo proyecto.">{{ old('contact.page_subtitle', $siteData['contact']['page_subtitle'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- 2. Textos introductorios --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">2. Textos introductorios</h4>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Texto introductorio 1</label>
            <textarea name="contact[intro_text]" class="form-control form-control-solid" rows="2">{{ old('contact.intro_text', $siteData['contact']['intro_text'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Texto introductorio 2</label>
            <textarea name="contact[intro_text_2]" class="form-control form-control-solid" rows="2">{{ old('contact.intro_text_2', $siteData['contact']['intro_text_2'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- 3. Datos de contacto detallados --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Datos de contacto extra</h4>
    <p class="text-gray-600 fs-7 mb-4">Phone formato tel:, secundario, ciudad y horarios. (phone, email, address están en 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">Teléfono principal (formato tel:)</label>
            <input type="text" name="contact[phone_number]" class="form-control form-control-solid" value="{{ old('contact.phone_number', $siteData['contact']['phone_number'] ?? '') }}" placeholder="+541140000000" />
            <span class="form-text">Sin espacios ni guiones — para "click to call".</span>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Teléfono secundario (visual)</label>
            <input type="text" name="contact[phone_2]" class="form-control form-control-solid" value="{{ old('contact.phone_2', $siteData['contact']['phone_2'] ?? '') }}" placeholder="+54 11 4001-1111" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Teléfono secundario (formato tel:)</label>
            <input type="text" name="contact[phone_number_2]" class="form-control form-control-solid" value="{{ old('contact.phone_number_2', $siteData['contact']['phone_number_2'] ?? '') }}" placeholder="+541140011111" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Ciudad / Provincia</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">
            <label class="form-label">Horarios de atención</label>
            <input type="text" name="contact[schedule]" class="form-control form-control-solid" value="{{ old('contact.schedule', $siteData['contact']['schedule'] ?? '') }}" placeholder="Lunes a Viernes 9:00 a 18:00" />
        </div>
    </div>
</div>

{{-- 4. Mapa --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">4. Mapa de Google</h4>
    <p class="text-gray-600 fs-7 mb-4">Coordenadas y configuración del embed de Google Maps.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-3">
            <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-3">
            <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" />
        </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=..." />
        </div>
        <div class="col-12">
            <label class="form-label">Google Maps API Key</label>
            <input type="text" name="contact[google_maps_api_key]" class="form-control form-control-solid" value="{{ old('contact.google_maps_api_key', $siteData['contact']['google_maps_api_key'] ?? '') }}" placeholder="AIzaSy..." />
            <span class="form-text">Si está vacío, el mapa no carga (se muestra fallback con dirección).</span>
        </div>
        <div class="col-12">
            <label class="form-label">Google Maps ID</label>
            <input type="text" name="contact[google_maps_id]" class="form-control form-control-solid" value="{{ old('contact.google_maps_id', $siteData['contact']['google_maps_id'] ?? 'DEMO_MAP_ID') }}" />
        </div>
    </div>
</div>