@extends('layouts.app')
@section('content')
<!--Conteúdo-->
<section id="eventos">
  <div class="container">
    <div style="margin-top: 30px;" class="box_titulo_padrao"><!--Titulo Padrão-->
      <h1>
        <svg class="svg-calendario-dims">
          <use xlink:href="{{ asset('sprite-svg/sprite.svg#calendario') }}"></use>
        </svg>
        Eventos
      </h1>
    </div><!--Titulo Padrão-->
    <div class="row">
      <div class="col">
        <ul class="nav nav-tabs">
          <li>
            <a class="{{ (empty($tab_panel) || $tab_panel == '#inscricoes_abertas') ? 'active' : '' }}" data-toggle="tab" href="#inscricoes_abertas">Inscrições abertas</a>
          </li>
          <li>
            <a class="{{ $tab_panel && $tab_panel == '#proximos_eventos' ? 'active' : '' }}" data-toggle="tab" href="#proximos_eventos">Próximos eventos</a>
            </li>
          <li>
          <a class="{{ $tab_panel && $tab_panel == '#eventos_encerrados' ? 'active' : '' }}" data-toggle="tab" href="#eventos_encerrados">Eventos encerrados</a>
          </li>
        </ul>

        <div class="tab-content " style="margin-bottom: 30px;">
          <!--INSCRIÇÕES ABERTAS-->
          <div id="inscricoes_abertas" class="tab-pane  active">
            <div class="box_todos_incricoes_abertas">
              @forelse($inscricoes_abertas 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="{{ asset('sprite-svg/sprite.svg#calendario') }}"></use>
                      </svg>
                      {{ $evento->startdate->format('d/m') }}
                    </span>
                    <h1>
                      <svg class="svg-pin_2-dims">
                        <use xlink:href="{{ asset('sprite-svg/sprite.svg#pin_2') }}"></use>
                      </svg>
                      {{ $evento->city ?: $evento->place }}
                    </h1>
                  </div>
                  <h2>{!! $evento->title !!}</h2>
                  <p>{!! $evento->shortdesc !!}</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>nscreva-se
                      </a>
                    @endif
                  </div>
                </article>
                <!--fim box evento -->
              </div>
              @empty
              <h1 class="text-center">Nenhum registro encontrado</h1>
              @endforelse
            </div>
          </div>
          <!--FIM INSCRIÇÕES ABERTAS-->

          <!--PRÓXIMOS EVENTOS-->
          <div id="proximos_eventos" class="tab-pane fade {{ empty($tab_panel) || $tab_panel == '#inscricoes_abertas' ? 'in' : '' }}">
            <div class="box_todos_proximos_eventos">
              @forelse ($proximos_eventos as $key => $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="{{ asset('sprite-svg/sprite.svg#calendario') }}"></use>
                        </svg>
                        {{ $evento->startdate->format('d/m') }}
                      </span>
                      <h1>
                        <svg class="svg-pin_2-dims">
                          <use xlink:href="{{ asset('sprite-svg/sprite.svg#pin_2') }}"></use>
                        </svg>
                        {{ $evento->city ?: $evento->place }}
                      </h1>
                    </div>
                    <h2>{!! $evento->title !!}</h2>
                    <p>{!! $evento->shortdesc !!}</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 registro encontrado</h1>
              @endforelse
          </div>
          </div>
          <!--FIM PRÓXIMOS EVENTOS-->

          <!--EVENTOS ENCERRADOS-->
          <div id="eventos_encerrados" class="tab-pane fade in">
            <div class="box_todos_eventos_encerrados">
              @forelse($eventos_encerrados as $key => $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="{{ asset('sprite-svg/sprite.svg#calendario') }}"></use>
                        </svg>
                        {{ $evento->startdate->format('d/m') }}
                      </span>
                      <h1>
                        <svg class="svg-pin_2-dims">
                          <use xlink:href="{{ asset('sprite-svg/sprite.svg#pin_2') }}"></use>
                        </svg>
                        {{ $evento->city ?: $evento->place }}
                      </h1>
                    </div>
                    <h2>{!! $evento->title !!}</h2>
                    <p>{!! $evento->shortdesc !!}</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 ($linkCertificado = $evento->campos->where('slug', 'certificado')->first())
                      <a href="{{$linkCertificado->value}}" target="_blank" class="btn_increva-se">
                        <svg class="svg-diploma-dims">
                          <use xlink:href="{{ asset('sprite-svg/sprite.svg#diploma') }}"></use>
                        </svg>Certificado
                      </a>
                       @endif
                    </div>
                  </article><!--fim box evento -->
                </div>
              @empty
              <h1 class="text-center">Nenhum registro encontrado</h1>
              @endforelse
            </div>
          </div>
          <!--FIM EVENTOS ENCERRADOS-->
        </div>
      </div>
    </div>
  </div>
</section>
<!--Fim Conteúdo-->
@endsection