@extends('layouts.app')
@section('content')
<!--Conteúdo-->
<section class="conteudo-internas">
    <h1 class="titulo-internas">Diálogos do <span>MMM</spa></h1>
    <div class="centraliza">

    <!--  <p class="font-maior">
        Prezadas Gestoras Municipais,
      </p>

      <p>Nos dias <strong>22, 23 e 24 de novembro,</strong> a Confederação Nacional de Municípios realizará, em Manaus (AM), o <strong>5º Encontro Brasileiro das Cidades Históricas Turísticas e Patrimônio Mundial - Turismo Sustentável em Desenvolvimento e o Patrimônio Natural.</strong> O evento representa uma oportunidade para gestoras e gestores municipais discutirem propostas e compartilharem conhecimentos e iniciativas que contribuam com o desenvolvimento de políticas locais voltadas ao turismo e à promoção de patrimônios naturais.</p>

      <p>
        O Movimento Mulheres Municipalistas (MMM) aproveitará essa excelente oportunidade para reunir, pela primeira vez, gestoras, primeiras damas e vereadoras da Região Norte, para apresentar sua pauta e promover um diálogo sobre boas práticas na administração local feminina.
        Venha participar e fazer parte do MMM na região norte!
      </p>

      <p>* Interessadas e interessados em participar do evento já podem fazer a <strong>inscrição abaixo</strong> </p>-->


<ul class="nav-padrao nav nav-pills mb-3" id="pills-tab" role="tablist">
  <li class="nav-item">
    <a class="nav-link active" id="pills-abertas-tab" data-toggle="pill" href="#pills-abertas" role="tab" aria-controls="pills-abertas" aria-selected="true">Inscrições Abertas</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="pills-proximos-tab" data-toggle="pill" href="#pills-proximos" role="tab" aria-controls="pills-proximos" aria-selected="false">Próximos Eventos</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="pills-encerrados-tab" data-toggle="pill" href="#pills-encerrados" role="tab" aria-controls="pills-encerrados" aria-selected="false">Eventos Encerrados</a>
  </li>
</ul>

<div class="tab-content" id="pills-tabContent">
  <div class="tab-pane fade show active" id="pills-abertas" role="tabpanel" aria-labelledby="pills-abertas-tab">

    <p class="sem-resultados" style="font-size: 24px;">Não existe eventos com inscrições abertas no momento</p>

  </div>
  <div class="tab-pane fade" id="pills-proximos" role="tabpanel" aria-labelledby="pills-proximos-tab">
    <p class="sem-resultados" style="font-size: 24px;">Ainda não temos eventos previstos</p>
  </div>
  <div class="tab-pane fade" id="pills-encerrados" role="tabpanel" aria-labelledby="pills-encerrados-tab">


    <div class="box-lista-eventos">

      <article class="box-evento"><!--EVENTO-->
        <h3 class="titulo-box-evento">
          Diálogo do Movimento Mulheres
          Municipalistas Região Norte
        </h3>

        <p class="texto-box-evento">O Movimento Mulheres Municipalistas (MMM) aproveitará essa excelente oportunidade para reunir, pela primeira vez...</p>

        <div class="data-box-evento">
          <svg class="svg-calendar-dims">
            <use xlink:href="{{ url('sprite-svg/sprite.svg#calendar') }}"></use>
          </svg>
          <span>23/11/2018</span>
        </div>

        <div class="local-box-evento">
          <svg class="svg-pin-dims">
                <use xlink:href="{{ url('sprite-svg/sprite.svg#pin') }}"></use>
              </svg>
          <span>Manaus – AM</span>
        </div>

        <div class="box-tbn"><!--botões-->
          <a href="https://www.cnm.org.br/index.php/informe/exibe/5-encontro-brasileiro-das-cidades-historicas-turisticas-e-patrimonio-mundial-turismo-sustentavel-em-desenvolvimento-e-o-patrimonio-natura"  target="_blank" class="btn-programacao">Programação</a>
          <a href="#" data-toggle="modal" data-target="#modal-inscreva-se" class="btn-inscreva-se">Certificado</a>
        </div><!--fim botões-->
      </article><!--FIM EVENTO-->

        <article class="box-evento"><!--EVENTO-->
        



             <div class="tab-pane {{ $tab_panel == '#nav-encerradas' ? 'active' : '' }}" id="nav-encerradas" role="tabpanel" aria-labelledby="nav-encerradas-tab" ><!--INSCRIÇÕES ABERTAS-->
                <div class="box-evento">
                  @foreach ($eventos_encerrados as $key => $evento)
                   
                      <!-- eventos inscrições abertas -->

                        @if (!$eventos_encerrados)
                          <br>
                          <h1 class="text-center"> Nenhum evento encerrado </h1>
                        @else
                        <h1 class="titulo-evento" >{{$evento->title}}</h1>
                        <h2 class="data-evento">
                            @if ($evento->startdate)
                              <svg class="svg-calendar-dims">
                                <use xlink:href="sprite-svg/sprite.svg#calendar"></use>
                              </svg>
                              {!! Helper::getDateEvent($evento->startdate, $evento->enddate) !!}
                            @endif
                        </h2>
                        <h3 class="local-evento">
                          <svg class="svg-maps-and-flags-dims">
                            <use xlink:href="sprite-svg/sprite.svg#maps-and-flags"></use>
                          </svg>
                          @if ($local = $evento->city)
                              {{$local}}
                          @endif
                        </h3>
                        <a href="{{url("eventos/{$evento->id}")}}" class="link-programacao ">Programação</a>
                        @if($linkGaleria = $evento->campos->where('slug', 'link_galeria_flickr')->first())
                        <a class="btn-fotos" href="{{url("galeria/".preg_replace("/[^0-9]/", "", $linkGaleria->value))}}">Fotos</a>
                        @endif
                        @if ($linkCertificado = $evento->campos->where('slug', 'certificado')->first())
                          <a class="link-certificado" href="{{$linkCertificado->value}}" target="_blank">Certificado</a>
                        @endif

                        @endif

                    
                    <!-- Fim eventos inscrições abertas -->
                  @endforeach
                </div>
        

       

       

       

       
      </article><!--FIM EVENTO-->

    </div>
  </div>
</div>

    </div> <!-- final centraliza -->
  </section> <!-- final conteudo-internas -->



  <!-- Modal -->
  <div class="modal fade" id="modal-inscreva-se" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Tânia Ziulkoski e Dalva Christofoletti</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span style="color: #fff; cursor: pointer;" aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <iframe width="100%" height="600" src="http://www.intranet.cnm.org.br/223/22303001.asp?slCD_ORIGEM=397" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>

      </div>
    </div>
  </div>
<!--Fim Conteúdo-->
@endsection