@props(['module'])

@php
    $labels = collect(data_get($module, 'data.labels', []))->values();
    $dataset = collect(data_get($module, 'data.datasets', []))->first() ?? [];
    $values = collect(data_get($dataset, 'data', []))->map(fn ($value) => $value === null ? 0 : (float) $value)->values();
    $maxValue = max(1, (float) ($values->max() ?? 0));
    $unit = (string) data_get($dataset, 'unit', '');
    $formatValue = function (float $value) use ($unit): string {

        if ($unit === 'min') {
            $minutes = max(0, (int) round($value));
            $hours = intdiv($minutes, 60);
            $remaining = $minutes % 60;

            return $hours > 0 ? $hours . 'h' . str_pad((string) $remaining, 2, '0', STR_PAD_LEFT) : $remaining . ' min';
        }

        return trim(rtrim(rtrim(number_format($value, 1, ',', ' '), '0'), ',') . ' ' . $unit);
    };
    $rows = $labels
        ->map(fn ($label, $index) => [
            'label' => $label,
            'value' => (float) ($values[$index] ?? 0),
        ])
        ->sortByDesc('value')
        ->values();
@endphp

<div class="stats-horizontal-bars mt-4" role="img" aria-label="{{ data_get($module, 'title', 'Graphique') }}">
    @forelse ($rows as $row)
        @php
            $width = $maxValue > 0 ? max(2, min(100, ($row['value'] / $maxValue) * 100)) : 0;
        @endphp
        <div class="stats-horizontal-bar">
            <div class="stats-horizontal-bar__head">
                <span>{{ $row['label'] }}</span>
                <strong>{{ $formatValue($row['value']) }}</strong>
            </div>
            <div class="stats-horizontal-bar__track">
                <span style="width: {{ number_format($width, 2, '.', '') }}%;"></span>
            </div>
        </div>
    @empty
        <div class="dashboard-empty text-sm">{{ __('Aucune donnée disponible.') }}</div>
    @endforelse
</div>

<div class="module-chart-meta mt-3">
    <span>{{ data_get($dataset, 'label') }}</span>
    @if (data_get($dataset, 'unit'))
        <span>{{ data_get($dataset, 'unit') }}</span>
    @endif
</div>