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

@if(!$hasDemoSpecificAbout)
{{-- Info alert per type --}}
@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>/about</strong> page (Our Story).</span>
</div>
@elseif($isCorporate)
<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>/about</strong> page — intro text, mission section, counters, culture & values.</span>
</div>
@endif

{{-- Page Header — all types --}}
<h4 class="fw-bold text-gray-800 mb-1">{{ $isCorporate ? 'Page Header' : ($isHospitality ? 'Page Header' : 'Encabezado de página') }}</h4>
<p class="text-gray-600 fs-7 mb-4">{{ $isCorporate ? 'The gradient header with title and breadcrumb.' : ($isHospitality ? 'The hero section at the top of the page with parallax background.' : 'La sección hero del encabezado de la página.') }}</p>
<div class="row g-4 mb-6">
    @if(!$isCorporate)
    <div class="col-12 col-md-4">
        <label class="form-label">Badge</label>
        <input type="text" name="about[badge]" class="form-control form-control-solid" value="{{ old('about.badge', $siteData['about']['badge'] ?? '') }}" placeholder="{{ $isPersonal ? 'SOBRE MÍ' : ($isHospitality ? 'WHO WE ARE' : 'QUIÉNES SOMOS') }}" />
        <span class="form-text">{{ $isHospitality ? 'Small text above the section heading.' : 'Texto pequeño encima del título.' }}</span>
    </div>
    @endif
    <div class="col-12 col-md-{{ $isCorporate ? '6' : '8' }}">
        <label class="form-label">{{ $isCorporate ? 'Page Title' : ($isHospitality ? 'Page Title (H1 in header)' : 'Título principal') }}</label>
        <input type="text" name="about[{{ $isCorporate ? 'page_title' : 'main_title' }}]" class="form-control form-control-solid" value="{{ old($isCorporate ? 'about.page_title' : 'about.main_title', $siteData['about'][$isCorporate ? 'page_title' : 'main_title'] ?? '') }}" placeholder="{{ $isCorporate ? 'Who We Are' : ($isHospitality ? 'The Evolution of Homemade.' : 'La Empresa') }}" />
    </div>
    @if($isHospitality)
    <div class="col-12 col-md-6">
        <label class="form-label">Tagline (H2 below title)</label>
        <input type="text" name="about[page_tagline]" class="form-control form-control-solid" value="{{ old('about.page_tagline', $siteData['about']['page_tagline'] ?? '') }}" placeholder="Beyond the bite." />
    </div>
    @endif
</div>
@endif {{-- hasDemoSpecificAbout --}}

{{-- Non-corporate: Main content + Descriptions --}}
@if(!$isCorporate)
<div class="separator separator-dashed my-6"></div>

<h4 class="fw-bold text-gray-800 mb-1">{{ $isHospitality ? 'Main Content Section' : 'Contenido principal' }}</h4>
<p class="text-gray-600 fs-7 mb-4">{{ get_demo_type() === 'hospitality' ? 'The "Who We Are" section below the header with heading, paragraphs and gallery.' : 'La sección principal con texto descriptivo.' }}</p>
<div class="row g-4 mb-6">
    @if(get_demo_type() === 'hospitality')
    <div class="col-12">
        <label class="form-label">Section Heading</label>
        <input type="text" name="about[section_heading]" class="form-control form-control-solid" value="{{ old('about.section_heading', $siteData['about']['section_heading'] ?? $siteData['about']['main_subtitle'] ?? '') }}" placeholder="From Tucumán to Miami." />
        <span class="form-text">The heading of the main text section (e.g. "From Tucumán to Miami.").</span>
    </div>
    @else
    <div class="col-12">
        <label class="form-label">Subtítulo / Descripción corta</label>
        <textarea name="about[main_subtitle]" class="form-control form-control-solid" rows="3">{{ old('about.main_subtitle', $siteData['about']['main_subtitle'] ?? '') }}</textarea>
    </div>
    @endif
</div>

<div class="separator separator-dashed my-6"></div>

<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">{{ get_demo_type() === 'hospitality' ? 'Text Paragraphs' : 'Descripciones' }}</h4>
    <p class="text-gray-600 fs-7 mb-4">{{ get_demo_type() === 'hospitality' ? 'The paragraphs that appear below the section heading.' : 'Los párrafos de texto de la página.' }}</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">{{ get_demo_type() === 'hospitality' ? 'First paragraph' : 'Primer párrafo' }}</label>
            <textarea name="about[description_1]" class="form-control form-control-solid" rows="4">{{ old('about.description_1', $siteData['about']['description_1'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">{{ get_demo_type() === 'hospitality' ? 'Second paragraph' : 'Segundo párrafo' }}</label>
            <textarea name="about[description_2]" class="form-control form-control-solid" rows="4">{{ old('about.description_2', $siteData['about']['description_2'] ?? '') }}</textarea>
        </div>
    </div>
</div>
@endif