@php
    $male = $polarity['male'] ?? null;
    $female = $polarity['female'] ?? null;

    $malePct = (int) ($male['pct'] ?? 0);
    $femalePct = (int) ($female['pct'] ?? 100 - $malePct);

    // ✅ HAMBURG SYMBOLS EŞLEŞMESİ
    // Eril = Mars (T), Dişil = Venüs (R)
    $polaritySymbols = [
        'male'   => 'T', 
        'female' => 'R', 
    ];
@endphp

{{-- <div class="chart-badge">Eril / Dişil</div> --}}

@if (!$male || !$female)
    <div class="text-muted small p-2">Veri yok.</div>
@else
    <div class="panel-mini-vchart panel-mini-vchart--wide">
        {{-- Eril --}}
        <div class="panel-mini-vchart__item">
            <div class="panel-mini-vchart__count" title="{{ $male['label'] }}">{{ (int) $male['count'] }}</div>
            <div class="vchart-wrap panel-mini-vchart__bar" title="{{ $male['label'] }}">
                <span class="vchart-bar" style="height: {{ $malePct }}%; background:#1e88e5;"></span>
            </div>
            <div class="panel-mini-vchart__symbol panel-mini-vchart__symbol--hamburg"
                style="color: #1e88e5;" title="{{ $male['label'] }}">
                {{ $polaritySymbols['male'] }}
            </div>

            {{-- ✅ İsim (SADECE masaüstü ≥992px'te görünür — d-lg-block) --}}
            <div class="vchart-lab d-none d-lg-block mt-1">{{ $male['label'] }}</div>
        </div>

        {{-- Dişil --}}
        <div class="panel-mini-vchart__item">
            <div class="panel-mini-vchart__count" title="{{ $female['label'] }}">{{ (int) $female['count'] }}</div>
            <div class="vchart-wrap panel-mini-vchart__bar" title="{{ $female['label'] }}">
                <span class="vchart-bar" style="height: {{ $femalePct }}%; background:#e91e63;"></span>
            </div>
            <div class="panel-mini-vchart__symbol panel-mini-vchart__symbol--hamburg"
                style="color: #e91e63;" title="{{ $female['label'] }}">
                {{ $polaritySymbols['female'] }}
            </div>

            {{-- ✅ İsim (SADECE masaüstü ≥992px'te görünür — d-lg-block) --}}
            <div class="vchart-lab d-none d-lg-block mt-1">{{ $female['label'] }}</div>
        </div>
    </div>
@endif