@php
    $meta = '<meta property="og:title" content="'.$post->title.'">
    <meta property="og:description" content="'.$post->title.'">
    <meta property="og:url" content="'.route('posts.show', $post->friendly_url).'">
    <meta property="og:site_name" content="'.$post->title.'">
    <meta property="article:publisher" content="'.route('posts.show', $post->friendly_url).'">
    <meta property="og:image" content="'.asset($post->thumbnail).'">
    <meta property="og:image:secure_url" content="'.asset($post->thumbnail).'">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <!-- Facebook / Twitter -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="'.$post->title.'">
    <meta name="twitter:description" content="'.$post->title.'">
    <meta name="twitter:image" content="'.asset($post->thumbnail).'">
    <!-- / SEO Marcação do Open Graph // Schema-->
    <meta itemprop="name" content="'.$post->title.'">
    <meta itemprop="description" content="'.$post->title.'">
    <meta itemprop="image" content="'.asset($post->thumbnail).'">';
@endphp
@include('header',
  [
    'meta' => $meta,
    'page' => 'blog'
  ]
)


<div class="wrapper">

  <div class="container">

    <div class="content_block row no-sidebar">
      <div class="fl-container">
        <div class="posts-block">
          <div class="contentarea"> 
            <div id="conteudo" style="padding-top: 0px;">
              <div class="row">
                <div class="col-sm-12">
                  <div class="titulo_padrao">NOTÍCIAS</div>
                </div>
              </div>
              <div style="margin-top: 20px;">
                <div class="row">
                  <div class="col-sm-12">
                      <div style="margin-top:20px;">

                        <h1 class="blog_lista_titulo">
                          <a href="#" class="blog_lista_titulo">{{ $post->title }}</a>
                        </h1>

                        <div class="blog_divisao_interna"></div>

                        <br/>
                          <br/>
                          <br/>

                        <div id="gallery">
                          <div class="blog_imagem_interna">
                            <center><img src="{{ asset($post->thumbnail) }}" style="max-width: 280px"></center></div>                          
                          </div>
                          <br/>
                          <br/>
                          <br/>
                        <div class="blog_padrao_conteudo">
                          {!! $post->sumary !!}


                          {!! $post->content !!}
                          
                        </div>
                        <div class="blog_divisao_interna2"></div>
                        <br/>
                        <br/>
                        <br/>
                        <div class="footer-post">
                        <div class="social">

                          <h2 class="blog_titulos">
                            Gostou? Compartilhe!
                          </h2>

                      
                              <a href="http://www.facebook.com/sharer.php?u={{ route('posts.show', $post->friendly_url) }}" class="facebook" target="_blank" title="Compartilhar via Facebook"><i class="fab fa-facebook fa-3x"></i></a>
                    
                              <a href="http://twitter.com/intent/tweet?text={{  $post->title }}url={{ route('posts.show', $post->friendly_url) }}" class="twitter" target="_blank" title="Compartilhar via Twitter"><i class="fab fa-twitter fa-3x"></i></a>
                    
                              <a href="whatsapp://send?text=Um amigo(a) seu compartilhou {{ route('posts.show', $post->friendly_url) }}" target="_blank" class="whatsapp" title="Compartilhar via Whatsapp"><i class="fab fa-whatsapp fa-3x"></i></a>
                      
                              <a href="http://linkedin.com/shareArticle?mini=true&amp;url={{ route('posts.show', $post->friendly_url) }}" target="_blank" class="linkedin" title="Compartilhar via LinkedIn"><i class="fab fa-linkedin fa-3x"></i></a>
                  

                        </div>




                        
                        
                        <main>
                          <div class="row mt-5 mb-5">
                            <!--card with shadow-->
                              @foreach ($posts as $post)
                                <div class="col-6 mb-4">
                                  <a href="{{ route('posts.show', $post->friendly_url) }}" style="text-decoration: none; color: inherit;">
                                    <article class="card shadow h-100 d-flex align-items-stretch">
                                      <div class="row">
                                        <div class="col-5">
                                          <img src="{{ asset($post->thumbnail) }}" alt="image" style="max-width: 190px; max-height: 140px;" >
                                        </div>
                                        <div class="col-7">
                                          <p><strong><b>{{ $post->title }}</b></strong></p>
                                          <span>
                                            <time>{{ timeZoneFormat($post->updated_at, 'd/m/Y H:i:s') }}</time>
                                          </span>
                                        </div>
                                      </div>
                                    </article>
                                  </a>
                                </div>
                              @endforeach
                              <div style="clear:center;">
                                <nav aria-label="Page navigation example">
                                  {!! $posts->links("pagination::bootstrap-4") !!}
                                </nav>
                              </div>  
                              
                          </div>
                        </main>
                      </div>   
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@include('footer')