@extends('layouts.app')

@section('seoheader')
    {!! $seo ?? '' !!}
@endsection

@section('content')

@include('utils.preloader')

@include('layouts.header')

    <div class="breadcrumb-area">
        <div class="container-fluid custom-container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('web') }}">Inicio</a></li>
                    <li class="breadcrumb-item active">Juegos</li>
                </ol>
            </nav>
        </div>
    </div>

    <div class="container-fluid custom-container mt-5">
        <div class="row">
            @foreach ($games as $g)
                <div class="col-md-2 mb-2">
                    <a href="{{ route('catalogo', ['game' => $g->slug]) }}" class="border-1" title="{{ $g->name }}">
                        <img class="border-1" src="{{ $g->image }}" alt="{{ $g->name }}">
                    </a>
                </div>
            @endforeach
        </div>
        <div class="row justify-content-center">
            <div class="max-auto">{{ $games->withQueryString('pagination::custom') }}</div>
        </div>
    </div>

@include('layouts.brand')

@include('layouts.newsletter')

@include('layouts.footer')

@include('utils.backtop')

@endsection