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

{{-- Pilares/Valores — solo para demos personal --}}
@if(get_demo_type() === 'personal')
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Pilares / Valores</h4>
    <p class="text-gray-600 fs-7 mb-4">Los 3 pilares que definen tu marca. Aparecen como tarjetas en la página de Nosotros.</p>
    @for($i = 1; $i <= 3; $i++)
    <div class="row g-4 mb-4">
        <div class="col-12 col-md-4">
            <label class="form-label">Pilar {{ $i }} — Título</label>
            <input type="text" name="about[value_{{ $i }}_title]" class="form-control form-control-solid" value="{{ old("about.value_{$i}_title", $siteData['about']["value_{$i}_title"] ?? '') }}" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Pilar {{ $i }} — Descripción</label>
            <textarea name="about[value_{{ $i }}_description]" class="form-control form-control-solid" rows="2">{{ old("about.value_{$i}_description", $siteData['about']["value_{$i}_description"] ?? '') }}</textarea>
        </div>
    </div>
    @endfor
</div>
@endif

{{-- Team & Testimonials — para demos que los usan (NOT hospitality) --}}
@if(demo_has_feature(['team', 'testimonials']) && !$isHospitality)
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Sección Equipo</h4>
    <p class="text-gray-600 fs-7 mb-4">Textos que aparecen encima del equipo en la página Empresa.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Badge</label>
            <input type="text" name="about[team_badge]" class="form-control form-control-solid" value="{{ old('about.team_badge', $siteData['about']['team_badge'] ?? '') }}" placeholder="NUESTRO EQUIPO" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Título</label>
            <input type="text" name="about[team_title]" class="form-control form-control-solid" value="{{ old('about.team_title', $siteData['about']['team_title'] ?? '') }}" placeholder="Equipo {{ $siteData['name'] ?? '' }}" />
        </div>
    </div>
</div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Sección Testimonios</h4>
    <p class="text-gray-600 fs-7 mb-4">Textos que aparecen encima de los testimonios en la página Empresa.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Badge</label>
            <input type="text" name="about[testimonials_badge]" class="form-control form-control-solid" value="{{ old('about.testimonials_badge', $siteData['about']['testimonials_badge'] ?? '') }}" placeholder="LO QUE DICEN" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Título</label>
            <input type="text" name="about[testimonials_title]" class="form-control form-control-solid" value="{{ old('about.testimonials_title', $siteData['about']['testimonials_title'] ?? '') }}" placeholder="Opiniones de clientes" />
        </div>
    </div>
</div>
@endif

{{-- Counters / Estadísticas — para demos que los usan --}}
@if(demo_has_feature('counters') && !demo_has_feature('lawfirm_welcome'))
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">{{ $isCorporate ? 'Impact Counters' : 'Estadísticas / Contadores' }}</h4>
    <p class="text-gray-600 fs-7 mb-4">{{ $isCorporate ? 'Animated counters on the about page dark section.' : 'Números que aparecen en la página de empresa (ej: "35+ proyectos").' }}</p>
    @if($isCorporate)
    <div class="row g-4 mb-4">
        <div class="col-12 col-md-4">
            <label class="form-label">Counters Badge</label>
            <input type="text" name="about[counters_badge]" class="form-control form-control-solid" value="{{ old('about.counters_badge', $siteData['about']['counters_badge'] ?? '') }}" placeholder="Our Impact" />
        </div>
    </div>
    @endif
    @php
        $counters = $siteData['about']['counters'] ?? [];
        if (is_string($counters)) { $counters = json_decode($counters, true) ?? []; }
    @endphp
    @for($i = 0; $i < 6; $i++)
    <div class="row g-4 mb-4">
        <div class="col-4 col-md-2">
            <label class="form-label">Número {{ $i + 1 }}</label>
            <input type="text" name="counter_{{ $i + 1 }}_value" class="form-control form-control-solid" value="{{ old("counter_" . ($i+1) . "_value", $counters[$i]['value'] ?? '') }}" placeholder="35" />
        </div>
        <div class="col-4 col-md-2">
            <label class="form-label">Sufijo</label>
            <input type="text" name="counter_{{ $i + 1 }}_append" class="form-control form-control-solid" value="{{ old("counter_" . ($i+1) . "_append", $counters[$i]['append'] ?? '') }}" placeholder="+" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Etiqueta</label>
            <input type="text" name="counter_{{ $i + 1 }}_label" class="form-control form-control-solid" value="{{ old("counter_" . ($i+1) . "_label", $counters[$i]['label'] ?? '') }}" placeholder="Proyectos realizados" />
        </div>
    </div>
    @endfor
</div>
@endif

{{-- CTA de la página Empresa — NOT used in hospitality --}}
@if(!$isHospitality)
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Llamado a la acción (CTA)</h4>
    <p class="text-gray-600 fs-7 mb-4">El bloque al final de la página Empresa con botón hacia Contacto.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Título CTA</label>
            <input type="text" name="about[cta_title]" class="form-control form-control-solid" value="{{ old('about.cta_title', $siteData['about']['cta_title'] ?? '') }}" placeholder="¿Listo para su próxima inversión?" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Texto del botón</label>
            <input type="text" name="about[cta_label]" class="form-control form-control-solid" value="{{ old('about.cta_label', $siteData['about']['cta_label'] ?? '') }}" placeholder="SOLICITAR COTIZACIÓN" />
        </div>
    </div>
</div>
@endif