{{-- ═══ Personal Brand (demo-accounting-2) 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 de contacto</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="Contacto" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Meta description (SEO)</label>
            <input type="text" name="contact[meta_description]" class="form-control form-control-solid" value="{{ old('contact.meta_description', $siteData['contact']['meta_description'] ?? '') }}" placeholder="Escribime para consultas..." />
        </div>
        <div class="col-12">
            <label class="form-label">Subtítulo / introducción</label>
            <textarea name="contact[page_subtitle]" class="form-control form-control-solid" rows="2" placeholder="Siempre estoy abierto a conversaciones que sumen...">{{ old('contact.page_subtitle', $siteData['contact']['page_subtitle'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- 2. Datos de contacto extra --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">2. Datos extra de contacto</h4>
    <p class="text-gray-600 fs-7 mb-4">Phone formato tel:, ubicación y disponibilidad. (phone, email, address están en sección "Datos de contacto" más 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 (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 que el botón "click to call" funcione.</span>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Etiqueta de ubicación</label>
            <input type="text" name="contact[location_label]" class="form-control form-control-solid" value="{{ old('contact.location_label', $siteData['contact']['location_label'] ?? '') }}" placeholder="Ubicación" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Texto de disponibilidad</label>
            <input type="text" name="contact[availability_text]" class="form-control form-control-solid" value="{{ old('contact.availability_text', $siteData['contact']['availability_text'] ?? '') }}" placeholder="Trabajando como independiente" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Tiempo de respuesta</label>
            <input type="text" name="contact[response_time]" class="form-control form-control-solid" value="{{ old('contact.response_time', $siteData['contact']['response_time'] ?? '') }}" placeholder="Respondo en 24-48hs" />
        </div>
        <div class="col-12">
            <label class="form-label">Etiqueta sección redes sociales</label>
            <input type="text" name="contact[social_label]" class="form-control form-control-solid" value="{{ old('contact.social_label', $siteData['contact']['social_label'] ?? '') }}" placeholder="Redes" />
        </div>
    </div>
</div>

{{-- 3. Form labels --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Etiquetas del formulario</h4>
    <p class="text-gray-600 fs-7 mb-4">Textos del campo "empresa" y mensajes de feedback del form.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Etiqueta campo empresa</label>
            <input type="text" name="contact[company_label]" class="form-control form-control-solid" value="{{ old('contact.company_label', $siteData['contact']['company_label'] ?? '') }}" placeholder="Empresa (opcional)" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Placeholder campo empresa</label>
            <input type="text" name="contact[company_placeholder]" class="form-control form-control-solid" value="{{ old('contact.company_placeholder', $siteData['contact']['company_placeholder'] ?? '') }}" placeholder="Tu empresa" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Mensaje de éxito</label>
            <input type="text" name="contact[success_message]" class="form-control form-control-solid" value="{{ old('contact.success_message', $siteData['contact']['success_message'] ?? '') }}" placeholder="¡Listo! Tu mensaje fue enviado." />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Mensaje de error</label>
            <input type="text" name="contact[error_message]" class="form-control form-control-solid" value="{{ old('contact.error_message', $siteData['contact']['error_message'] ?? '') }}" placeholder="No se pudo enviar. Intentá de nuevo." />
        </div>
    </div>
</div>