@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="{{ $blogPost->title }} | {{ config('app.name', 'Laravel') }}">
  @if(isset($blogPost->image) && $blogPost->image != null)
    <meta property="og:image" content="{{ route('file_storage_serve', ['params' => 'images', 'file' => $blogPost->image]) }}">
    @else
    <meta property="og:image" content="{{ route('file_storage_serve', ['params' => 'images', 'file' => 'social_image.png']) }}">
    @endif  
  <meta property="og:description" content="{{ $blogPost->meta_description}}">

  <!-- 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)}}');"> --}}
    <section class="blog-image" style="background-image: url('{{ route('file_storage_serve', ['params' => 'blog', 'file' => $blogPost->image]) }}');">
        <img src="{{ route('file_storage_serve', ['params' => 'blog', 'file' => $blogPost->image]) }}" alt="{{$blogPost->alt_tag}}" alt="{{$blogPost->image_alt}}" 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 f-35">{!!$blogPost->title!!}</h1>
                <p class="f-14">Posted by <u>{{$blogPost->published_by}}</u> on{{\Carbon\Carbon::parse($blogPost->published_date)->format(' d  M Y')}}</p>

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

@include('front.partials.resources_section')

@include('front.partials.free_trial_black_bar')


@endsection

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