{{-- ═══ Law Firm about fields ═══ --}}

{{-- SEO / Meta --}}
<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>
    <p class="text-gray-600 fs-7 mb-4">Título de pestaña del navegador (también aparece en el header de la página).</p>
    <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>

{{-- Main Section --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Sección Principal (About)</h4>
    <p class="text-gray-600 fs-7 mb-4">Título, misión, descripción y firma del CEO.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <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="Sobre el Estudio" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Subtítulo</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">Descripción larga (debajo del subtítulo)</label>
            <textarea name="about[description_1]" class="form-control form-control-solid" rows="3" placeholder="Somos un estudio jurídico con más de 10 años de trayectoria...">{{ old('about.description_1', $siteData['about']['description_1'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Misión</label>
            <textarea name="about[mission]" class="form-control form-control-solid" rows="2" placeholder="Brindar soluciones legales personalizadas...">{{ old('about.mission', $siteData['about']['mission'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Visión</label>
            <textarea name="about[vision]" class="form-control form-control-solid" rows="2" placeholder="Ser referentes en asesoramiento jurídico...">{{ old('about.vision', $siteData['about']['vision'] ?? '') }}</textarea>
        </div>
        <div class="col-12 col-md-4">
            <label class="form-label">Valores</label>
            <textarea name="about[values]" class="form-control form-control-solid" rows="2" placeholder="Ética, compromiso, confidencialidad...">{{ old('about.values', $siteData['about']['values'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- Global Service + Signature --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Sección Global Service + Firma</h4>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Título</label>
            <input type="text" name="about[global_title]" class="form-control form-control-solid" value="{{ old('about.global_title', $siteData['about']['global_title'] ?? '') }}" placeholder="Global Service Provided By Exceptional Attorneys" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Nombre firma</label>
            <input type="text" name="about[signature_name]" class="form-control form-control-solid" value="{{ old('about.signature_name', $siteData['about']['signature_name'] ?? '') }}" placeholder="JOHN DOE - CEO & FOUNDER" />
        </div>
        <div class="col-12">
            <label class="form-label">Descripción</label>
            <textarea name="about[global_description]" class="form-control form-control-solid" rows="3">{{ old('about.global_description', $siteData['about']['global_description'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- CTA Banner / Areas de Practica --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Banner de Llamada a la Acción (CTA)</h4>
    <p class="text-gray-600 fs-7 mb-4">Franja con fondo oscuro de conversión para contactarse.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-4">
            <label class="form-label">Título del banner CTA</label>
            <input type="text" name="about[details_title]" class="form-control form-control-solid" value="{{ old('about.details_title', $siteData['about']['details_title'] ?? '') }}" placeholder="Conocé nuestras áreas de práctica jurídica" />
        </div>
        <div class="col-12 col-md-8">
            <label class="form-label">Descripción del banner CTA</label>
            <textarea name="about[details_description]" class="form-control form-control-solid" rows="2" placeholder="Nuestro equipo está altamente capacitado para brindarle el mejor asesoramiento legal...">{{ old('about.details_description', $siteData['about']['details_description'] ?? '') }}</textarea>
        </div>
    </div>
</div>

{{-- Imagen del fundador (Global Service / Signature) --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Imagen del Fundador (Signature)</h4>
    <p class="text-gray-600 fs-7 mb-4">
        Imagen grande que aparece en la sección "Global Service" del Nosotros — debajo del texto del fundador con efecto visual. Si dejás vacío, usa la foto del Socio Fundador del módulo Equipo; si tampoco, una imagen genérica.
    </p>
    @php
        // Cadena de fallback IDÉNTICA al frontend para evitar discrepancias.
        $founderInline = $siteData['about']['founder_image'] ?? null;
        $founderMember = null;
        $founderSource = '';
        try {
            $founderMember = \App\Modules\TeamMembers\Models\TeamMember::where('is_active', true)
                ->whereRaw('LOWER(position) LIKE ?', ['%fundador%'])
                ->orderBy('sort_order')
                ->first();
            if ($founderMember) {
                $founderSource = "del Socio Fundador ({$founderMember->name})";
            } else {
                $founderMember = \App\Modules\TeamMembers\Models\TeamMember::where('is_active', true)
                    ->orderBy('sort_order')->first();
                if ($founderMember) {
                    $founderSource = "primer miembro del Equipo ({$founderMember->name})";
                }
            }
        } catch (\Throwable $e) { /* módulo team puede no estar */ }

        if (!empty($founderInline)) {
            $founderCurrent = ['url' => $founderInline, 'source' => 'subida (override)'];
        } elseif ($founderMember && !empty($founderMember->image)) {
            $url = filter_var($founderMember->image, FILTER_VALIDATE_URL) ? $founderMember->image : asset($founderMember->image);
            $founderCurrent = ['url' => $url, 'source' => $founderSource];
        } else {
            $founderCurrent = ['url' => asset('cd-project/img/demos/law-firm-2/generic/generic-1.jpg'), 'source' => 'genérica del demo'];
        }
    @endphp
    <div class="row g-4">
        <div class="col-12 col-md-5">
            <div class="position-relative" style="aspect-ratio: 3/4; overflow: hidden; border-radius: 6px; background: #f3f4f6;">
                <img src="{{ $founderCurrent['url'] }}" alt="Imagen fundador" style="width: 100%; height: 100%; object-fit: cover;">
                <span class="badge bg-light-{{ $founderCurrent['source'] === 'subida' ? 'success' : (str_contains($founderCurrent['source'], 'Equipo') ? 'info' : 'secondary') }} position-absolute top-0 end-0 m-2 fs-9">
                    {{ $founderCurrent['source'] }}
                </span>
            </div>
        </div>
        <div class="col-12 col-md-7">
            <label class="form-label fw-bold">Reemplazar imagen</label>
            <input type="hidden" name="about[founder_image]" value="{{ old('about.founder_image', $founderInline ?? '') }}">
            <input type="file"
                   name="about_founder_image_file"
                   class="form-control form-control-solid"
                   accept="image/jpeg,image/jpg,image/png,image/webp">
            <div class="form-text fs-8 mt-2">
                JPG · PNG · WEBP · máx. 10 MB.<br>
                <strong>Tip:</strong> usá una imagen en formato vertical (3:4) para mejor encuadre.
            </div>
        </div>
    </div>
</div>

{{-- Galería de Imágenes (3 slots inline) --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Galería de Imágenes (Nosotros)</h4>
    <p class="text-gray-600 fs-7 mb-4">
        Las 3 imágenes que aparecen en el carrusel/grid de la página Nosotros. Subí una imagen para reemplazar la actual. Si dejás un slot sin subir, queda la que ya está.
    </p>
    <div class="row g-4">
        @php
            // Cadena de fallback igual a la del frontend:
            // 1) settings inline → 2) módulo Gallery → 3) imagen genérica del demo
            $inlineUrls = [
                1 => $siteData['about']['gallery_image_1'] ?? null,
                2 => $siteData['about']['gallery_image_2'] ?? null,
                3 => $siteData['about']['gallery_image_3'] ?? null,
            ];
            $moduleGallery = [];
            if (function_exists('is_module_active') && is_module_active('gallery')) {
                try {
                    $moduleGallery = \App\Modules\Gallery\Models\Gallery::orderBy('created_at', 'desc')->limit(3)->get();
                } catch (\Throwable $e) {
                    $moduleGallery = [];
                }
            }
            $fallbackImages = [
                1 => asset('cd-project/img/demos/law-firm-2/generic/generic-2.jpg'),
                2 => asset('cd-project/img/demos/law-firm-2/generic/generic-3.jpg'),
                3 => asset('cd-project/img/demos/law-firm-2/generic/generic-4.jpg'),
            ];

            $resolveImage = function($n) use ($inlineUrls, $moduleGallery, $fallbackImages) {
                if (!empty($inlineUrls[$n])) return ['url' => $inlineUrls[$n], 'source' => 'subida'];
                if (isset($moduleGallery[$n - 1])) {
                    $g = $moduleGallery[$n - 1];
                    $url = filter_var($g->img, FILTER_VALIDATE_URL) ? $g->img : asset($g->img);
                    return ['url' => $url, 'source' => 'módulo Galería'];
                }
                return ['url' => $fallbackImages[$n], 'source' => 'genérica del demo'];
            };
        @endphp
        @for($n = 1; $n <= 3; $n++)
            @php $current = $resolveImage($n); @endphp
            <div class="col-12 col-md-4">
                <label class="form-label fw-bold">Imagen {{ $n }}</label>
                <div class="mb-2 position-relative" style="aspect-ratio: 4/3; overflow: hidden; border-radius: 6px; background: #f3f4f6;">
                    <img src="{{ $current['url'] }}" alt="Imagen {{ $n }}" style="width: 100%; height: 100%; object-fit: cover;">
                    <span class="badge bg-light-{{ $current['source'] === 'subida' ? 'success' : ($current['source'] === 'módulo Galería' ? 'info' : 'secondary') }} position-absolute top-0 end-0 m-2 fs-9">
                        {{ $current['source'] }}
                    </span>
                </div>
                <input type="hidden" name="about[gallery_image_{{ $n }}]" value="{{ old('about.gallery_image_' . $n, $inlineUrls[$n] ?? '') }}">
                <input type="file"
                       name="about_gallery_{{ $n }}_file"
                       class="form-control form-control-sm form-control-solid"
                       accept="image/jpeg,image/jpg,image/png,image/webp">
                <div class="form-text fs-8">JPG · PNG · WEBP · máx. 10 MB</div>
            </div>
        @endfor
    </div>
</div>

{{-- Team + Testimonials Headings --}}
<div class="separator separator-dashed my-6"></div>
<div class="mb-8">
    <h4 class="fw-bold text-gray-800 mb-1">Encabezados Equipo y Testimonios</h4>
    <p class="text-gray-600 fs-7 mb-4">Títulos de las secciones de equipo y testimonios en la página Nosotros.</p>
    <div class="row g-4 mb-6">
        <div class="col-12 col-md-6">
            <label class="form-label">Título sección Equipo</label>
            <input type="text" name="about[team_title]" class="form-control form-control-solid" value="{{ old('about.team_title', $siteData['about']['team_title'] ?? '') }}" placeholder="Nuestro Equipo Legal" />
        </div>
        <div class="col-12 col-md-6">
            <label class="form-label">Título sección Testimonios</label>
            <input type="text" name="about[testimonials_title]" class="form-control form-control-solid" value="{{ old('about.testimonials_title', $siteData['about']['testimonials_title'] ?? '') }}" placeholder="Lo que dicen nuestros clientes" />
        </div>
    </div>
</div>