@extends('layouts.app')

@section('content')
<div class="container" id="index">

<h1>Top Anime</h1>
@foreach($top_anime as $anime)
	<div class="row">
		<div class="col-sm-4 col-lg-3">
			<a href="/anime/{{ $anime->mal_id}}" title="Click for more data">
				<img src="{{ $anime->image_url }}" class="img-fluid" style="margin-bottom: 10px;">
			</a>
		</div>
		<div class="col-sm-8 col-lg-9">
			<h2>{{ $anime->title_pref }}</h2>
			Score: {{ $anime->score_today }}
			<br>
			Popularity {{ $anime->score_today }}
			<br>
			<a href="/anime/{{ $anime->mal_id}}" title="Click for more data">
				Click for more data
			</a>
		</div>
	</div>
@endforeach

{{ $top_anime->links() }}
</div>
@endsection