@if ($article)
  <div class="block-wrapper title-text-video" data-article-id="{{ $article->id }}" data-anchor="#artigo{{{$article->id}}}">
    <a id="artigo{{{$article->id}}}"></a>
    <div class="block-container">
      <div class="header">
        @if ($article->title)
           <h3>{{ $article->title }}</h3>
        @endif
        @if ($article->subtitle)
          <h4>{{ $article->subtitle }}</h4>
        @endif
        @include('frontend.partials.reusables.social')
      </div>
      <dib class="reverse-direction">
        <div class="content">
           <div class="player-wrapper">
              @if(isset($article->link) && !empty($article->link) && $article->link != "")
                <div class="player js-global-video" data-video-src="{{ $article->link }}">
                  @if ($article->image)
                    <div class="js-placeholder-image placeholder-image" style="background-image: url({{ getMediaUrl($article->image->filename, '700') }})"></div>
                  @endif
                  <div class="js-global-video-control-icon js-global-video-toggle play-button pause"></div>
                </div>
                <div class="titles">
                @if($article->link_title)
                  <h4>{{ $article->link_title }}</h4>
                @endif
                @if($article->link_subtitle)
                  <h5>{{ $article->link_subtitle }}</h5>
                @endif
              </div>
            @endif
          </div>
          <div class="text-wrapper">
            <div class="paragraphs-wrapper">
              <div class="paragraphs">
                @if($article->content)
                  {{ $article->content }}
                @endif
              </div>
            </div>
            <a class="js-toggle-text" href="#">Ler mais</a>
          </div>
        </div>
      </dib>
    </div>
  </div>
@endif