{{-- ═══ Construction about fields ═══ --}}

{{-- SEO --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">SEO de la página Nosotros</h4>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Título de página</label>
            <input type="text" name="about[page_title]" class="form-control form-control-solid" value="{{ old('about.page_title', $siteData['about']['page_title'] ?? '') }}" placeholder="Nosotros" />
        </div>
    </div>
</div>

{{-- WHO WE ARE --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Quiénes Somos (sección principal)</h4>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Título de la sección</label>
            <input type="text" name="about[who_we_are_title]" class="form-control form-control-solid" value="{{ old('about.who_we_are_title', $siteData['about']['who_we_are_title'] ?? '') }}" placeholder="Quiénes Somos" />
        </div>
        <div class="col-12">
            <label class="form-label">Subtítulo principal</label>
            <input type="text" name="about[main_subtitle]" class="form-control form-control-solid" value="{{ old('about.main_subtitle', $siteData['about']['main_subtitle'] ?? '') }}" />
        </div>
        <div class="col-12">
            <label class="form-label">Párrafo introductorio</label>
            <textarea name="about[intro_paragraph]" class="form-control form-control-solid" rows="3">{{ old('about.intro_paragraph', $siteData['about']['intro_paragraph'] ?? '') }}</textarea>
            <span class="form-text">Acepta HTML para resaltar palabras (ej. {!! '&lt;span class="highlight ..."&gt;texto&lt;/span&gt;' !!}).</span>
        </div>
        <div class="col-12">
            <label class="form-label">Segundo párrafo</label>
            <textarea name="about[intro_paragraph_2]" class="form-control form-control-solid" rows="3">{{ old('about.intro_paragraph_2', $siteData['about']['intro_paragraph_2'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Párrafo de cierre</label>
            <textarea name="about[closing_paragraph]" class="form-control form-control-solid" rows="2">{{ old('about.closing_paragraph', $siteData['about']['closing_paragraph'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- COUNTERS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Contadores (3 valores destacados)</h4>
    <div class="row g-4 mb-6">
        @for($i = 1; $i <= 3; $i++)
        <div class="col-6 col-md-2">
            <label class="form-label">Valor {{ $i }}</label>
            <input type="text" name="about[counter_{{ $i }}_value]" class="form-control form-control-solid" value="{{ old("about.counter_{$i}_value", $siteData['about']["counter_{$i}_value"] ?? '') }}" />
        </div>
        <div class="col-6 col-md-4">
            <label class="form-label">Etiqueta {{ $i }}</label>
            <input type="text" name="about[counter_{{ $i }}_label]" class="form-control form-control-solid" value="{{ old("about.counter_{$i}_label", $siteData['about']["counter_{$i}_label"] ?? '') }}" />
        </div>
        @endfor
    </div>
</div>

{{-- HISTORY --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Historia (línea de tiempo, 3 hitos)</h4>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Título de la sección</label>
            <input type="text" name="about[history_title]" class="form-control form-control-solid" value="{{ old('about.history_title', $siteData['about']['history_title'] ?? '') }}" placeholder="Historia" />
        </div>
        @for($i = 1; $i <= 3; $i++)
        <div class="col-12 col-md-2">
            <label class="form-label">Hito {{ $i }} — Año</label>
            <input type="text" name="about[history_{{ $i }}_year]" class="form-control form-control-solid" value="{{ old("about.history_{$i}_year", $siteData['about']["history_{$i}_year"] ?? '') }}" placeholder="2020" />
        </div>
        <div class="col-12 col-md-3">
            <label class="form-label">Hito {{ $i }} — Título</label>
            <input type="text" name="about[history_{{ $i }}_title]" class="form-control form-control-solid" value="{{ old("about.history_{$i}_title", $siteData['about']["history_{$i}_title"] ?? '') }}" />
        </div>
        <div class="col-12 col-md-7">
            <label class="form-label">Hito {{ $i }} — Texto</label>
            <input type="text" name="about[history_{{ $i }}_text]" class="form-control form-control-solid" value="{{ old("about.history_{$i}_text", $siteData['about']["history_{$i}_text"] ?? '') }}" />
        </div>
        @endfor
    </div>
</div>

{{-- MISSION VISION MANIFESTO --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Misión / Visión / Manifiesto (3 tabs)</h4>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Manifiesto</label>
            <textarea name="about[manifesto]" class="form-control form-control-solid" rows="3">{{ old('about.manifesto', $siteData['about']['manifesto'] ?? '') }}</textarea>
            <span class="form-text">Acepta HTML para resaltar palabras.</span>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Visión</label>
            <textarea name="about[vision]" class="form-control form-control-solid" rows="3">{{ old('about.vision', $siteData['about']['vision'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Misión</label>
            <textarea name="about[mission]" class="form-control form-control-solid" rows="3">{{ old('about.mission', $siteData['about']['mission'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- LEADERSHIP + PARTNERS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Encabezados Equipo y Aliados</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Título sección Equipo de Dirección</label>
            <input type="text" name="about[leadership_title]" class="form-control form-control-solid" value="{{ old('about.leadership_title', $siteData['about']['leadership_title'] ?? '') }}" placeholder="Equipo de dirección" />
            <span class="form-text">Aparece solo si el módulo Team está activo.</span>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Título sección Clientes y Aliados</label>
            <input type="text" name="about[partners_title]" class="form-control form-control-solid" value="{{ old('about.partners_title', $siteData['about']['partners_title'] ?? '') }}" placeholder="Clientes y Aliados" />
        </div>
        <div class="col-12">
            <label class="form-label">Texto del sidebar de contacto (al lado del scroll)</label>
            <textarea name="about[sidebar_contact_text]" class="form-control form-control-solid" rows="2">{{ old('about.sidebar_contact_text', $siteData['about']['sidebar_contact_text'] ?? '') }}</textarea>
        </div>
    </div>
</div>