@props(['module'])

@php
    $renderType = data_get($module, 'render_type', 'number');
    $isEmpty = (bool) data_get($module, 'meta.empty', false);
@endphp

@if ($renderType === 'multi_line')
    <x-stats.charts.multi-line :module="$module" {{ $attributes }} />
@elseif (! $isEmpty && $renderType === 'comparison')
    <x-stats.cards.comparison :module="$module" {{ $attributes->class(['module-stat-card']) }} />
@elseif (! $isEmpty && $renderType === 'number')
    <x-stats.cards.number :module="$module" {{ $attributes->class(['module-stat-card']) }} />
@else
<article {{ $attributes->merge(['class' => 'dashboard-panel module-chart-card']) }}>
    <div class="dashboard-section-header">
        <div>
            <p class="dashboard-kicker">{{ data_get($module, 'description') }}</p>
            <h3 class="dashboard-title mt-1 text-xl leading-none">{{ data_get($module, 'title', 'Statistique') }}</h3>
        </div>
        <div class="module-chart-card__actions">
            <x-stats.trend-badge :trend="data_get($module, 'meta.comparison')" />
            @if (data_get($module, 'meta.period'))
                <span class="dashboard-pill dashboard-pill--blue">{{ trans_choice('ui.common.days', data_get($module, 'meta.period'), ['count' => data_get($module, 'meta.period')]) }}</span>
            @endif
        </div>
    </div>

    @if ($isEmpty)
        <x-stats.empty-state :message="data_get($module, 'meta.empty_state_message', __('Aucune donnée disponible.'))" />
    @elseif ($renderType === 'line')
        <x-stats.charts.line :module="$module" />
    @elseif ($renderType === 'bar')
        <x-stats.charts.bar :module="$module" />
    @endif
</article>
@endif