@extends('layouts.app')

@section('content')
  <h1>Anasayfa</h1>

  <h2>Yeni Oyunlar</h2>
  <div class="grid">
    @foreach($new as $g)
      <a class="card" href="/{{ $g->fileid }}/{{ $g->slug }}.html">
        @php
          $img = $g->imagename ? url('/files/image/'.$g->imagename) : null;
        @endphp
        @if($img)
          <img class="thumb" src="{{ $img }}" alt="{{ $g->title }}">
        @else
          <div class="thumb"></div>
        @endif
        <div style="margin-top:8px"><b>{{ $g->title }}</b></div>
        <div class="small">ID: {{ $g->fileid }}</div>
      </a>
    @endforeach
  </div>

  <h2 style="margin-top:18px">Popüler Oyunlar</h2>
  <div class="grid">
    @foreach($popular as $g)
      <a class="card" href="/{{ $g->fileid }}/{{ $g->slug }}.html">
        <b>{{ $g->title }}</b>
        <div class="small">Oynanma: {{ (int)$g->timesplayed }}</div>
      </a>
    @endforeach
  </div>

  <h2 style="margin-top:18px">En Güzel Oyunlar</h2>
  <div class="grid">
    @foreach($best as $g)
      <a class="card" href="/{{ $g->fileid }}/{{ $g->slug }}.html">
        <b>{{ $g->title }}</b>
        <div class="small">Puan: {{ (float)$g->rating }}</div>
      </a>
    @endforeach
  </div>
@endsection