@extends('layouts.main')

@section('head-page-title')
    | Blog
@stop

@section('content')
    <div class="container blog-index">
        <div class="row">
            <div class="col-sm-10  col-sm-offset-1">
                <div class="page-header text-center">
                    <h1>Blogity Blog Blog</h1>
                    <p>This is a page for blogity business.  I'll make things that say things maybe possibly.</p>
                </div>

                <div class="row">
                    @foreach($posts as $index => $post)
                        <div class="col-md-6 preview-tile">
                            @if($post->featured_image)
                                <div class="preview-tile-image">
                                    <a href="{{ route('blog.show', $post->slug) }}">
                                        <img src="{{$post->featured_image_tile}}" srcset="{{$post->featured_image_tile_2x}} 2x" class="img-responsive featured-image"
                                             alt=""/>
                                    </a>
                                    <a class="title-link"
                                       href="{{ route('blog.show', $post->slug) }}">{{$post->title}} <small>{{ $post->publish_date->format('n/j/Y') }}</small></a>
                                </div>
                            @else
                                <a class="title-link"
                                   href="{{ route('blog.show', $post->slug) }}">{{$post->title}} <small>{{ $post->publish_date->format('n/j/Y') }}</small></a>
                            @endif
                            <p>{{str_limit($post->intro_paragraph,200)}}</p>
                        </div>
                    @endforeach
                </div>
                {{--@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"><strong>By {{$post->author}}</strong> {{ $post->publish_date->format('m/d/Y') }}</p>--}}
                {{--<div class="post-preview-content"><p class="text-justify">{!! str_limit(strip_tags($post->content), 350, '...') !!}</p><p><a class="read-more-link" href="{{ route('blog.show', $post->slug) }}">Read Full Post</a></p></div>--}}
                {{--</div>--}}
                {{--@endforeach--}}
                @if(isset($posts->no_category_posts))
                    <div class="post-summary no-category-posts">
                        <p>Sorry, but there are currently no posts in this category. Please check back soon!</p>
                    </div>
                @endif
                @if( method_exists($posts, 'render') )
                    <div class="text-right">
                        {!! $posts->render() !!}
                    </div>
                @endif
            </div>
        </div>
    </div>
@stop

@section('custom-social')
    {{--General Metas--}}
    <meta name="description"
          content="This is my blog. There are many like it but this one is mine.  I'll talk web, music, and smathering of other shit that moves me.">
    <meta name="keywords" content="Matt Emrick, blog, web design, web dev">
    {{--Facebook OG--}}
    <meta property="og:title" content="Matt Emrick | Blog">
    <meta property="og:site_name" content="mattemrickdotcom">
    <meta property="og:url" content="{{url()}}/blog">
    <meta property="og:description"
          content="Stuff n Junk">
    <meta property="og:image" content="{{url()}}/images/og-image-site-compressed.jpg">
    {{--Twitter Cards--}}
    <meta name="twitter:card" content="Stuff n Junk">
    <meta name="twitter:creator" content="@mattackpxpx">
    <meta name="twitter:title"
          content="Matt Emrick | Blog">
    <meta name="twitter:description"
          content="Stuff n Junk">
    <meta name="twitter:image" content="{{url()}}/images/og-image-site-compressed.jpg">

    <link rel="canonical" href="{!!url()!!}/blog/"/>
@stop