@extends('layouts.site')

@section('content')
  <section id="capa-noticias" style="padding-bottom: 0;">
    <div class="container">
      <div class="row">
        <div class="col-12 col-md-12 col-lg-7">
          <h1 class="titulo-padrao-azul">Releases</h1>

          <div class="box-esq owl-carousel owl-theme">
            @foreach ($noticias_destaque as $key => $noticia)
              <article class="noticia-destaque item">
                <a href="{{ route('noticias.clicada', ['slug' => $noticia->slug]) }}">
                  <figure>
                    <img src="{{ $noticia->fullImagem() }}" alt="" class="img-fluid">
                  </figure>

                  <figcaption>
                    <span><strong style="color: {{ $noticia->categoria->cor }}">{{ $noticia->categoria->nome }}</strong> | {{ dataNoticia($noticia->publicacao->format('d/m/Y')) }}</span>
                    <h1>{{ $noticia->titulo }}</h1>
                    <p>{!! strip_tags(substr($noticia->conteudo, 0, 145)) !!}{{ strlen(strip_tags($noticia->conteudo)) > 145 ? '...' : '' }}</p>
                  </figcaption>
                </a>
              </article>
            @endforeach
          </div>
        </div>

        <div class="col-12 col-md-12 col-lg-5">
          <h1 class="titulo-padrao-azul">Outros Releases</h1>

          <div class="box-dir">
            @foreach ($ultimas_noticias as $key => $noticia)
              <a href="{{ route('noticias.clicada', ['slug' => $noticia->slug]) }}">
                <article class="card-noticia">
                  <figure>
                    <img src="{{ $noticia->fullImagem() }}" alt="" class="img-fluid">
                  </figure>
                  <figcaption class="texto-card">
                    <span><strong style="color: {{ $noticia->categoria->cor }}">{{ $noticia->categoria->nome }}</strong> | {{ dataNoticia($noticia->publicacao->format('d/m/Y')) }}</span>
                    <h1>{{ substr($noticia->titulo, 0, 77) }}{{ strlen($noticia->titulo) > 77 ? '...' : '' }}</h1>
                    <p>{!! strip_tags(substr($noticia->conteudo, 0, 116)) !!}{{ strlen(strip_tags($noticia->conteudo)) > 116 ? '...' : '' }}</p>
                  </figcaption>
                </article>
              </a>
            @endforeach
          </div>

          <a class="btn-veja-mais" href="{{ route('noticias') }}">Veja Mais</a>
        </div>
      </div>
    </div>
  </section>

  <section id="capa-noticias" style="padding-top: 60px; padding-bottom: 0;">
    <div class="container">
      <div class="row">
        <div class="col-12 col-md-12 col-lg-7">
          <h1 class="titulo-padrao-azul">Vídeos</h1>

          <div class="box-esq owl-theme" id="tv-camara">
            @foreach ($videos_destaque as $key => $midia)
              <div class="secao-ao-vivo" style="padding: 0">
                <div class="box-ao-vivo">
                  <div class="video-ao-vivo">
                    @include('admin.midias.video')
                  </div>
                  <h1 class="titulo-ao-vivo">{{ $midia->titulo }}</h1>
                </div>
              </div>
            @endforeach
          </div>
        </div>

        <div class="col-12 col-md-12 col-lg-5">
          <h1 class="titulo-padrao-azul">Outros vídeos</h1>

          <div class="box-dir">
            @foreach ($ultimos_videos as $key => $midia)
              <a href="{{ route('videos.clicado', ['uuid' => $midia->uuid]) }}">
                <article class="card-noticia">
                  @include('admin.midias.video')

                  <figcaption class="texto-card">
                    <span><strong style="color: {{ $midia->categoria->cor }}">{{ $midia->categoria->nome }}</strong> | {{ dataNoticia($midia->publicacao->format('d/m/Y')) }}</span>
                    <h1>{{ substr($midia->titulo, 0, 77) }}{{ strlen($midia->titulo) > 77 ? '...' : '' }}</h1>
                    <p>{!! strip_tags(substr($midia->descricao, 0, 116)) !!}{{ strlen(strip_tags($midia->descricao)) > 116 ? '...' : '' }}</p>
                  </figcaption>
                </article>
              </a>
            @endforeach
          </div>

          <a class="btn-veja-mais" href="{{ route('videos') }}">Veja Mais</a>
        </div>
      </div>
    </div>
  </section>

  <section id="capa-noticias" style="padding-top: 60px;">
    <div class="container">
      <div class="row">
        <div class="col-12 col-md-12 col-lg-7">
          <h1 class="titulo-padrao-azul">Áudios</h1>

          <div class="box-esq owl-theme">
            @foreach ($audios_destaque as $key => $midia)
              <article class="noticia-destaque item" style="height: 150px;">
                <a href="{{ route('audios.clicado', ['uuid' => $midia->uuid]) }}" style="text-decoration: none;">
                  <div class="box-player" style="margin-bottom: 20px">
                    @include('admin.midias.audio')
                    <h1>{{ $midia->titulo }}</h1>
                  </div>

                  <figcaption style="background: none; color: #5b5b5b; padding: 0; text-shadow: 0 0; ">
                    <span><strong style="color: {{ $midia->categoria->cor }}">{{ $midia->categoria->nome }}</strong> | {{ dataNoticia($midia->publicacao->format('d/m/Y')) }}</span>
                    <p>{!! strip_tags(substr($midia->descricao, 0, 116)) !!}{{ strlen(strip_tags($midia->descricao)) > 116 ? '...' : '' }}</p>
                  </figcaption>
                </a>
              </article>
            @endforeach
          </div>
        </div>

        <div class="col-12 col-md-12 col-lg-5">
          <h1 class="titulo-padrao-azul">Outros áudios</h1>

          <div class="box-dir">
            @foreach ($ultimos_audios as $key => $midia)
              <a href="{{ route('audios.clicado', ['uuid' => $midia->uuid, 'tipo' => 'audio']) }}">
                <article class="card-noticia">                  
                  @include('admin.midias.audio')

                  <figcaption class="texto-card">
                    <span><strong style="color: {{ $midia->categoria->cor }}">{{ $midia->categoria->nome }}</strong> | {{ dataNoticia($midia->publicacao->format('d/m/Y')) }}</span>
                    <h1>{{ substr($midia->titulo, 0, 77) }}{{ strlen($midia->titulo) > 77 ? '...' : '' }}</h1>
                    <p>{!! strip_tags(substr($midia->descricao, 0, 116)) !!}{{ strlen(strip_tags($midia->descricao)) > 116 ? '...' : '' }}</p>
                  </figcaption>
                </article>
              </a>
            @endforeach
          </div>

          <a class="btn-veja-mais" href="{{ route('audios') }}">Veja Mais</a>
        </div>
      </div>
    </div>
  </section>
@endsection