@extends('layouts.app')

@section('title','News')

@section('meta')
  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="{{Request::url()}}">
  <meta property="og:title" content="News">
  <meta property="og:image" content="{{asset('/storage/'.$blogPost->image)}}">
  
  <meta property="og:description" content="{{ $blogPost->meta_tags}}">

  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image">
  <meta property="twitter:url" content="{{Request::url()}}">
  <meta property="twitter:title" content="News">
  <meta property="twitter:image" content="{{asset('/storage/'.$blogPost->image)}}}">

  <meta property="og:image:width" content="600"/>
  <meta property="og:image:height" content="315"/>
  <meta name="description" content="{{ $blogPost->meta_tags}}">

@endsection

@section('header')

	@include('front.partials.header')
@endsection

@section('content')
<div class="page-wrapper">
<section class="blog-image" style="background-image: url('{{Storage::url($blogPost->image)}}');">
    <img src="{{Storage::url($blogPost->image)}}" alt="{{$blogPost->alt_tag}}" alt="{{$blogPost->alt_tag}}" class="d-none">
</section>

<section class="standard-block py-4 py-md-5">
    <div class="container">
        <div class="row">
            <div class="col-12 offset-0 col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
                <ul class="list-inline mb-4">
                    <li class="list-inline-item">NEWS</li>
                </ul>

                <h1 class="h2 text-center mb-4 mb-md-5">{!!$blogPost->title!!}</h1>
                <p class="f-16">Posted by <a href="#" class="color-main"><u>{{$blogPost->user->name}}</u></a> on {{ \Carbon\Carbon::parse($blogPost->created_at)->isoFormat(' Do MMMM YYYY')}}</p>

                <div class="f-16 blog-text">
                    {!!$blogPost->text!!}
                </div>
            </div>
        </div>
    </div>
</section>

@include('front.partials.blogs_section')

@include('front.partials.free_trial_black_bar')


@endsection

@section('footer')
    @include('front.partials.footer')
</div>
@endsection