@props(['data', 'currentDivision'])

@php
    // 1. Buscamos los datos de la división actual en el JSON
    // Si no existe o es una división vacía, intentamos caer en 'main' como respaldo
    $representative = $data[$currentDivision] ?? null;

    // 2. Validación crítica: Solo mostramos si hay una imagen o un título
    // Esto evita mostrar divs vacíos si la división tiene puros valores null
    $hasContent = $representative && (!empty($representative['image']) || !empty(translate_data($representative['title'])));
@endphp

@if($hasContent)

    <div class="mb-3">
        {{-- Validación de imagen --}}
        @if(!empty($representative['image']))
            <img src="{{ Storage::url($representative['image']) }}"
                 alt="Representative"
                 class="img-fluid"
                 style="max-height: 85px; max-width: 200px; border-radius: 4px;">
        @endif

        <div>
            {{-- Título --}}
            @if($title = translate_data($representative['title']))
                <p class="text-dark font-weight-bold m-0 text-break">
                    {{ $title }}
                </p>
            @endif

            {{-- Descripción --}}
            @if($description = translate_data($representative['description']))
                <p class="text-muted m-0 text-break" style="font-size: 0.9rem;">
                    {{ $description }}
                </p>
            @endif
        </div>
    </div>
@endif