{{-- Contact fields for demo-digital-agency-2 — order matches visual flow --}}

{{-- 1. CONTACT INFO --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">1. Datos de Contacto</h4>
    <p class="text-gray-600 fs-7 mb-4">Información mostrada en el sidebar de la página de contacto.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Email</label>
            <input type="email" name="contact[email]" class="form-control form-control-solid" value="{{ old('contact.email', $siteData['contact']['email'] ?? '') }}" placeholder="contact@domain.com" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Teléfono</label>
            <input type="text" name="contact[phone]" class="form-control form-control-solid" value="{{ old('contact.phone', $siteData['contact']['phone'] ?? '') }}" placeholder="(800) 123-4567" />
        </div>
    </div>
</div>

{{-- 2. ADDRESS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">2. Dirección</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-8">
            <label class="form-label">Dirección (línea 1)</label>
            <input type="text" name="contact[address][line1]" class="form-control form-control-solid" value="{{ old('contact.address.line1', $siteData['contact']['address']['line1'] ?? '') }}" placeholder="123 Main Street" />
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Ciudad</label>
            <input type="text" name="contact[address][city]" class="form-control form-control-solid" value="{{ old('contact.address.city', $siteData['contact']['address']['city'] ?? '') }}" placeholder="Buenos Aires" />
        </div>
    </div>
</div>

{{-- 3. HOURS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Horarios</h4>
    <p class="text-gray-600 fs-7 mb-4">Horarios de atención. Uno por línea.</p>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Horarios (uno por línea)</label>
            @php
                $hours = $siteData['contact']['hours'] ?? [];
                if (is_array($hours)) { $hoursText = implode("\n", $hours); }
                else { $hoursText = $hours; }
            @endphp
            <textarea name="contact[hours_text]" class="form-control form-control-solid" rows="3" placeholder="Lunes a Viernes - 9:00 a 18:00 hs">{{ old('contact.hours_text', $hoursText) }}</textarea>
            <span class="form-text">Cada línea se muestra como un item separado.</span>
        </div>
    </div>
</div>