{{-- ═══ 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="ESTUDIO JURÍDICO" />
        </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 class="col-12">
            <label class="form-label d-block">Imagen del Fundador / Firma (Derecha)</label>
            @php
                $adminFounderImage = null;
                $founderImgConfig = $siteData['welcome']['founder_image'] ?? null;
                if (!empty($founderImgConfig)) {
                    $adminFounderImage = filter_var($founderImgConfig, FILTER_VALIDATE_URL) ? $founderImgConfig : asset($founderImgConfig);
                } else {
                    if (config('cd-system.modules.team.active', false)) {
                        try {
                            $founderMember = \App\Modules\TeamMembers\Models\TeamMember::where('is_active', true)
                                ->where('position', 'Socio Fundador')
                                ->first();
                            if ($founderMember && !empty($founderMember->image)) {
                                $adminFounderImage = filter_var($founderMember->image, FILTER_VALIDATE_URL) ? $founderMember->image : asset($founderMember->image);
                            }
                        } catch (\Exception $e) {}
                    }
                    if (empty($adminFounderImage)) {
                        $adminFounderImage = asset('cd-project/img/demos/law-firm-2/generic/generic-1.jpg');
                    }
                }
            @endphp
            <div class="mb-3">
                <img src="{{ $adminFounderImage }}" class="img-thumbnail" style="max-height: 140px; max-width: 250px; object-fit: cover;" />
                <span class="d-block text-muted fs-8 mt-1">Imagen actualmente en uso en la web</span>
            </div>
            <input type="file" name="founder_image_file" class="form-control form-control-solid" accept="image/*" />
            <span class="form-text">Sube una nueva foto si quieres reemplazar la imagen actual de la página de inicio.</span>
        </div>
    </div>
</div>

{{-- 3. TESTIMONIALS + LEGADO INSTITUCIONAL --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">3. Testimonios + Legado e Institucional</h4>
    <p class="text-gray-600 fs-7 mb-4">
        Sección de testimonios y bloque institucional de pilares.
        Los testimonios se cargan dinámicamente de forma automática.
        Puedes gestionarlos en el
        <a href="/references-settings/" class="btn btn-sm btn-light-primary px-3 py-1 py-0 fs-8 ms-1">Módulo de Referencias</a>.
    </p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Testimonios — 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="TESTIMONIOS" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Testimonios — Título</label>
            <input type="text" name="welcome[testimonials_heading]" class="form-control form-control-solid" value="{{ old('welcome.testimonials_heading', $siteData['welcome']['testimonials_heading'] ?? '') }}" placeholder="Lo que dicen nuestros clientes" />
        </div>
    </div>

    <div class="separator separator-dashed my-4"></div>
    <h5 class="fw-bold text-gray-700 mb-3">Bloque Institucional y Compromiso</h5>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Título de Compromiso</label>
            <input type="text" name="welcome[commitment_title]" class="form-control form-control-solid" value="{{ old('welcome.commitment_title', $siteData['welcome']['commitment_title'] ?? '') }}" placeholder="NUESTRO COMPROMISO" />
        </div>
        <div class="col-12">
            <label class="form-label">Texto Destacado de Legado</label>
            <textarea name="welcome[commitment_text]" class="form-control form-control-solid" rows="2" placeholder="Desde 1965, Colombres Garmendia & Asoc. brinda soluciones legales confiables en el Noroeste Argentino.">{{ old('welcome.commitment_text', $siteData['welcome']['commitment_text'] ?? '') }}</textarea>
        </div>
        <div class="col-12">
            <label class="form-label">Descripción de Compromiso</label>
            <textarea name="welcome[commitment_desc]" class="form-control form-control-solid" rows="2" placeholder="Nuestra práctica profesional se cimenta sobre pilares inquebrantables... (opcional)">{{ old('welcome.commitment_desc', $siteData['welcome']['commitment_desc'] ?? '') }}</textarea>
        </div>
    </div>

    <h6 class="fw-bold text-gray-600 mb-2">Pilares Fundamentales</h6>
    <div class="row g-4">
        @for($p = 1; $p <= 3; $p++)
            @php
                $pilarLabels = [
                    1 => ['title' => 'Lealtad', 'desc' => 'Compromiso absoluto con los intereses y la defensa de nuestros clientes, asumiendo cada caso con total entrega.'],
                    2 => ['title' => 'Idoneidad', 'desc' => 'Excelencia técnica, rigor académico y vasta experiencia práctica aplicada a la resolución de conflictos legales.'],
                    3 => ['title' => 'Confidencialidad', 'desc' => 'El resguardo ético más estricto del secreto profesional en todas las consultas y trámites encomendados.']
                ];
            @endphp
            <div class="col-12 col-md-4">
                <div class="border p-4 rounded bg-light-scale-1">
                    <label class="form-label fw-bold">Pilar {{ $p }} — Título</label>
                    <input type="text" name="welcome[pilar{{ $p }}_title]" class="form-control form-control-solid mb-3" value="{{ old("welcome.pilar{$p}_title", $siteData['welcome']["pilar{$p}_title"] ?? '') }}" placeholder="{{ $pilarLabels[$p]['title'] }}" />
                    
                    <label class="form-label fw-bold">Pilar {{ $p }} — Descripción</label>
                    <textarea name="welcome[pilar{{ $p }}_desc]" class="form-control form-control-solid" rows="3" placeholder="{{ $pilarLabels[$p]['desc'] }}">{{ old("welcome.pilar{$p}_desc", $siteData['welcome']["pilar{$p}_desc"] ?? '') }}</textarea>
                </div>
            </div>
        @endfor
    </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 y respuestas se editan desde el
        <a href="/faqs-settings/" class="btn btn-sm btn-light-primary px-3 py-1 py-0 fs-8 ms-1">Módulo de FAQs</a>.
    </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 e imagen de fondo)</h4>
    <p class="text-gray-600 fs-7 mb-4">
        Títulos de la sección equipo. Los abogados y socios se editan en el
        <a href="/team-settings/" class="btn btn-sm btn-light-primary px-3 py-1 py-0 fs-8 ms-1">Módulo de Miembros de Equipo</a>.
    </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 class="col-12">
            <label class="form-label d-block">Imagen de fondo de la sección Equipo</label>
            @php
                $adminTeamBgImage = null;
                $teamBgImgConfig = $siteData['welcome']['team_bg_image'] ?? null;
                if (!empty($teamBgImgConfig)) {
                    $adminTeamBgImage = filter_var($teamBgImgConfig, FILTER_VALIDATE_URL) ? $teamBgImgConfig : asset($teamBgImgConfig);
                } else {
                    $adminTeamBgImage = asset('cd-project/img/demos/law-firm-2/backgrounds/background-2.jpg');
                }
            @endphp
            <div class="mb-3">
                <img src="{{ $adminTeamBgImage }}" class="img-thumbnail" style="max-height: 140px; max-width: 250px; object-fit: cover;" />
                <span class="d-block text-muted fs-8 mt-1">Imagen actualmente en uso en la web</span>
            </div>
            <input type="file" name="team_bg_image_file" class="form-control form-control-solid" accept="image/*" />
            <span class="form-text">Imagen de fondo oscura (recomendado: 1920x1080) para el carrusel del equipo.</span>
        </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">
            <label class="form-label">Horario CTA</label>
            <input type="text" name="welcome[cta_schedule]" class="form-control form-control-solid" value="{{ old('welcome.cta_schedule', $siteData['welcome']['cta_schedule'] ?? '') }}" placeholder="Lun a Vie 9:00 a 18:00" />
            <span class="form-text">Horario que aparece junto al teléfono y email en la franja oscura del CTA.</span>
        </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>

{{-- 7b. PARALLAX QUOTE --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">7b. Cita Parallax</h4>
    <p class="text-gray-600 fs-7 mb-4">Sección de cita inspiracional con fondo parallax.</p>
    <div class="row g-4 mb-6">
        <div class="col-12">
            <label class="form-label">Cita</label>
            <textarea name="welcome[parallax_quote]" class="form-control form-control-solid" rows="3" placeholder="La justicia no es solo un concepto, es un compromiso...">{{ old('welcome.parallax_quote', $siteData['welcome']['parallax_quote'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Autor</label>
            <input type="text" name="welcome[parallax_author]" class="form-control form-control-solid" value="{{ old('welcome.parallax_author', $siteData['welcome']['parallax_author'] ?? '') }}" placeholder="Dirección del Estudio" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Cargo del autor</label>
            <input type="text" name="welcome[parallax_author_title]" class="form-control form-control-solid" value="{{ old('welcome.parallax_author_title', $siteData['welcome']['parallax_author_title'] ?? '') }}" placeholder="Socio Fundador" />
        </div>
        <div class="col-12">
            <label class="form-label d-block">Imagen de fondo del Parallax</label>
            @php
                $adminParallaxImage = null;
                $parallaxImgConfig = $siteData['welcome']['parallax_image'] ?? null;
                if (!empty($parallaxImgConfig)) {
                    $adminParallaxImage = filter_var($parallaxImgConfig, FILTER_VALIDATE_URL) ? $parallaxImgConfig : asset($parallaxImgConfig);
                } else {
                    $adminParallaxImage = asset('cd-project/img/demos/law-firm-2/backgrounds/background-3.jpg');
                }
            @endphp
            <div class="mb-3">
                <img src="{{ $adminParallaxImage }}" class="img-thumbnail" style="max-height: 140px; max-width: 250px; object-fit: cover;" />
                <span class="d-block text-muted fs-8 mt-1">Imagen actualmente en uso en la web</span>
            </div>
            <input type="file" name="parallax_image_file" class="form-control form-control-solid" accept="image/*" />
            <span class="form-text">Imagen de fondo (recomendado: 1920x1080) para la sección de cita parallax.</span>
        </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>
    <p class="text-gray-600 fs-7 mb-4">
        Encabezados del blog. Las novedades y artículos se administran desde el
        <a href="/news-settings/" class="btn btn-sm btn-light-primary px-3 py-1 py-0 fs-8 ms-1">Módulo de Novedades</a>.
    </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[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>