{{-- ═══ Creative Portfolio (demo-creative-portfolio) contact fields ═══ --}}
{{-- email, phone, address vienen de _common --}}

{{-- 1. PAGE HERO --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">1. Encabezado de página /contact</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Eyebrow</label>
            <input type="text" name="contact[page_eyebrow]" class="form-control form-control-solid" value="{{ old('contact.page_eyebrow', $siteData['contact']['page_eyebrow'] ?? '') }}" placeholder="Hablemos">
        </div>
        <div class="col-12 col-md-8">
            <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="Contame qué tenés en mente">
        </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">{{ old('contact.page_subtitle', $siteData['contact']['page_subtitle'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Meta description (SEO)</label>
            <textarea name="contact[meta_description]" class="form-control form-control-solid" rows="2">{{ old('contact.meta_description', $siteData['contact']['meta_description'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- 2. INFO ADICIONAL --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">2. Datos adicionales</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Pill 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="Tomando proyectos · Q3 2026">
            <span class="form-text">Pill verde con punto animado en el hero del contacto.</span>
        </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="Respuesta en menos de 24hs">
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Horarios</label>
            <input type="text" name="contact[schedule]" class="form-control form-control-solid" value="{{ old('contact.schedule', $siteData['contact']['schedule'] ?? '') }}" placeholder="Lun a Vie · 10 a 19hs (GMT-3)">
        </div>
    </div>
</div>

{{-- 3. FORMULARIO --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Texto del formulario</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Título form</label>
            <input type="text" name="contact[form_heading]" class="form-control form-control-solid" value="{{ old('contact.form_heading', $siteData['contact']['form_heading'] ?? '') }}" placeholder="Brief rápido">
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Subtexto form</label>
            <input type="text" name="contact[form_subtext]" class="form-control form-control-solid" value="{{ old('contact.form_subtext', $siteData['contact']['form_subtext'] ?? '') }}">
        </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'] ?? '') }}">
        </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'] ?? '') }}">
        </div>
    </div>
</div>

{{-- 4. REDES SOCIALES (link directo, no necesita ser igual a site.social_media) --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">4. Redes sociales (URLs en página de contacto)</h4>
    <p class="text-gray-600 fs-7 mb-4">URLs para los íconos de redes en la columna de contacto. Dejá vacíos los que no uses.</p>
    <div class="row g-4 mb-6">
        @foreach(['instagram','twitter','tiktok','youtube','discord','behance','vimeo'] as $net)
            <div class="col-12 col-md-6">
                <label class="form-label">{{ ucfirst($net) }} URL</label>
                <input type="url" name="contact[{{ $net }}_url]" class="form-control form-control-solid" value="{{ old('contact.'.$net.'_url', $siteData['contact'][$net.'_url'] ?? '') }}" placeholder="https://{{ $net }}.com/usuario">
            </div>
        @endforeach
    </div>
</div>