@extends('layouts.main')

@section('content')
  <div class="container grid">
    <div class="entry-meta" data-gos="fadeUp" data-gos-duration="400" data-gos-delay="200">
      @if($image = get_field('image'))
        @include('partials.picture', [
          'post' => $image['id'],
          'sizes' => '(min-width: 768px) 66vw, 100vw'
        ])
      @endif
      <a href="{{ home_url('/blog') }}" class="back-link">Back to all blog</a>
    </div>
    <div class="entry-wrapper" data-gos="fadeUp" data-gos-duration="400" data-gos-delay="400">
      <h1 class="entry-title">{{ html_entity_decode(get_the_title()); }}</h1>
      @if($content = get_field('content'))
        <div class="entry-content component text-editor">
          @php $content = str_replace('<p>&nbsp;</p>', '', $content); @endphp
          {!! $content !!}
        </div>
      @endif
      <div class="entry-actions">
        @include('components.share-button', [
          'button_text' => 'Share on Linkedin',
          'platform' => 'linkedin',
          'text' => get_the_title(),
          'url' => get_permalink()
        ])
        @include('components.share-button', [
          'button_text' => 'Share on Twitter',
          'platform' => 'twitter',
          'text' => get_the_title(),
          'url' => get_permalink()
        ])
      </div>
    </div>
  </div>
@endsection