@extends('layouts.app')
@section('content')

<!--Conteúdo-->

<section id="pesquisa">
  <div class="container">
    <div class="row">
      <div class="col">
        <div style="margin-top: 30px;" class="box_titulo_padrao"><!--Titulo Padrão-->
          <h1>
            <svg class="svg-lupa-dims">
              <use xlink:href="sprite-svg/sprite.svg#lupa"></use>
            </svg>
            Resultados encontrados
          </h1>
        </div><!--Titulo Padrão-->
        <div class="box_pesquisa">

          <ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" href="#eventos">Eventos</a></li>
            <li><a data-toggle="tab" href="#noticias">Notícias</a></li>
          </ul>
          <div class="tab-content " style="margin-bottom: 30px;">
            <div id="eventos" class="tab-pane  active"><!--INSCRIÇÕES ABERTAS-->
              <div class="row box_todos_incricoes_abertas">
              @forelse($eventos as $evento)
                <div class="col col-md-4">
                  <article class="box_padrao_evento"> <!--box evento -->
                    <div class="header_evento">
                      <span>
                        <svg class="svg-calendario-dims">
                          <use xlink:href="sprite-svg/sprite.svg#calendario"></use>
                        </svg>
                        {{ $evento->startdate->format('d/m')  }}
                      </span>
                      <h1>
                        <svg class="svg-pin_2-dims">
                          <use xlink:href="sprite-svg/sprite.svg#pin_2"></use>
                        </svg>
                        {!! $evento->city ?: $evento->place !!}
                      </h1>
                    </div>
                    <h2>{!! $evento->title !!}</h2>
                    <p>{!! str_limit($evento->shortdesc, 60) !!}</p>
                    <div class="btn_evento">
                    @if ($evento->desc)
                      <a href='{{ url("eventos/{$evento->id}") }}' class="btn_programacao">
                        <svg class="svg-programacao-dims">
                          <use xlink:href="{{ asset('sprite-svg/sprite.svg#programacao') }}"></use>
                        </svg>
                        Programação
                      </a>
                    @endif
                    @if($linkInscricao = $evento->getLinkInscricao())
                      <a class="inscricao btn_increva-se" data-titulo="{{$evento->title}}" data-link="{{$linkInscricao->value}}" class="link_inscricao-carrousel" data-google-agenda="{{ $evento->getGoogleAgenda() }}">
                        <svg class="svg-check-dims">
                          <use xlink:href="{{ asset('sprite-svg/sprite.svg#check') }}"></use>
                        </svg>Inscreva-se
                      </a>
                    @endif
                  </div>
                  </article><!--fim box evento -->
                </div>
              @empty
              <h1 class="text-center">Nenhum resultado encontrado</h1>
              @endforelse
              </div>
            </div><!--FIM INSCRIÇÕES ABERTAS-->

            <!--PRÓXIMOS EVENTOS-->
            <div id="noticias" class="tab-pane fade in">
            @forelse($noticias  as $noticia)
              <div class="row box_todos_proximos_eventos">
                <div class="col col-md-12">
                  <a href='{{ url("noticias/{$noticia->alias}") }}'> <!--Notícias-->
                    <article class="box-lista-noticias">
                      <figure>
                        <img src="{{Helper::getImageIntrotext($noticia->introtext) ?: asset('assets/img/imagem-noticia-padrao.png')}}" alt="" class="img-fluid">
                      </figure>
                      <div class="descricao_noticia">
                        <h2>{!!  ($noticia->publish_up->formatLocalized('%A, %d de %B de %Y')) !!}</h2>
                        <h1>{{$noticia->title}}</h1>
                        <p>{{ Helper::getTextIntrotext($noticia->introtext, 320) }}</p>
                      </div>
                    </article>
                  </a><!--Notícias-->
                    <hr>
                </div>
              </div>
             @empty
              <h1 class="text-center">Nenhum resultado encontrado</h1>
              @endforelse
            </div><!--FIM PRÓXIMOS EVENTOS-->
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--Fim Conteúdo-->
@endsection