@extends('web.layouts.main')

@section('content')

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

<div class="container pb-5 mb-5">
	<div class="row justify-content-center">
		<div class="col-lg-8">
			<div class="row justify-content-center">
				@foreach($prizes_rankings as $key => $prize_ranking)
				@if($key == 0 || $key == 1)
				<div class="col-lg-4 mb-4">
					<div class="bg-grey border-radius text-center h-100 py-5 px-4">
						<div class="prizes-img mx-auto mb-4">
							<img src="{{ asset('assets_web/images/icons/doodle-red.svg') }}">
						</div>
						<p>{{ $prize_ranking->title }}</p>
						<span class="h4 d-block text-primary mt-3"><b>{{ $prize_ranking->prize ? $prize_ranking->prize_formated : '' }}</b></span>
						<p class="mt-3">{{ $prize_ranking->text }}</p>
					</div>
				</div>
				@endif
				@endforeach
			</div>

			<div class="row justify-content-center">
				@foreach($prizes_rankings as $key => $prize_ranking)
				@if($key != 0 && $key !== 1)
				<div class="col-lg-4 mb-4">
					<div class="bg-grey border-radius text-center h-100 p-5">
						<div class="prizes-img mx-auto mb-4">
							<img src="{{ asset('assets_web/images/icons/doodle-red.svg') }}">
						</div>
						<p>{{ $prize_ranking->title }}</p>
						<span class="h4 d-block text-primary mt-3"><b>{{ $prize_ranking->prize ? $prize_ranking->prize_formated : '' }}</b></span>
						<p class="mt-3">{{ $prize_ranking->text }}</p>
					</div>
				</div>
				@endif
				@endforeach
			</div>
		</div>
	</div>
</div>

@endsection