@extends('layouts.site')

@section('content')
<section id="lista-noticias">
    <div class="container">
        <h1 class="titulo-padrao-azul">releases</h1>

        <div class="box-breadcrumb">
            <ul class="breadcrumb-internas d-flex justify-content-start">
                <li class="breadcrumb-item"><a href="{{ route('home') }}">Início</a></li>
                <li class="breadcrumb-item active">Releases</li>
            </ul>
        </div>

        <div class="row">
            <div class="col">
                <div class="box">
                    <form action="{{ \URL::current() }}" method="get" id="form-filtros">
                        <div class="filtros">
                        <div class="input-group mb-3 campo-pesquisa">
                            <input type="text" name="busca" value="{{ $busca ?? '' }}" class="form-control" placeholder="Pesquise por título, conteúdo ou categoria">
                            <div class="input-group-append">
                            <button class="btn btn-outline-secondary" type="submit">Pesquisar</button>

                            @if($busca)
                                <a href="{{url()->current()}}" class="btn btn-warning" style="color: #fff;">Limpar</a>
                            @endif
                            </div>
                        </div>
                        </div>
                    </form>

                    <div class="row">
                        @foreach ($noticias as $key => $noticia)
                            <div class="col-md-4 col-sm-6 col-xs-12">
                                <a class="link-card-lista-noticia" href="{{ route('noticias.clicada', ['slug' => $noticia->slug]) }}" >
                                    <article class="card-lista-noticia">
                                        <figure>
                                            <img src="{{ $noticia->fullImagem() }}" alt="" class="img-fluid" style="width: 100%">
                                        </figure>
                                        <figcaption>
                                            <span><strong style="color: {{ $noticia->categoria->cor }}">{{ $noticia->categoria->nome }}</strong> | {{ dataNoticia($noticia->publicacao->format('d/m/Y')) }}{{ strlen($noticia->conteudo) > 85 ? '...' : '' }}</span>
                                            <h1>{{ substr($noticia->titulo, 0, 85) }}</h1>
                                            <p>{!! substr(strip_tags($noticia->conteudo), 0, 100) !!}{{ strlen(strip_tags($noticia->conteudo)) > 100 ? '...' : '' }}</p>
                                            <a class="link-card-noticia-ler-mais cat-educacao" href="{{ route('noticias.clicada', ['slug' => $noticia->slug]) }}">Ler mais &#10142;</a>
                                        </figcaption>
                                    </article>
                                </a>
                            </div>
                        @endforeach
                    </div>

                    @if($noticias->total() == 0)
                        <div class="alert alert-danger text-center">Não há registros a serem exibidos</div>
                    @else
                            @if($noticias->total() > 1)
                                <p class="text-right"><strong>{{ $noticias->total() }}</strong> resultados encontrados</p>
                            @else
                                <p class="text-right"><strong>{{ $noticias->total() }}</strong> resultado encontrado</p>
                            @endif
                    @endif
                </div>
            </div>
        </div>

        <nav class="box-paginacao">
            {!! $noticias->links() !!}
        </nav>
    </div>
</section>

@endsection