@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: 22px;">Não existe eventos com inscrições abertas no momento</p> -->

    <!--começo das inscrições-->
     @foreach ($inscricoes_abertas as $key => $evento)
 <div class="box-lista-eventos">

<!--Eventos -->

     
        <article class="box-evento" ><!--EVENTO-->
          <!-- eventos inscrições abertas -->

            @if (!$inscricoes_abertas)
              <br>
             <h1 class="text-center"> Nenhum evento encerrado </h1>
               


            @else
            <h3 class="titulo-box-evento" >{{$evento->title}}</h3>
            <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>
            <div class="local-box-evento">
            <h3 class="local-evento">
              <svg class="svg-maps-and-flags-dims">
                <use  xlink:href="{{ url('sprite-svg/sprite.svg#pin') }}"></use>
              </svg>
              @if ($local = $evento->city)
                  {{$local}}
              @endif
            </h3> 

         <!--    Botões programação e inscreva-se -->
            <div class="box-tbn" >
  <a class="btn-programacao" 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 ($linkInscricao = $evento->campos->where('slug', 'link_inscricao_eventos')->first())
                          @php
                            $googleAgenda = "http://www.google.com/calendar/event?action=TEMPLATE&text=".urlencode($evento->title)."&dates=".$evento->startdate->format('Ymd\\THi00\\Z')."/".$evento->enddate->format('Ymd\\THi00\\Z')."&details=".urlencode($evento->shortdesc)."&location=".urlencode($evento->place)."&trp=false&sprop=".url("eventos/{$evento->id}")."&sprop=name:".urlencode('Ação Municipalista');
                          @endphp

                          <!-- <a class="link-inscricao" href="#" data-toggle="modal" data-target="#bd-example-modal-lg" onclick="getLinkInscricao('{{$linkInscricao->value}}')">Inscreva-se</a> -->
                          <a class="btn-inscreva-se" href="{{$linkInscricao->value}}" target="blank">Inscreva-se</a>

{{--                      <a class="btn-inscreva-se" data-titulo="{{$evento->title}}" data-link="{{$linkInscricao->value}}" data-google-agenda="{{$googleAgenda}}">Inscreva-se</a> --}}
                        @endif
<!-- Fim dos botões -->
                        @endif
          </div>
        </div> </div>

          </article><!--FIM EVENTO--> 
        <!-- Fim eventos inscrições abertas --> 
      @endforeach 

  </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">

<!--Eventos -->

      @foreach ($eventos_encerrados as $key => $evento)
        <article class="box-evento" ><!--EVENTO-->
          <!-- eventos inscrições encerradas -->

            @if (!$eventos_encerrados)
              <br>
              <h1 class="text-center"> Nenhum evento encerrado </h1>
            @else
            <h3 class="titulo-box-evento" >{{$evento->title}}</h3>
            <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>
            <div class="local-box-evento">
            <h3 class="local-evento">
              <svg class="svg-maps-and-flags-dims">
                <use  xlink:href="{{ url('sprite-svg/sprite.svg#pin') }}"></use>
              </svg>
              @if ($local = $evento->city)
                  {{$local}}
              @endif
            </h3> 

            <div class="box-tbn" >
              
            <a   class="btn-programacao" href="{{url("eventos/{$evento->id}")}}" class="link-programacao ">Programação</a>
            @if($linkGaleria = $evento->campos->where('slug', 'link_galeria_flickr')->first())
            <a style="" class="" href="{{url("galeria/".preg_replace("/[^0-9]/", "", $linkGaleria->value))}}">Fotos</a>
            @endif 


            @if ($linkCertificado = $evento->campos->where('slug', 'certificado')->first())
              <a  class="btn-inscreva-se" href="{{$linkCertificado->value}}" target="_blank" >Certificado</a> 
            @endif

            @endif
          </div>
        </div> 

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


     
    </div>  </div>



    <!--final das inscrições-->






  </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