Initial commit

resources/themes/atom/views/leaderboard.blade.php

@@ -0,0 +1,27 @@
+<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>