Puzzles overview page with data!

src/Controller/PuzzlesController.php

@@ -3,16 +3,25 @@
 
 namespace SpeedPuzzling\Web\Controller;
 
+use SpeedPuzzling\Web\Query\GetPuzzlesOverview;
 use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
 use Symfony\Component\HttpFoundation\Request;
 use Symfony\Component\HttpFoundation\Response;
 use Symfony\Component\Routing\Annotation\Route;
 
 final class PuzzlesController extends AbstractController
 {
+    public function __construct(
+        readonly private GetPuzzlesOverview $getPuzzlesOverview,
+    )
+    {
+    }
+
     #[Route(path: '/puzzle', name: 'puzzles', methods: ['GET'])]
     public function __invoke(Request $request): Response
     {
-        return $this->render('puzzles.html.twig');
+        return $this->render('puzzles.html.twig', [
+            'puzzles' => $this->getPuzzlesOverview->all(),
+        ]);
     }
 }

src/Query/GetPuzzlesOverview.php

@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+namespace SpeedPuzzling\Web\Query;
+
+use Doctrine\DBAL\Connection;
+use SpeedPuzzling\Web\Results\PuzzleOverview;
+
+readonly final class GetPuzzlesOverview
+{
+    public function __construct(
+        private Connection $database,
+    ) {
+    }
+
+    /**
+     * @return array<PuzzleOverview>
+     */
+    public function all(): array
+    {
+        $query = <<<SQL
+SELECT puzzle.name AS puzzle_name, puzzle.pieces_count, manufacturer.name AS manufacturer_name, AVG(puzzle_solving_time.seconds_to_solve) AS average_time, COUNT(puzzle_solving_time.id) AS solved_count, MIN(puzzle_solving_time.seconds_to_solve) AS fastest_time
+FROM puzzle
+LEFT JOIN puzzle_solving_time ON puzzle_solving_time.puzzle_id = puzzle.id
+INNER JOIN manufacturer ON puzzle.manufacturer_id = manufacturer.id
+WHERE approved = true
+GROUP BY puzzle.name, puzzle.pieces_count, manufacturer.name
+HAVING MIN(puzzle_solving_time.seconds_to_solve) > 0
+ORDER BY puzzle.name ASC
+SQL;
+
+        $data = $this->database
+            ->executeQuery($query)
+            ->fetchAllAssociative();
+
+        return array_map(static function(array $row): PuzzleOverview {
+            /**
+             * @var array{
+             *     puzzle_name: string,
+             *     manufacturer_name: string,
+             *     pieces_count: int,
+             *     average_time: string,
+             *     fastest_time: int,
+             *     solved_count: int
+             * } $row
+             */
+
+            return PuzzleOverview::fromDatabaseRow($row);
+        }, $data);
+    }
+}

src/Results/PuzzleOverview.php

@@ -0,0 +1,40 @@
+<?php
+
+declare(strict_types=1);
+
+namespace SpeedPuzzling\Web\Results;
+
+readonly final class PuzzleOverview
+{
+    public function __construct(
+        public string $puzzleName,
+        public string $manufacturerName,
+        public int $piecesCount,
+        public int $averageTime,
+        public int $fastestTime,
+        public int $solvedCount,
+    ) {
+    }
+
+    /**
+     * @param array{
+     *     puzzle_name: string,
+     *     manufacturer_name: string,
+     *     pieces_count: int,
+     *     average_time: string,
+     *     fastest_time: int,
+     *     solved_count: int,
+     * } $row
+     */
+    public static function fromDatabaseRow(array $row): self
+    {
+        return new self(
+            puzzleName: $row['puzzle_name'],
+            manufacturerName: $row['manufacturer_name'],
+            piecesCount: $row['pieces_count'],
+            averageTime: (int) $row['average_time'],
+            fastestTime: $row['fastest_time'],
+            solvedCount: $row['solved_count'],
+        );
+    }
+}

templates/puzzles.html.twig

@@ -4,4 +4,24 @@
 
 {% block content %}
     <h1>Puzzle</h1>
+
+    <div class="masonry-grid" data-columns="3">
+        {% for puzzle in puzzles %}
+            <div class="masonry-grid-item">
+                <div class="card border-0 shadow">
+                    <div class="card-body">
+                        <h5 class="card-title">{{ puzzle.puzzleName }}</h5>
+                        <p class="card-text fs-sm text-muted">
+                            <b>{{ puzzle.manufacturerName }}</b><br>
+                            {{ puzzle.piecesCount }} dílků<br>
+                            Nejrychlejší čas: {{ puzzle.fastestTime|date('H:i:s', 'UTC') }}<br>
+                            Průměrný čas: {{ puzzle.averageTime|date('H:i:s', 'UTC') }}<br>
+                            Počet složení: {{ puzzle.solvedCount }}
+                        </p>
+                        <a href="#" class="btn btn-sm btn-primary">Chci vidět časy!</a>
+                    </div>
+                </div>
+            </div>
+        {% endfor %}
+    </div>
 {% endblock %}