{{-- ═══ Law Firm welcome fields (order matches visual flow) ═══ --}}

{{-- 1. HERO --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">1. Hero Slider</h4>
    <p class="text-gray-600 fs-7 mb-4">Textos de los slides del hero carousel.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Slide 1 — Título</label>
            <input type="text" name="welcome[hero_subtitle]" class="form-control form-control-solid" value="{{ old('welcome.hero_subtitle', $siteData['welcome']['hero_subtitle'] ?? '') }}" placeholder="Providing Expert Legal Counsel" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Slide 1 — Highlight</label>
            <input type="text" name="welcome[hero_highlight]" class="form-control form-control-solid" value="{{ old('welcome.hero_highlight', $siteData['welcome']['hero_highlight'] ?? '') }}" placeholder="PORTO LAW FIRM" />
        </div>
        <div class="col-12">
            <label class="form-label">Slide 1 — Descripción</label>
            <textarea name="welcome[hero_text]" class="form-control form-control-solid" rows="2">{{ old('welcome.hero_text', $siteData['welcome']['hero_text'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Slide 2 — Título</label>
            <input type="text" name="welcome[hero_slide2_title]" class="form-control form-control-solid" value="{{ old('welcome.hero_slide2_title', $siteData['welcome']['hero_slide2_title'] ?? '') }}" placeholder="SOLID EXPERIENCE" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Slide 2 — Subtítulo</label>
            <input type="text" name="welcome[hero_slide2_subtitle]" class="form-control form-control-solid" value="{{ old('welcome.hero_slide2_subtitle', $siteData['welcome']['hero_slide2_subtitle'] ?? '') }}" />
        </div>
    </div>
</div>

{{-- 2. ABOUT --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">2. Sección About (CEO Quote)</h4>
    <p class="text-gray-600 fs-7 mb-4">Quote del CEO con imagen y firma.</p>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[about_heading]" class="form-control form-control-solid" value="{{ old('welcome.about_heading', $siteData['welcome']['about_heading'] ?? '') }}" placeholder="Global Service Provided By Exceptional Attorneys" />
        </div>
        <div class="col-12">
            <label class="form-label">Texto/Quote</label>
            <textarea name="welcome[about_text]" class="form-control form-control-solid" rows="3">{{ old('welcome.about_text', $siteData['welcome']['about_text'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Autor</label>
            <input type="text" name="welcome[about_author]" class="form-control form-control-solid" value="{{ old('welcome.about_author', $siteData['welcome']['about_author'] ?? '') }}" placeholder="JOHN DOE - CEO & FOUNDER" />
        </div>
    </div>
</div>

{{-- 3. TESTIMONIALS + COUNTERS --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Testimonios + Contadores</h4>
    <p class="text-gray-600 fs-7 mb-4">Sección con testimonios y 4 estadísticas.</p>
    <div class="row g-4 mb-4">
        <div class="col-12 col-md-6">
            <label class="form-label">Badge</label>
            <input type="text" name="welcome[testimonials_badge]" class="form-control form-control-solid" value="{{ old('welcome.testimonials_badge', $siteData['welcome']['testimonials_badge'] ?? '') }}" placeholder="TESTIMONIALS & REVIEWS" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[testimonials_heading]" class="form-control form-control-solid" value="{{ old('welcome.testimonials_heading', $siteData['welcome']['testimonials_heading'] ?? '') }}" placeholder="Satisfied Client Stories" />
        </div>
    </div>
    <div class="row g-4 mb-4">
        @php $counterFields = ['years' => 'Años', 'clients' => 'Clientes', 'cases' => 'Casos', 'attorneys' => 'Abogados']; @endphp
        @foreach($counterFields as $key => $label)
        <div class="col-6 col-md-2">
            <label class="form-label">{{ $label }} — Valor</label>
            <input type="text" name="welcome[counter_{{ $key }}]" class="form-control form-control-solid" value="{{ old("welcome.counter_{$key}", $siteData['welcome']["counter_{$key}"] ?? '') }}" />
        </div>
        <div class="col-6 col-md-4">
            <label class="form-label">{{ $label }} — Etiqueta</label>
            <input type="text" name="welcome[counter_{{ $key }}_label]" class="form-control form-control-solid" value="{{ old("welcome.counter_{$key}_label", $siteData['welcome']["counter_{$key}_label"] ?? '') }}" />
        </div>
        @endforeach
    </div>
</div>

{{-- 4. FAQ --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">4. FAQ (títulos)</h4>
    <p class="text-gray-600 fs-7 mb-4">Encabezados de la sección FAQ. Las preguntas se editan desde el módulo FAQs.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Badge</label>
            <input type="text" name="welcome[faq_badge]" class="form-control form-control-solid" value="{{ old('welcome.faq_badge', $siteData['welcome']['faq_badge'] ?? '') }}" placeholder="COMMON QUESTIONS" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[faq_heading]" class="form-control form-control-solid" value="{{ old('welcome.faq_heading', $siteData['welcome']['faq_heading'] ?? '') }}" placeholder="Frequently Asked Questions" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Form Badge</label>
            <input type="text" name="welcome[form_badge]" class="form-control form-control-solid" value="{{ old('welcome.form_badge', $siteData['welcome']['form_badge'] ?? '') }}" placeholder="CONTACT" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Form Heading</label>
            <input type="text" name="welcome[form_heading]" class="form-control form-control-solid" value="{{ old('welcome.form_heading', $siteData['welcome']['form_heading'] ?? '') }}" placeholder="Request Consultation" />
        </div>
    </div>
</div>

{{-- 5. TEAM --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">5. Team (títulos)</h4>
    <p class="text-gray-600 fs-7 mb-4">Títulos de la sección equipo. Los miembros se editan desde el módulo Team.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Badge</label>
            <input type="text" name="welcome[team_badge]" class="form-control form-control-solid" value="{{ old('welcome.team_badge', $siteData['welcome']['team_badge'] ?? '') }}" placeholder="ATTORNEYS & PARTNERS" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[team_heading]" class="form-control form-control-solid" value="{{ old('welcome.team_heading', $siteData['welcome']['team_heading'] ?? '') }}" placeholder="Our Legal Team" />
        </div>
    </div>
</div>

{{-- 6. EXTENDED SERVICES --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">6. Extended Services + Checklist</h4>
    <p class="text-gray-600 fs-7 mb-4">Sección con lista de beneficios y carousel de servicios.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[extended_heading]" class="form-control form-control-solid" value="{{ old('welcome.extended_heading', $siteData['welcome']['extended_heading'] ?? '') }}" placeholder="Extensive Resources and Commitment" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Descripción</label>
            <textarea name="welcome[extended_text]" class="form-control form-control-solid" rows="2">{{ old('welcome.extended_text', $siteData['welcome']['extended_text'] ?? '') }}</textarea>
        </div>
        @for($i = 1; $i <= 5; $i++)
        <div class="col-12 col-md-4">
            <label class="form-label">Checklist {{ $i }}</label>
            <input type="text" name="welcome[checklist_{{ $i }}]" class="form-control form-control-solid" value="{{ old("welcome.checklist_{$i}", $siteData['welcome']["checklist_{$i}"] ?? '') }}" />
        </div>
        @endfor
    </div>
</div>

{{-- 7. CTA --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">7. CTA + Success Stories</h4>
    <p class="text-gray-600 fs-7 mb-4">Franja oscura con heading y carousel de casos de éxito.</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="welcome[cta_badge]" class="form-control form-control-solid" value="{{ old('welcome.cta_badge', $siteData['welcome']['cta_badge'] ?? '') }}" placeholder="WHY CHOOSE US" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[cta_heading]" class="form-control form-control-solid" value="{{ old('welcome.cta_heading', $siteData['welcome']['cta_heading'] ?? '') }}" placeholder="Experienced Attorneys?" />
        </div>
        <div class="col-12">
            <label class="form-label">Texto</label>
            <textarea name="welcome[cta_text]" class="form-control form-control-solid" rows="2">{{ old('welcome.cta_text', $siteData['welcome']['cta_text'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Cases Badge</label>
            <input type="text" name="welcome[cases_badge]" class="form-control form-control-solid" value="{{ old('welcome.cases_badge', $siteData['welcome']['cases_badge'] ?? '') }}" placeholder="SUCCESS STORIES" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Cases Heading</label>
            <input type="text" name="welcome[cases_heading]" class="form-control form-control-solid" value="{{ old('welcome.cases_heading', $siteData['welcome']['cases_heading'] ?? '') }}" placeholder="Recent Cases" />
        </div>
    </div>
</div>

{{-- 8. BLOG --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">8. Blog (títulos)</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Badge</label>
            <input type="text" name="welcome[blog_badge]" class="form-control form-control-solid" value="{{ old('welcome.blog_badge', $siteData['welcome']['blog_badge'] ?? '') }}" placeholder="OUR BLOG" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Heading</label>
            <input type="text" name="welcome[blog_heading]" class="form-control form-control-solid" value="{{ old('welcome.blog_heading', $siteData['welcome']['blog_heading'] ?? '') }}" placeholder="News & Articles" />
        </div>
    </div>
</div>