@extends('layouts.web')

@section('head-js')
    <script src="{{ asset('js/web/pages/news_show.js') }}" defer></script>
@endsection

@section('css')
    <link rel="stylesheet" href="{{ asset('css/web/pages/news_show.css') }}">
@endsection

@section('content')
    @component('web.components.default.section',
        [
            'class' => 'post',
        ])
        @include(
            'web.components.layout.page_title',
            [
                'title' => $post->publication->title,
            ]
        )
        
        @include('web.components.pages.news.menu')

        <div class="col-lg-9 post__card">
          <div>
            <figure>
              <img src="{{ asset('storage/' . $post->medias[0]->path) }}"
                  alt="Sobre" class="img-fluid rounded">
                  
            </figure> 
              <article class="post__content">     
                <h5>{{ $post->publication->title }}</h5>    
                  {!! $post->publication->content !!}
              </article>
          </div>
         

            @includeWhen(
                $post->gallery_count > 0,
                'web.components.default.publication.publication_gallery',
                [
                    'slide' => [
                        'class' => 'post-splide mt-5',
                        'id' => 'gallery',
                        'slides' => $post->gallery_count,
                    ],
                    'medias' => $post->gallery,
                ]
            )
        </div>
    @endcomponent
@endsection