@extends('layouts.app') 

@section('content')

<div class="px-0 px-md-4">
	<div class="container-fluid container-site pt-3">  		
	
		<div class="row py-5">
			<div class="col text-center"> 
				<h2>Archivo de la revista digital Liber</h2>
			</div>
		</div>
		
		<div class="row pt-2">
			@foreach($magazines as $m)
			<div class="col-12 col-md-3 mb-4"> 
				<div class="p-3 magazine-item h-100">	
					<div class="magazine-item-header mb-2">
						Liber {{ $m->number }}
					</div>
					<div>
						<img src="{{ \Storage::url($m->cover) }}" class="img-fluid" />
					</div>
					<!--
					<ul class="list-unstyled pt-2">
						@foreach($m->notable(3)->get() as $a)
						<li class="py-2"><a href="{{ $a->route }}">{{ strip_tags($a->title) }}</a></li>
						@endforeach
					</ul>
					-->
					<div class="text-center">
						<div class="mb-3 pt-3"><a href="{{ route('magazine', $m->slug) }}" class="btn-none">Ver todo el contenido</a></div>
						@if ($json = json_decode($m->pdf))
						<div><a href="{{ \Storage::url($json[0]->download_link)  }}" class="btn-yellow" target="_blank">Ver liber en pdf</a></div>
						@endif
					</div>
				</div>
			</div>
			@endforeach
		</div>
		
	</div>
</div>

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

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

@endsection