@extends('layouts.main')

@section('content')
    <div id="innerCarousel" class="carousel slide" data-bs-ride="carousel">
        <!-- The slideshow/carousel -->
        <div class="carousel-inner">
            <div class="carousel-item active">
                <h3>All Games Archive</h3>
            </div>
        </div>
    </div>

    <section class="container mt-5 bitContainer">
        <div class="row">
            @foreach ($games as $game)
                <div class="col-xl-3 col-md-4 col-12">
                    <div class="jodiBox">
                        <h2>{{ $game->game_name }}</h2>
                        <a href="{{ route('singlegame', $game->id) }}">View Game</a>
                    </div>
                </div>
            @endforeach
        </div>
    </section>
@endsection