@extends('layouts.main')
@section('head-page-title')
    | Blog: {{ $post->title }}
@stop

@section('content')
    <div class="blog-post">
        @if ($post->featured_image)
            <div class="hero" id="post-hero">
                <div class="img-wrap">
                    <img src="{{$post->featured_image}}" alt="" class="header-image"/>
                </div>
                <h1 class="post-title visible-xs">
                    {{$post->title}}
                </h1>
            </div>
        @else
            <h1 class="post-title visible-xs">
                {{$post->title}}
            </h1>
        @endif
        <div class="post-body">
            <div class="container">
                <div class="row">
                    <div class="col-sm-10 col-sm-offset-1 col-md-10 col-md-offset-1 col-lg-12 col-lg-offset-0">
                        <div class="bg-white">
                            <h1 class="post-title hidden-xs">
                                {{$post->title}}
                            </h1>

                            <div class="post-intro">
                                <h2>{{$post->intro_heading}}</h2>

                                <p>{{$post->intro_paragraph}}</p>
                            </div>
                            <div class="post-content">
                                {!!$post->content!!}
                            </div>
                        </div>

                    </div>
                </div>

            </div>


        </div>
    </div>



@stop
@section('view-footer')

@stop

@section('custom-social')
    {{--General Metas--}}
    <meta name="description"
          content="{!!($post->intro_paragraph)? :'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="{!!($post->tags)?:'Matt Emrick, blog, web design, web dev'!!}">
    {{--Facebook OG--}}
    <meta property="og:title" content="{!!($post->title)?:''!!}">
    <meta property="og:site_name" content="mattemrickdotcom">
    <meta property="og:url" content="{!!url()!!}/blog/post/{!!$post->slug!!}">
    <meta property="og:description"
          content="{!!($post->intro_paragraph)?:''!!}">
    @if($post->featured_image)
        <meta property="og:image" content="{{url()}}{{$post->featured_image}}">
    @else
        <meta property="og:image" content="{{url()}}/images/og-image-site-compressed.jpg">
    @endif
    {{--Twitter Cards--}}
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:creator" content="@mattackpxpx">
    <meta name="twitter:title"
          content="Matt Emrick | {!!($post->title)?:''!!}">
    <meta name="twitter:description"
          content="{!!($post->intro_paragraph)?:''!!}">
    <meta name="twitter:image" content="{{url()}}{{$post->featured_image}}">

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