@extends('layouts.app') 

@section('metas')
<meta property="og:title" content="Liber {{ $magazine->number }}"/>
<meta property="og:description" content="{{ $magazine->topic }}"/>
<meta property="og:url" content="{{ request()->url() }}" />
<meta property="og:image" content="{{ \Storage::url($magazine->cover) }}" />
@endsection

@section('content')

<div class="px-0 px-md-4">
	<div class="container-fluid container-site pt-3">  
		
		@if ($magazine)
		<div class="row pb-5">
			<div class="col-12 col-md-6 px-0 px-md-2">
				<img src="{{ \Storage::url($magazine->cover) }}" class="img-fluid" />
			</div>
			<div class="col-12 col-md-6">
				<div class="px-4 h-100 d-flex align-items-start flex-column">
					<div class="magazine-header pb-4 pt-3 liber mb-auto">
						Liber <span class="magazine-number liber-number mx-1">{{ $magazine->number }}</span> <img src="/img/logo-ac-sm.png" height="30" alt="Arte y Cultura">
				
					</div> 
					<div>
						<h2>Editorial</h2>
						@if ($editorial)
						<p>{!! mb_strimwidth(strip_tags($editorial->content), 0, 800, '...') !!}</p>
						<div class="d-block d-md-flex text-center">
							<div class="mb-4 mr-0 mr-md-3"><a href="{{ $editorial->route }}" class="btn-gray mb-3">Seguir leyendo</a></div>
							@if ($json = json_decode($magazine->pdf))
							<div><a href="{{ \Storage::url($json[0]->download_link)  }}" class="btn-yellow" target="_blank">Ver liber en pdf</a></div>
							@endif
						</div>
						@endif
					</div>
				</div>
			</div>
		</div>
		@endif
		
		<div class="row py-5">
			<div class="col text-center"> 
				<h2>Contenido</h2>
			</div>
		</div>
	
		@foreach($articles as $a)
		<div class="row pt-2 pb-3">
			<div class="col-12 col-md-6"> 
				<div class="px-3">
					<a href="{{ $a->route }}" class="img-hover-image magazine-article d-block" style="background-image:url({{ \Storage::url($a->cover) }});"></a>	
				</div>
			</div>
			<div class="col-12 col-md-6"> 
				<div class="px-4">
					<span class="text-uppercase category">{{ @$a->subject->name }}</span>
					<h3><a href="{{ $a->route }}">{{ mb_strimwidth(strip_tags($a->title), 0, 40, '...') }}</a></h3>	
					<!-- <p class="mb-0">{!! mb_strimwidth(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>
		</div>
		@endforeach
	
		<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 }}">{{ mb_strimwidth(strip_tags($a->title), 0, 60, '...') }}</a></li>
						@endforeach -->
					</ul>
					<div class="text-center">
						<div class="mb-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