@extends('layouts.blog')

@section('head-page-title')
    | Blog: Search Results for {{ $query }}
@stop

@section('content')
    <div class="container" id="blog-index">
        <div class="row">
            <div class="col-sm-8 col-md-9">
                <h1>The Parasoleil Blog</h1>
                <h2>Search Results for {{$query}}</h2>
                @foreach($posts as $category=>$posts)
                    @if(count($posts)>0)
                        <h3>Results for "{{$query}}" in {{$category}}</h3>
                        @foreach($posts as $index => $post)
                            @if($index !== 0)
                                <hr>
                            @endif
                            <div class="post-summary">
                                <a href="{{ route('blog.show', $post->slug) }}">
                                    @if($post->featured_image)
                                        <img src="{{$post->featured_image}}" class="img-responsive featured-image"
                                             alt=""/>
                                    @else
                                        <img src="{{ asset('/images/blog_fallback.jpg') }}"
                                             class="img-responsive featured-image" alt="">
                                    @endif
                                </a>
                                <a class="h2" href="{{ route('blog.show', $post->slug) }}">{{$post->title}}</a>

                                <p class="author-date-line">By <strong>{{$post->author}}</strong>
                                    // {{ $post->publish_date->format('F d, Y') }}</p>

                                <div class="post-preview-content"><p>{!! str_limit(strip_tags($post->content), 350, '...<a
                                                class="read-more-link" href="' . route('blog.show', $post->slug) . '">Read
                                            Full Post</a>') !!}</p></div>
                            </div>
                        @endforeach
                    @endif
                @endforeach
            </div>
            <div class="col-sm-4 col-md-3 blog-sidebar">
                @include('blog.includes.sidebar')
            </div>
        </div>
    </div>
@stop