@extends('web.layouts.main')

@section('content')

@include('web.components.counter')

<div class="container py-5 my-4">
	@if($latest_news)
	<div class="row justify-content-between align-items-center mb-5">
		<div class="col-md-5 mb-3 mb-md-0">
			<div class="picture-wrapper padding-top-80">
				<img class="cover" src="{{ $latest_news->image }}" alt="{{ $latest_news->title }}">
			</div>
		</div>
		<div class="col-md-6">
			<p class="h2 text-primary mb-4"><b>{{ $latest_news->title }}</b></p>
			<div class="rich-text font-weight-light">
				{!! $latest_news->text !!}
			</div>
		</div>
	</div>
	@endif

	<div class="row">
		@foreach($news as $single_news)
		<div class="col-sm-6 col-md-4 mb-4">
			<div class="border">
				<div class="picture-wrapper padding-top-80">
					<img class="cover" src="{{ $single_news->image }}" alt="{{ $single_news->title }}">
				</div>
				<div class="p-4">
					<p class="h4 mb-3"><b>{{ $single_news->title }}</b></p>
					<p>{{ $single_news->text_preview }}</p>
				</div>
			</div>
		</div>
		@endforeach
	</div>

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


@endsection