{{-- ═══ Restaurant / Hospitality contact fields ═══ --}}

{{-- Contact page images — hospitality only --}}
<div class="separator separator-dashed my-6"></div>
<h4 class="fw-bold text-gray-800 mb-1">Section Photos</h4>
<p class="text-gray-600 fs-7 mb-4">The 3 photos next to the contact info card.</p>
<div class="row g-4 mb-6">
    @php
        $contactImages = [
            ['key' => 'image_1', 'label' => 'Main image (large left)', 'file' => 'contact_image_1_file', 'hint' => '782 x 966 px — portrait'],
            ['key' => 'image_2', 'label' => 'Top right image', 'file' => 'contact_image_2_file', 'hint' => '580 x 436 px — landscape'],
            ['key' => 'image_3', 'label' => 'Bottom right image', 'file' => 'contact_image_3_file', 'hint' => '582 x 490 px — landscape'],
        ];
    @endphp
    @foreach($contactImages as $ci)
        <div class="col-12 col-md-4">
            <label class="form-label">{{ $ci['label'] }}</label>
            @php
                $currentImg = $siteData['contact'][$ci['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: 120px; width: 100%; object-fit: cover;" alt="{{ $ci['label'] }}" />
                </div>
            @endif
            <input type="hidden" name="contact[{{ $ci['key'] }}]" value="{{ $currentImg }}" />
            <input type="file" name="{{ $ci['file'] }}" class="form-control form-control-solid form-control-sm" accept="image/*" />
            <span class="form-text">{{ $ci['hint'] }}</span>
        </div>
    @endforeach
</div>