@extends('layouts.default')

@section('title', FootyRoom\Support\Utils\Helpers::title("Hall Of Fame - $decade's"))

@push('styles')
	<link rel="stylesheet" type="text/css" href="/css/history.css?v=4">
@endpush

@section('content')
	<div class="site-tree">
		<a href="/">Home</a>
		<div class="separator"></div>
		<a href="/hall-of-fame">Hall of Fame</a>
		<div class="separator"></div>
		<a href="/hall-of-fame/{{ $decade }}-{{ $decade + 10 }}">{{ $decade }}'s</a>
		<div class="separator"></div>
	</div>

	<div id="mainBox" class="clearfix hof">
		<div class="history_top">
			<div class="history_heading">The Legends and The Heroes of {{ $decade }}'s</div>
		</div>

		<ul id="players" class="timeline">
			@for ($i = 0; $i < count($players); $i++)
				<li class="col-xs-12 col-ms-6">
					<a class="year" href="/hall-of-fame/{{ $players[$i]->slug }}">{{ $players[$i]->nicename }}</a>
					<img src="https://images.footyroom.com/hof/{{ $decade }}/{{ $players[$i]->photo }}" />
				</li>
			@endfor
		</ul>
	</div>
@endsection