@extends('layouts.app') 

@section('content')

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

	@foreach($articles as $a)
	<div class="row pt-5">
		<div class="col-12 col-md-3 px-5 px-md-2"> 
			<a href="{{ $a->route }}" class="img-hover-image podcast-article d-block" style="background-image:url({{ \Storage::url($a->image) }});"></a>
		</div>
		<div class="col-12 col-md-9 px-5 px-md-2"> 
			<span class="text-uppercase category">{{ $a->subject->name }}</span>
			<h3><a href="{{ $a->route }}">{{ strip_tags($a->title) }}</a></h3>	
			<p>{!! mb_strimwidth(strip_tags($a->meta_description), 0, 200, '...') !!}</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