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

{{-- Philosophy Section --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Philosophy Section</h4>
    <p class="text-gray-600 fs-7 mb-4">The second content block on the about page — heading, paragraph, and closing text.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Section Heading</label>
            <input type="text" name="about[ingredients_heading]" class="form-control form-control-solid" value="{{ old('about.ingredients_heading', $siteData['about']['ingredients_heading'] ?? '') }}" placeholder="Real ingredients. No filters." />
        </div>
        <div class="col-12">
            <label class="form-label">Paragraph</label>
            <textarea name="about[secondary_text]" class="form-control form-control-solid" rows="3">{{ old('about.secondary_text', $siteData['about']['secondary_text'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Closing paragraph</label>
            <textarea name="about[final_text]" class="form-control form-control-solid" rows="3">{{ old('about.final_text', $siteData['about']['final_text'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- ═══ Encabezado de la página ═══ --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Encabezado de la página About</h4>
    <p class="text-gray-600 fs-7 mb-4">Tagline, título principal y subtítulo del page header.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Tagline (eyebrow)</label>
            <input type="text" name="about[page_tagline]" class="form-control form-control-solid" value="{{ old('about.page_tagline', $siteData['about']['page_tagline'] ?? '') }}" placeholder="Nuestra cocina, nuestra historia" />
        </div>
        <div class="col-12 col-md-6">
            <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="Sobre nosotros" />
        </div>
        <div class="col-12">
            <label class="form-label">Título principal</label>
            <input type="text" name="about[main_title]" class="form-control form-control-solid" value="{{ old('about.main_title', $siteData['about']['main_title'] ?? '') }}" placeholder="Tradición y autoría en cada plato" />
        </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'] ?? '') }}" placeholder="Una cocina pensada desde la materia prima." />
        </div>
        <div class="col-12">
            <label class="form-label">Heading de sección</label>
            <input type="text" name="about[section_heading]" class="form-control form-control-solid" value="{{ old('about.section_heading', $siteData['about']['section_heading'] ?? '') }}" placeholder="Una cocina honesta, sin atajos" />
        </div>
        <div class="col-12">
            <label class="form-label">Descripción 1</label>
            <textarea name="about[description_1]" class="form-control form-control-solid" rows="3">{{ old('about.description_1', $siteData['about']['description_1'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Descripción 2</label>
            <textarea name="about[description_2]" class="form-control form-control-solid" rows="3">{{ old('about.description_2', $siteData['about']['description_2'] ?? '') }}</textarea>
        </div>
    </div>
</div>