{{-- Contact — default fields for demos without a specific partial --}}

{{-- CTA section — not for hospitality or lawfirm --}}
@if(!$isHospitality && !demo_has_feature('lawfirm_welcome'))
<div class="separator separator-dashed my-6"></div>
<h4 class="fw-bold text-gray-800 mb-1">Sección CTA (pie de contacto)</h4>
<p class="text-gray-600 fs-7 mb-4">El bloque de llamado a la acción al final de la página de contacto.</p>
<div class="row g-4 mb-6">
    <div class="col-12 col-md-4">
        <label class="form-label">Badge CTA</label>
        <input type="text" name="contact[cta_badge]" class="form-control form-control-solid" placeholder="NUESTRO COMPROMISO"
               value="{{ old('contact.cta_badge', $siteData['contact']['cta_badge'] ?? '') }}" />
    </div>
    <div class="col-12 col-md-8">
        <label class="form-label">Título CTA</label>
        <input type="text" name="contact[cta_title]" class="form-control form-control-solid" placeholder="Respuesta garantizada en menos de 24 horas"
               value="{{ old('contact.cta_title', $siteData['contact']['cta_title'] ?? '') }}" />
    </div>
    <div class="col-12">
        <label class="form-label">Subtítulo CTA</label>
        <textarea name="contact[cta_subtitle]" class="form-control form-control-solid" rows="2" placeholder="Cada consulta la atiende un asesor especializado...">{{ old('contact.cta_subtitle', $siteData['contact']['cta_subtitle'] ?? '') }}</textarea>
    </div>
</div>
@endif

{{-- Contact page images — corporate: office images (not for law-firm) --}}
@if($isCorporate && !demo_has_feature('lawfirm_welcome'))
<div class="separator separator-dashed my-6"></div>
<h4 class="fw-bold text-gray-800 mb-1">Office Photos</h4>
<p class="text-gray-600 fs-7 mb-4">Photos shown on the office location cards.</p>
<div class="row g-4 mb-6">
    @php
        $officeImages = [
            ['key' => 'office_image_1', 'label' => 'Office 1 photo', 'file' => 'contact_office_image_1_file', 'hint' => '600 x 400 px — landscape'],
            ['key' => 'office_image_2', 'label' => 'Office 2 photo', 'file' => 'contact_office_image_2_file', 'hint' => '600 x 400 px — landscape'],
        ];
    @endphp
    @foreach($officeImages as $oi)
        <div class="col-12 col-md-6">
            <label class="form-label">{{ $oi['label'] }}</label>
            @php
                $currentImg = $siteData['contact'][$oi['key']] ?? '';
                $imgUrl = $currentImg ? (filter_var($currentImg, FILTER_VALIDATE_URL) ? $currentImg : asset($currentImg)) : '';
            @endphp
            @if($imgUrl)
                <div class="mb-2 border rounded p-2 bg-white">
                    <img src="{{ $imgUrl }}" class="img-fluid rounded" style="max-height: 100px; width: 100%; object-fit: cover;" alt="{{ $oi['label'] }}" />
                </div>
            @endif
            <input type="hidden" name="contact[{{ $oi['key'] }}]" value="{{ $currentImg }}" />
            <input type="file" name="{{ $oi['file'] }}" class="form-control form-control-solid form-control-sm" accept="image/*" />
            <span class="form-text">{{ $oi['hint'] }}</span>
        </div>
    @endforeach
</div>
@endif