@extends('layouts.app') 

@section('content')

<div id="section" class="container-fluid container-site pt-3">  

	<div class="row mb-4">
		<div class="col d-flex align-items-end">
			<div><img src="/img/logo_light.png" height="30" class="mr-2 d-block" /></div> <span class="d-block category-header">{{ $section->name }}</span>
		</div>
	</div>

	@if ($a = $articles->get(0))
	<div class="row">
		<div class="col-12 col-md-8 px-0 px-md-2">
			<a href="{{ $a->route }}">
				<img src="{{ $a->cache('primary', 'image') }}" width="100%" />
			</a>
		</div>
		<div class="col-12 col-md-4 d-flex">
			<div class="align-self-end">
				<span class="text-uppercase category">{{ $a->subject->name }}</span>
				<h2><a href="{{ $a->route }}">{{ $a->title }}</a></h2>
				<p>{!! strip_tags($a->meta_description) !!}</p>
				<hr class="separator my-1"/>
				@if($author = $a->author)
				<span class="author">Por {{ $a->author->name }} {{ $a->author->surname }}</span>
				@endif
			</div>
		</div>
	</div>
	@endif
	
	<div class="row pt-5">
		@foreach($articles->skip(1) as $a)
		<div class="col-12 col-md-3 pb-5">
			<div>
				<a href="{{ $a->route }}"><img src="{{ $a->cache('tertiary', 'image') }}" class="img-fluid w-100" /></a>
			</div> 
			<span class="text-uppercase category">{{ $a->subject->name }}</span>
			<h3 class="mb-0"><a href="{{ $a->route }}">{{ strip_tags($a->title) }}</a></h3>
			<p class="mb-0">{!! mb_strimwidth(strip_tags($a->meta_description), 0, 100, '...') !!}</p>
			@if($author = $a->author)
			<span class="author">Por {{ $author->name }} {{ $author->surname }}</span>
			@endif
		</div>
		@endforeach
	</div>	
</div>

<!-- Contact Start here -->
<!--
include('layouts.partials.banner_subscribe')
-->
<!-- Contact End  -->

<!-- ****************** -->

@endsection