@extends('web.layouts.main')

@section('content')

@include('web.components.page-header', ['heading' => $section->title])

<div class="container pb-5 mb-5">
	<div class="row">
		@foreach($winners as $winner)
		<div class="col-sm-6 col-lg-4 col-xl-3 mb-4">
			<div class="winner-wrapper border-radius bg-quaternary py-4 px-5 px-sm-4 px-xxl-5 h-100">
				<div class="px-4">
					<div class="ratio ratio-1x1 mb-3">
						<img class="cover rounded-circle" src="{{ $winner->image }}" alt="{{ $winner->name }}">
					</div>
				</div>
				<div class="text-center mb-2">
					<p class="h5 mb-1">{{ $winner->name }}</p>
					<p class="h4 text-primary"><b>{{ $winner->prize_formated }}</b></p>
				</div>
				<table width="100%">
					<tbody>
						<tr>
							<td>{{ trans('text.draw') }} #:</td>
							<td>{{ $winner->Draw->draw_number }}</td>
						</tr>
						<tr>
							<td>{{ trans('text.date') }}:</td>
							<td dir="ltr">{{ date('d F, Y' , strtotime($winner->Draw->date)) }}</td>
						</tr>
						<tr>
							<td>{{ trans('text.rank') }}:</td>
							<td>{{ $winner->rank }}</td>
						</tr>
						<tr>
							<td>{{ trans('text.game') }}:</td>
							<td>{{ $winner->Game->title }}</td>
						</tr>
						<tr>
							<td>{{ trans('text.pos') }}:</td>
							<td>{{ $winner->PointOfSale->title }}</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		@endforeach
	</div>

	<div class="text-center">{{ $winners->links() }}</div>
</div>

@endsection