feat(home): redesign achievement of the week

app/Site/Controllers/HomeController.php

@@ -5,12 +5,50 @@
 namespace App\Site\Controllers;
 
 use App\Http\Controller;
+use App\Platform\Models\Achievement;
+use App\Platform\Models\Game;
+use App\Platform\Models\System;
+use App\Site\Models\StaticData;
 use Illuminate\Contracts\View\View;
 
 class HomeController extends Controller
 {
     public function __invoke(): View
     {
-        return view('home');
+        $currentEventMetadata = $this->fetchCurrentEventMetadata();
+
+        if ($currentEventMetadata === null) {
+            return view('home');
+        }
+
+        return view('home', $currentEventMetadata);
+    }
+
+    // TODO: This should eventually support multiple different kinds of events.
+    private function fetchCurrentEventMetadata(): ?array
+    {
+        $staticData = StaticData::first();
+
+        if ($staticData === null) {
+            return null;
+        }
+
+        $aotwAchievementId = $staticData['Event_AOTW_AchievementID'];
+        $eventForumTopicId = $staticData['Event_AOTW_ForumID'];
+        $achievement = Achievement::find($aotwAchievementId);
+
+        if (!$achievement) {
+            return null;
+        }
+
+        $game = Game::find($achievement->GameID);
+        $consoleName = System::find($game->ConsoleID)->Name;
+
+        return [
+            'eventAchievement' => $achievement,
+            'eventGame' => $game,
+            'eventConsoleName' => $consoleName,
+            'eventForumTopicId' => $eventForumTopicId,
+        ];
     }
 }

resources/views/community/components/event/aotw.blade.php

@@ -1,31 +1,49 @@
+@props([
+    'achievement' => [],
+    'game' => [],
+    'consoleName' => '',
+    'forumTopicId' => 0,
+])
+
 <?php
+$achievementId = $achievement->ID;
+$achievementName = $achievement->Title;
+$achievementDescription = $achievement->Description;
+$achievementPoints = $achievement->Points;
+$achievementRetroPoints = $achievement->TrueRatio;
+$achievementBadgeName = $achievement->BadgeName;
 
-use App\Site\Models\StaticData;
+$renderedGameTitle = renderGameTitle($game->Title);
+$achievementIconSrc = media_asset("/Badge/$achievementBadgeName.png");
+$gameSystemIconUrl = getSystemIconUrl($game->ConsoleID);
+?>
 
-$staticData = StaticData::first();
+<div class="component">
+    <h3>Achievement of the Week</h3>
 
-if ($staticData === null) {
-    return;
-}
+    <div class="bg-embed p-4 rounded border border-embed-highlight">
+        <a href="{{ route('achievement.show', $achievement->ID) }}" class="group flex gap-x-2 mb-3 text-text transition-transform hover:-translate-y-0.5">
+            <img src="{{ $achievementIconSrc }}" alt="Achievement of the week badge" width="64" height="64" class="w-16 h-16">
+            <div>
+                <p class="font-semibold leading-4 text-link group-hover:text-link-hover">{{ $achievement->Title }}</p>
+                <p class="text-xs mb-1">5 <span class="TrueRatio">(12)</span> Points</p>
+                <p class="text-xs">{{ $achievement->Description }}</p>
+            </div>
+        </a>
 
-$achID = $staticData['Event_AOTW_AchievementID'];
-$forumTopicID = $staticData['Event_AOTW_ForumID'];
+        <hr class="border-embed-highlight mt-2 mb-3">
 
-$achData = GetAchievementData($achID);
-if (empty($achData)) {
-    return;
-}
-?>
-<div class="component">
-    <h3>Achievement of the Week</h3>
-    <div class="text-center">
-        <div>
-            {!! achievementAvatar($achData) !!}
-        </div>
-        in
-        <div>
-            {!! gameAvatar($achData, iconSize: 24) !!}
-        </div>
-        <a class="btn mt-2" href="/viewtopic.php?t={{ $forumTopicID }}">Join this tournament!</a>
+        <a href="{{ route('game.show', $achievement->GameID) }}" class="group flex gap-x-2 text-text transition-transform hover:translate-x-0.5">
+            <img src="{{ media_asset($game->ImageIcon) }}" alt="Achievement of the week game badge" width="32" height="32" class="w-8 h-8">
+            <div class="-mt-1">
+                <p class="font-semibold mb-0.5 text-xs text-link group-hover:text-link-hover">{!! $renderedGameTitle !!}</p>
+                <div class="flex items-center gap-x-1">
+                    <img src="{{ $gameSystemIconUrl }}" width="18" height="18" alt="Console icon">
+                    <span class="block text-xs tracking-tighter">{{ $consoleName }}</span>
+                </div>
+            </div>
+        </a>
     </div>
+
+    <a class="btn text-center py-2 w-full mt-2" href="/viewtopic.php?t={{ $forumTopicId }}">Learn more about this event</a>
 </div>

resources/views/home.blade.php

@@ -19,7 +19,16 @@
 
     @slot('sidebar')
         @include('content.top-links')
-        <x-event.aotw />
+
+        @if(isset($eventAchievement))
+            <x-event.aotw
+                :achievement="$eventAchievement"
+                :game="$eventGame"
+                :consoleName="$eventConsoleName"
+                :forumTopicId="$eventForumTopicId"
+            />
+        @endif
+
         @include('content.static-data')
     @endslot
 </x-app-layout>

tests/Feature/Site/HomeTest.php

@@ -6,6 +6,7 @@
 
 use App\Platform\Models\Achievement;
 use App\Platform\Models\Game;
+use App\Platform\Models\System;
 use App\Site\Models\StaticData;
 use Illuminate\Foundation\Testing\RefreshDatabase;
 use Tests\TestCase;
@@ -23,9 +24,12 @@ public function testItRendersPageWithStaticData(): void
     {
         /** @var StaticData $staticData */
         $staticData = StaticData::factory()->create();
+        /** @var System $system */
+        $system = System::factory()->create();
         /** @var Game $game */
         $game = Game::factory()->create([
             'ID' => $staticData->LastCreatedGameID,
+            'ConsoleID' => $system->ID,
         ]);
         /** @var Achievement $achievement */
         $achievement = Achievement::factory()->create([