@extends('layouts.superadmin')

@section('content')
<h1>{{ __('messages.reports') }}</h1>
<canvas id="statsChart" width="400" height="200"></canvas>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
<script>
    const ctx = document.getElementById('statsChart').getContext('2d');
    new Chart(ctx, {
        type: 'bar',
        data: {
            labels: ['Tenants', 'Users'],
            datasets: [{
                label: 'Count',
                data: [{{ $tenantCount }}, {{ $userCount }}],
                backgroundColor: ['#36a2eb', '#ff6384']
            }]
        }
    });
</script>
@endsection