@extends('layouts.app') 

@section('content')

<div id="videos" class="container-fluid container-site pt-3">  
	
	<div class="row py-5">
		<div class="col text-center"> 
			<img src="/img/logo_light.png" height="30" class="mr-2" /> <img src="/img/video_icon_b.png" height="30" /> 
		</div>
	</div>

	@foreach($articles as $a)
	<div class="row pb-5">
		<div class="col-12 col-md-3 px-0 px-md-2"> 
			<a href="{{ $a->route }}" class="img-hover-image video-article d-block" style="background-image:url({{ \Storage::url($a->image) }});"></a>
		</div>
		<div class="col-12 col-md-9 pt-3 pt-md-0 px-4 px-md-2"> 
			<span class="text-uppercase category">{{ @$a->subject->name }}</span>
			<h3><a href="{{ $a->route }}">{{ strip_tags($a->title) }}</a></h3>	
			<p class="mb-0">{!! mb_strimwidth(trim(strip_tags($a->meta_description)), 0, 130, '...') !!}</p>
			@if ($a->author)
			<span class="author">Por {{ $a->author->name }} {{ $a->author->surname }}</span>
			@endif
		</div>
	</div>
	@endforeach

</div>

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

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

@endsection