@extends('layouts.app') @section('content')

<div id="search" class="container-fluid container-site">
    <div class="row mb-4">
		<div class="col">	
			@if ($t)
			<h2 class="mb-3">Resultados de palabra clave</h2>
			<span class="tag py-2 px-4">#{{ $t }}</span>
			@else
			<h2>Resultados de búsqueda</h2>
			@endif
		</div>				
	</div>
	@foreach($results as $a)
	<div class="row mb-4">
		<div class="col d-flex align-items-center">	
			<div class="mr-4">
				<img src="{{ $a->cache('tertiary', 'image') }}" />
			</div>
			<div>				
				<div class="d-flex align-items-center">
					@if ($subject = $a->subject)
					<span class="text-uppercase category d-block">{{ $a->subject->name }}</span>
					@endif
					<span class="px-2 type d-block">{{ @['video' => 'Video', 'podcast' => 'Podcast'][$a->media_type] ?? 'Artículo' }}</span>
					<div><img src="{{ @['video' => '/img/video_icon_b.png', 'podcast' => '/img/podcast_icon_b.png'][$a->media_type] ?? '/img/article_icon_b.png' }}" height="20" /></div>
				</div>
				<h3><a href="{{ $a->route }}">{{ $a->title }}</a></h3>
				<p class="mb-0">{!! mb_strimwidth(strip_tags($a->meta_description), 0, 250, '...') !!}</p>
			</div>
		</div>				
	</div>
	@endforeach
	@if(count($results) == 0)
	<div class="row my-5">
		<div class="col text-center">	
			No se encontraron resultados de búsqueda
		</div>				
	</div>
	@endif
</div>

<div class="row px-15 text-center d-flex">
    <div class="mx-auto">
        {{ $results->links("pagination::bootstrap-4") }}
    </div>
    <br>
    <br>
</div>

@endsection