some progress

This commit is contained in:
2025-06-13 23:06:13 +03:00
parent 621398978a
commit 71dd328431
25 changed files with 594 additions and 126 deletions
+42 -29
View File
@@ -7,9 +7,9 @@
<h1 class="h2 fw-bold gradient-text">All Games</h1>
<div class="d-flex gap-2">
<form action="{{ route('games.index') }}" method="GET" class="d-flex me-2">
<input type="text"
name="search"
class="form-control bg-dark text-white border-0"
<input type="text"
name="search"
class="form-control bg-dark text-white border-0"
placeholder="Search games..."
value="{{ request('search') }}"
style="min-width: 250px;">
@@ -92,7 +92,7 @@
</div>
</div>
@if(request()->hasAny(['platform', 'genre', 'year', 'rating_range']))
@if(request()->hasAny(['platform', 'genre', 'year ', 'rating_range']))
<div class="mb-4">
<div class="d-flex flex-wrap gap-2">
@if(request('platform'))
@@ -123,35 +123,48 @@
</div>
@endif
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-4 g-4">
<div class="row g-4">
@foreach($games as $game)
<div class="col">
<div class="card gradient-border h-100">
<img src="{{ $game->cover_url ?? 'https://via.placeholder.com/300x400' }}"
class="card-img-top"
alt="{{ $game->name }}"
style="height: 300px; object-fit: cover;">
<div class="card-body">
<h5 class="card-title">{{ $game->name }}</h5>
<p class="card-text text-gray-400 small">
{{ Str::limit($game->summary, 100) }}
</p>
<div class="d-flex gap-2 mb-3">
@if($game->rating)
<span class="badge bg-primary"><i class="fas fa-star me-1"></i> {{ number_format($game->rating, 1) }}</span>
@endif
@if($game->first_release_date)
<span class="badge bg-secondary">
<i class="fas fa-calendar-alt me-1"></i> {{ \Carbon\Carbon::parse($game->first_release_date)->format('Y') }}
</span>
@endif
</div>
<a href="{{ route('games.show', $game->slug) }}" class="btn btn-gradient w-100">
<i class="fas fa-info-circle me-1"></i> View Details
<div class="col-md-2">
<div class="cover-container">
<a href="{{ route('games.show', $game->slug) }}">
<img src="{{ $game->cover_url ?? 'https://via.placeholder.com/300x400' }}"
class="card-img-top"
alt="{{ $game->name }}"
style="height: 300px; object-fit: cover;">
<div class="game-info-cover">
text here
</div>
</a>
</div>
</div>
</div>
{{-- <div class="col">--}}
{{-- <div class="card gradient-border h-100">--}}
{{-- <img src="{{ $game->cover_url ?? 'https://via.placeholder.com/300x400' }}"--}}
{{-- class="card-img-top"--}}
{{-- alt="{{ $game->name }}"--}}
{{-- style="height: 300px; object-fit: cover;">--}}
{{-- <div class="card-body">--}}
{{-- <h5 class="card-title">{{ $game->name }}</h5>--}}
{{-- <p class="card-text text-gray-400 small">--}}
{{-- {{ Str::limit($game->summary, 100) }}--}}
{{-- </p>--}}
{{-- <div class="d-flex gap-2 mb-3">--}}
{{-- @if($game->rating)--}}
{{-- <span class="badge bg-primary"><i class="fas fa-star me-1"></i> {{ number_format($game->rating, 1) }}</span>--}}
{{-- @endif--}}
{{-- @if($game->first_release_date)--}}
{{-- <span class="badge bg-secondary">--}}
{{-- <i class="fas fa-calendar-alt me-1"></i> {{ \Carbon\Carbon::parse($game->first_release_date)->format('Y') }}--}}
{{-- </span>--}}
{{-- @endif--}}
{{-- </div>--}}
{{-- <a href="{{ route('games.show', $game->slug) }}" class="btn btn-gradient w-100">--}}
{{-- <i class="fas fa-info-circle me-1"></i> View Details--}}
{{-- </a>--}}
{{-- </div>--}}
{{-- </div>--}}
{{-- </div>--}}
@endforeach
</div>