You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
1.2 KiB
PHTML
28 lines
1.2 KiB
PHTML
<x-layout>
|
|
<x-slot name="scripts">
|
|
</x-slot>
|
|
<x-slot name="title">Game Library</x-slot>
|
|
|
|
<x-slot name="content">
|
|
<div class="p-4 sm:ml-64">
|
|
<div class="p-4 mb-5 border-2 border-gray-200 border-dashed rounded-lg dark:border-gray-700 mt-14">
|
|
<h1 class="font-semibold tracking-wide text-left text-blue-500 uppercase">Games</h1>
|
|
|
|
<div class="grid grid-cols-2 gap-4 mt-2">
|
|
<a href="{{ route('games.create') }}" class="text-2xl text-gray-400 dark:text-gray-500">
|
|
<div class="flex items-center justify-center rounded bg-gray-50 h-28 dark:bg-gray-800">
|
|
<p class="text-2xl text-gray-400 dark:text-gray-500">+</p>
|
|
</div>
|
|
</a>
|
|
@foreach ($games as $game)
|
|
<div class="flex flex-col items-center justify-center rounded bg-gray-50 h-28 dark:bg-gray-800">
|
|
<h2 class="text-lg font-semibold">{{ $game->name }}</h2>
|
|
<p class="text-sm">{{ $game->description }}</p>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</x-slot>
|
|
</x-layout>
|