Files
Atomcms-edit/resources/themes/atom/views/leaderboard.blade.php
T
2026-05-09 17:32:17 +02:00

28 lines
1.7 KiB
PHP
Executable File

<x-app-layout>
@push('title', __('Leaderboard'))
<div class="col-span-12">
<!-- Header -->
<div class="mb-6 p-6 rounded-xl border-2" style="background-color: var(--color-surface); border-color: var(--color-primary);">
<div class="flex items-center gap-4">
<div class="w-16 h-16 rounded-full flex items-center justify-center text-3xl shadow-lg" style="background-color: var(--color-background);">
🏆
</div>
<div>
<h1 class="text-2xl font-bold" style="color: var(--color-text)">Leaderboard</h1>
<p style="color: var(--color-text-muted)">Bekijk de beste spelers van {{ setting('hotel_name') }}</p>
</div>
</div>
</div>
<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
<x-leaderboard-card title="{{ __('Top credits') }}" icon="credits.png" :data="$credits" valueKey="credits" valueType="Credits" />
<x-leaderboard-card title="{{ __('Top duckets') }}" icon="duckets.png" :data="$duckets" relationship="user" valueKey="amount" valueType="Duckets" />
<x-leaderboard-card title="{{ __('Top diamonds') }}" icon="diamond.png" :data="$diamonds" relationship="user" valueKey="amount" valueType="Diamonds" />
<x-leaderboard-card title="{{ __('Hours online') }}" icon="clock.gif" :data="$mostOnline" relationship="user" valueKey="online_time" valueType="Hours online" :formatValue="fn($value) => round($value / 3600)" />
<x-leaderboard-card title="{{ __('Respects received') }}" icon="heart.gif" :data="$respectsReceived" relationship="user" valueKey="respects_received" valueType="Respect received" />
<x-leaderboard-card title="{{ __('Achievement score') }}" icon="star.gif" :data="$achievementScores" relationship="user" valueKey="achievement_score" valueType="Achievement points" />
</div>
</div>
</x-app-layout>