@extends('layouts.blog')
@section('title')
{{-- {{ $tag . " | Technoblog" }} --}}
@endsection
@section('blog_content')

	<div class="mainContent">
		<div class="container-fluid p-4">

			<div class="row">

				<div class="col-md-12">

					<style>
						.default_sectionTitle_search:before,
						.default_sectionTitle_search span,
						.default_sectionTitle_search a {
							background: #34c27b;
							color: #34c27b;
						}
					</style>

					@if($results->count() == 0)
						<header class="default_sectionTitle default_sectionTitle_search"><span>No result</span></header>
					@else
						<header class="default_sectionTitle default_sectionTitle_search"><span>There are {{ $results->count() }} results</span></header>
					@endif

				</div>

				@foreach($results as $post)

					<div class="col-md-4 post-item">
						<div class="card">
							<div class="card-img-top-wrapper">
								<img class="card-img-top" src="/uploads/{{ $post->image_link }}" alt="Card image cap">
							</div>
							<div class="card-body">
								<h5 class="card-title"><a href="/category/{{ strtolower($post->category->name) }}/{{ $post->slug }}" class="blogSectionCardLink">{{ $post->title }}</a></h5>
								<p class="card-text">{!! str_limit($post->content, 90) !!}</p>
							</div>
							<div class="card-footer">
								<small class="text-muted">{{ $post->ago() }}</small>
							</div>
						</div>
					</div>

				@endforeach

			</div>

		</div>

	</div>

@endsection