{{-- Contact — campos comunes a todos los demos --}}
@php
    $hasDemoSpecificContact = view()->exists('admin.site-data.contact.' . get_theme_demo());
@endphp

{{-- Info alert — hospitality only --}}
@if($isHospitality)
<div class="alert alert-light-info d-flex align-items-center p-4 mb-6">
    <i class="ki-duotone ki-information-5 fs-2hx text-info me-3"><span class="path1"></span><span class="path2"></span></i>
    <span class="text-gray-700">These fields control the <strong>/contact</strong> page and the contact info shown in the header and footer.</span>
</div>
@endif

<h4 class="fw-bold text-gray-800 mb-4">{{ $isHospitality ? 'Contact Details' : 'Datos de contacto' }}</h4>
<p class="text-gray-600 fs-7 mb-4">{{ $isHospitality ? 'Phone, email, address and hours — shown in the header bar, contact page, and footer.' : 'Datos que aparecen en el header, contacto y pie de página.' }}</p>

<div class="row g-4 mb-6">
    <div class="col-12 col-md-6">
        <label class="form-label">{{ $isHospitality ? 'Phone' : 'Teléfono' }}</label>
        <input type="text" name="contact[phone]" class="form-control form-control-solid" placeholder="{{ $isHospitality ? '(305) 123-4567' : '(800) 123-4567' }}"
               value="{{ old('contact.phone', $siteData['contact']['phone'] ?? '') }}" />
        @if($isHospitality)<span class="form-text">Shown in header top bar, contact page, and footer.</span>@endif
    </div>
    <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" placeholder="{{ $isHospitality ? 'hello@yourbrand.com' : 'hola@tusitio.com' }}"
               value="{{ old('contact.email', $siteData['contact']['email'] ?? '') }}" />
    </div>
    <div class="col-12">
        <label class="form-label">{{ $isHospitality ? 'Address' : 'Dirección' }}</label>
        <input type="text" name="contact[address]" class="form-control form-control-solid" placeholder="{{ $isHospitality ? '643 NW 20th St, Miami, FL 33127' : 'Calle, número, ciudad' }}"
               value="{{ old('contact.address', $siteData['contact']['address'] ?? '') }}" />
        @if($isHospitality)<span class="form-text">Used for the Google Maps embed on the contact page and footer.</span>@endif
    </div>
    @if($isCorporate && !$hasDemoSpecificContact)
    <div class="col-12 col-md-6">
        <label class="form-label">City</label>
        <input type="text" name="contact[city]" class="form-control form-control-solid" placeholder="Los Angeles, CA"
               value="{{ old('contact.city', $siteData['contact']['city'] ?? '') }}" />
    </div>
    <div class="col-12 col-md-6">
        <label class="form-label">Map URL (Get Directions link)</label>
        <input type="text" name="contact[map_url]" class="form-control form-control-solid" placeholder="https://maps.google.com/..."
               value="{{ old('contact.map_url', $siteData['contact']['map_url'] ?? '') }}" />
    </div>
    <div class="col-12">
        <label class="form-label">Secondary Office Address (optional)</label>
        <input type="text" name="contact[secondary_address]" class="form-control form-control-solid" placeholder="Leave empty if only one office"
               value="{{ old('contact.secondary_address', $siteData['contact']['secondary_address'] ?? '') }}" />
        <span class="form-text">If filled, a second office card will appear.</span>
    </div>
    @if(!empty($siteData['contact']['secondary_address']))
    <div class="col-12 col-md-6">
        <label class="form-label">Secondary City</label>
        <input type="text" name="contact[secondary_city]" class="form-control form-control-solid"
               value="{{ old('contact.secondary_city', $siteData['contact']['secondary_city'] ?? '') }}" />
    </div>
    @endif
    <div class="col-12 col-md-3">
        <label class="form-label">Latitude</label>
        <input type="text" name="contact[latitude]" class="form-control form-control-solid" placeholder="40.7128"
               value="{{ old('contact.latitude', $siteData['contact']['latitude'] ?? '') }}" />
    </div>
    <div class="col-12 col-md-3">
        <label class="form-label">Longitude</label>
        <input type="text" name="contact[longitude]" class="form-control form-control-solid" placeholder="-74.0060"
               value="{{ old('contact.longitude', $siteData['contact']['longitude'] ?? '') }}" />
    </div>
    @elseif(!$isCorporate)
    <div class="col-12 col-md-6">
        <label class="form-label">{{ $isHospitality ? 'Business Hours' : 'Horarios' }}</label>
        <input type="text" name="contact[hours]" class="form-control form-control-solid" placeholder="{{ $isHospitality ? 'Mon - Sat 11am - 9pm' : 'Lun - Vie 9:00 - 18:00' }}"
               value="{{ old('contact.hours', $siteData['contact']['hours'] ?? '') }}" />
        @if($isHospitality)<span class="form-text">Shown in the header top bar.</span>@endif
    </div>
    @endif
</div>

@if(!$hasDemoSpecificContact)
<div class="separator separator-dashed my-6"></div>

<h4 class="fw-bold text-gray-800 mb-1">{{ $isHospitality ? 'Contact Page Content' : 'Página de contacto' }}</h4>
<p class="text-gray-600 fs-7 mb-4">{{ $isHospitality ? 'The text content on the /contact page — header title, heading, subtitle, and description.' : 'Textos que aparecen en la página de contacto del sitio.' }}</p>
<div class="row g-4 mb-6">
    @if(!$isHospitality)
    <div class="col-12 col-md-4">
        <label class="form-label">Badge</label>
        <input type="text" name="contact[page_badge]" class="form-control form-control-solid" placeholder="PÓNGASE EN CONTACTO"
               value="{{ old('contact.page_badge', $siteData['contact']['page_badge'] ?? '') }}" />
        <span class="form-text">Texto pequeño encima del título.</span>
    </div>
    @endif
    <div class="col-12 col-md-{{ $isHospitality ? '6' : '8' }}">
        <label class="form-label">{{ $isHospitality ? 'Page Title (H1 in header)' : 'Título de página' }}</label>
        <input type="text" name="contact[page_title]" class="form-control form-control-solid" placeholder="{{ $isHospitality ? 'Contact' : 'Contáctenos' }}"
               value="{{ old('contact.page_title', $siteData['contact']['page_title'] ?? '') }}" />
        @if($isHospitality)<span class="form-text">The large title in the parallax header.</span>@endif
    </div>
    @if($isHospitality)
    <div class="col-12 col-md-6">
        <label class="form-label">Section Heading</label>
        <input type="text" name="contact[page_heading]" class="form-control form-control-solid" placeholder="A Great Place to Eat!"
               value="{{ old('contact.page_heading', $siteData['contact']['page_heading'] ?? '') }}" />
        <span class="form-text">The heading below the map section.</span>
    </div>
    @endif
    <div class="col-12">
        <label class="form-label">{{ $isHospitality ? 'Subtitle' : 'Subtítulo / Descripción' }}</label>
        <textarea name="contact[page_subtitle]" class="form-control form-control-solid" rows="2" placeholder="{{ $isHospitality ? 'We\'re here to help with any question.' : 'Consúltenos sin compromiso...' }}">{{ old('contact.page_subtitle', $siteData['contact']['page_subtitle'] ?? '') }}</textarea>
    </div>
    <div class="col-12">
        <label class="form-label">{{ $isHospitality ? 'Card description' : 'Texto tarjeta de contacto' }}</label>
        <input type="text" name="contact[card_subtitle]" class="form-control form-control-solid" placeholder="{{ $isHospitality ? 'Visit us, write to us, or call during business hours.' : 'Escríbanos o llámenos. Estamos para ayudarlo.' }}"
               value="{{ old('contact.card_subtitle', $siteData['contact']['card_subtitle'] ?? '') }}" />
        <span class="form-text">{{ $isHospitality ? 'Short text on the contact info card.' : 'Texto introductorio en la tarjeta de datos de contacto.' }}</span>
    </div>
</div>
@endif