{{-- ═══ Law Firm contact fields ═══ --}}

<div class="separator separator-dashed my-6"></div>
<h4 class="fw-bold text-gray-800 mb-1">Contact — Labels y secciones</h4>
<p class="text-gray-600 fs-7 mb-4">Labels de teléfonos, título del form y FAQ en la página de contacto.</p>
<div class="row g-4 mb-6">
    <div class="col-12 col-md-3">
        <label class="form-label">Label teléfono 1</label>
        <input type="text" name="contact[phone_label]" class="form-control form-control-solid" value="{{ old('contact.phone_label', $siteData['contact']['phone_label'] ?? '') }}" placeholder="Work Inquiries" />
    </div>
    <div class="col-12 col-md-3">
        <label class="form-label">Teléfono 2</label>
        <input type="text" name="contact[phone_2]" class="form-control form-control-solid" value="{{ old('contact.phone_2', $siteData['contact']['phone_2'] ?? '') }}" />
    </div>
    <div class="col-12 col-md-3">
        <label class="form-label">Label teléfono 2</label>
        <input type="text" name="contact[phone_2_label]" class="form-control form-control-solid" value="{{ old('contact.phone_2_label', $siteData['contact']['phone_2_label'] ?? '') }}" placeholder="Careers & Press" />
    </div>
    <div class="col-12 col-md-3">
        <label class="form-label">Horario</label>
        <input type="text" name="contact[schedule]" class="form-control form-control-solid" value="{{ old('contact.schedule', $siteData['contact']['schedule'] ?? '') }}" placeholder="Mon - Fri 9:00am - 6:00pm" />
    </div>
    <div class="col-12 col-md-6">
        <label class="form-label">Título formulario</label>
        <input type="text" name="contact[form_title]" class="form-control form-control-solid" value="{{ old('contact.form_title', $siteData['contact']['form_title'] ?? '') }}" placeholder="Request Consultation" />
    </div>
    <div class="col-12 col-md-6">
        <label class="form-label">Título FAQ (contacto)</label>
        <input type="text" name="contact[faq_title]" class="form-control form-control-solid" value="{{ old('contact.faq_title', $siteData['contact']['faq_title'] ?? '') }}" placeholder="Preguntas Frecuentes" />
    </div>
    <div class="col-12">
        <label class="form-label d-block">Imagen de cabecera de la página de Contacto</label>
        @php
            $adminContactHeaderBg = null;
            $contactHeaderBgConfig = $siteData['contact']['header_bg_image'] ?? null;
            if (!empty($contactHeaderBgConfig)) {
                $adminContactHeaderBg = filter_var($contactHeaderBgConfig, FILTER_VALIDATE_URL) ? $contactHeaderBgConfig : asset($contactHeaderBgConfig);
            } else {
                $adminContactHeaderBg = asset('cd-project/img/demos/law-firm-2/backgrounds/background-5.jpg');
            }
        @endphp
        <div class="mb-3">
            <img src="{{ $adminContactHeaderBg }}" class="img-thumbnail" style="max-height: 140px; max-width: 250px; object-fit: cover;" />
            <span class="d-block text-muted fs-8 mt-1">Imagen actualmente en uso en la web</span>
        </div>
        <input type="file" name="contact_header_bg_image_file" class="form-control form-control-solid" accept="image/*" />
        <span class="form-text">Imagen de fondo (recomendado: 1920x1080) para la cabecera de la página de contacto.</span>
    </div>
</div>

<div class="separator separator-dashed my-6"></div>
<h4 class="fw-bold text-gray-800 mb-1">SEO y Mapa</h4>
<p class="text-gray-600 fs-7 mb-4">Meta description, keywords y opcional embed de Google Maps (si preferís en vez de latitud/longitud).</p>
<div class="row g-4 mb-6">
    <div class="col-12">
        <label class="form-label">Meta description</label>
        <textarea name="contact[meta_description]" class="form-control form-control-solid" rows="2" placeholder="Contactá nuestro estudio jurídico para una consulta profesional.">{{ old('contact.meta_description', $siteData['contact']['meta_description'] ?? '') }}</textarea>
        <span class="form-text">Aparece en los resultados de Google y al compartir en redes.</span>
    </div>
    <div class="col-12">
        <label class="form-label">Meta keywords</label>
        <input type="text" name="contact[meta_keywords]" class="form-control form-control-solid" value="{{ old('contact.meta_keywords', $siteData['contact']['meta_keywords'] ?? '') }}" placeholder="estudio jurídico, abogados, consulta legal" />
        <span class="form-text">Palabras clave separadas por comas (uso SEO).</span>
    </div>
    <div class="col-12">
        <label class="form-label">Google Maps embed (opcional)</label>
        <input type="text" name="contact[google_maps_embed]" class="form-control form-control-solid" value="{{ old('contact.google_maps_embed', $siteData['contact']['google_maps_embed'] ?? '') }}" placeholder="https://www.google.com/maps/embed?pb=..." />
        <span class="form-text">URL de embed de Google Maps. Si está vacío se usan las coordenadas latitud/longitud de arriba.</span>
    </div>
</div>