@php
  $URL_ATUAL = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
  $dominio = explode('.', parse_url($URL_ATUAL, PHP_URL_HOST));
  
  $subdomain = strtoupper($dominio[0]);
@endphp
@extends('templates.prefeitura4.layout')

@section('content')
  {{-- CAROUSEL --}}

  @php $madara = 0 @endphp
  @php $madara1 = 0 @endphp
  <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="{{ $madara1 }}" class="active"></li>
      @php $madara1++ @endphp
      @foreach ($sliders as $slider)
        <li data-target="#myCarousel" data-slide-to="{{ $madara1 }}"></li>
        @php $madara1++ @endphp
      @endforeach
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img class="first-slide d-block w-100 "
          src=@if (isset($hero_slider)) {{ asset($hero_slider->img) }} @else "imgs/hero.png" @endif alt=" slide"
          style="object-fit:fill;">
        <div class="container">
          <div class="text-center hero-title text-uppercase">
            <h2 class="font30">
              @if (isset($hero_slider))
                {{ $hero_slider->titulo }}
              @else
                {{ $account->nome }}
                @endif <br>
                @if (isset($hero_slider))
                  {{ $hero_slider->subtitulo }}
                @else
                  {{ $account->subname }}:
                @endif
            </h2>
          </div>
          {!! Form::open(['url' => routeTenant('site.busca'), 'method' => 'GET']) !!}
          <div class="hero-input">
            <button class="hero-input-button">
              <i class="fa fa-search" aria-hidden="true"></i> &nbsp;
            </button>
            <div class="hero-input-text font16">
              <input type="text" class="inputseach" name="buscar" id="uc_painel_buscar"
                placeholder="Procure aqui a informação que quer saber" />
            </div>
          </div>
          {!! Form::close() !!}
        </div>
      </div>
      @foreach ($sliders as $slider)
        <div class="carousel-item">
          @if ($slider->url == '')
            <img class="first-slide d-block w-100" src="{{ asset($slider->img) }}" alt=" slide">
          @else
            <a href="{{ $slider->url }}">
              <img class="first-slide d-block w-100" src="{{ asset($slider->img) }}" alt=" slide">
            </a>
          @endif
          <div class="container">
            <div class="carousel-caption text-left">
              @if ($slider->url == '')
                <h1>{{ $slider->titulo }}</h1>
                <p>{{ $slider->subtitulo }}</p>
              @else
                <a style="color: #fff" href="">
                  <h1>{{ $slider->titulo }}</h1>
                </a>
                <a style="color: #fff" href="">
                  <p>{{ $slider->subtitulo }}</p>
                </a>
              @endif
            </div>
          </div>
        </div>
      @endforeach
    </div>
    <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>

  {{-- BOX CAROUSEL --}}
  @if (isset($links[0]))
    <div class="links text-uppercase">
      <div class="linha">
        <div class="boxcarousel-title">
          <h2 class="h2 color-26 font30">O Que você está procurando?</h2>
        </div>
      </div>
      <div class="linha">
        <div class="col-sm-12">
          <div class="carousel box-carousel " id="box-carousel">
            @foreach ($links as $link)
              <div class="box">
                <a href={{ $link->url }} @if ($link->outraba == 'on') target="_blank" @endif>
                  <div class="box-car">
                    <i class="{{ $link->icon }}" aria-hidden="true"></i>
                  </div>
                  <h3 class="font18">{{ $link->titulo }}</h3>
                </a>
              </div>
            @endforeach
          </div> <!-- carousel-->
        </div>
        <!--col-->
      </div>
      <!--linha-->
    </div>
  @endif

  {{-- NOTICIAS --}}
  @if (isset($noticia3s) && isset($noticia3s[0]))
    <div class="noticias">
      <div class="noticias-title text-uppercase">
        <h2>Notícias Recentes</h2>
      </div>
      <div class="noticias-card linha">
        <div class="card-1-foto">
          <img src="@if (isset($noticia3s[0])) {{$noticia3s[0]->img->encode('data-url')}} @endif">
        </div>
        <div class="card-1-text">
          <div class="news-type news-type-card1">
            {{-- ATENTION --}}
            <div>
              <i class="{{ $noticia3s[0]->icon }}" aria-hidden="true"></i>
              <p class="text-uppercase font14">{{ $noticia3s[0]->name }}</p>
            </div>
            <div class="share">
              <!-- Button trigger modal -->
              <a href="noticia/{{ $noticia3s[0]->url }}" type="button" data-toggle="modal" data-target="#exampleModal"
                onclick="URL_SHARE('{{ routeTenant('site.noticias', ['pg'=>$noticia3s[0]->url]) }}')" id="social-input-share">
                <i class="fa fa-share-alt"></i>
              </a>
            </div>
          </div>
          <div class="card-1-title">
            <h3 class="font20" @if (isset($noticia3s[0])) >
            {{ $noticia3s[0]->titulo }} @endif </h3>
          </div>
          <div class="card-1-conteudo font16" id="card-noticia-1">
            @if (isset($noticia3s[0]))
              @php
                $notice = str_replace('<', ' <!-- ', $noticia3s[0]->conteudo);
                $notice = str_replace('>', ' -->', $notice);
              @endphp
              {!! $notice !!}
            @endif
          </div>
          <button type="button"
            onclick="window.location='@if (isset($noticia3s[0])) {{ routeTenant('site.noticias', ['pg'=>$noticia3s[0]->url]) }} @endif'"
            class="read-news font16">Ler Matéria
          </button>
        </div>
      </div>
      @php
        $cont = 0;
      @endphp
      <div class="card-others linha">
        @foreach ($noticia3s as $noticia)
          @if ($cont > 0 && $cont < 5)
          @if(file_exists(public_path($noticia->url)))
            <div class="mini-card-noticias" style="@if($cont === 1) margin-left:0; @endif">
              <div class="news-type news-type-cards ">
                <i class="{{ $noticia->icon }}" aria-hidden="true"></i>
                <p class="text-uppercase font14">{{ $noticia->name }}</p>
              </div>
              <div class="divider-horizontal2"></div>
              <div class="card-foto">
                <img src="{{$noticia->img->encode('data-url')}} ">
              </div>
              <div class="card-text">
                <h4 class="font10">{{ $noticia->titulo }}</h4>
              </div>
              <div class="linha mini-card-footer">
                <div class="card-expand">
                  <a href="{{ routeTenant('site.noticias', ['pg'=>$noticia->url]) }}">
                    <p class="font10"> Ler Mais</p>
                  </a>
                </div>
                <div class="share">
                  <!-- Button trigger modal -->
                  <a href="noticia/{{ $noticia->url }}" type="button" data-toggle="modal"
                    data-target="#exampleModal"
                    onclick="URL_SHARE('{{ routeTenant('site.noticias', ['pg'=>$noticia->url]) }}')" id="social-input-share">
                    <i class="fa fa-share-alt"></i>
                  </a>
                </div>
              </div>
            </div>
          @php
            $cont++;
          @endphp
          @endif
          @endif
        @endforeach
      </div>
      <div class="button-card">
        <button type="button" onclick="window.location='{{ routeTenant('site.noticias.all') }}'">Ver Todas as
          Notícias</button>
      </div>
    </div>
  @endif

  {{-- SERVIÇOS --}}
  @if (isset($links[0]))
    <div class="servicos">
      <div class="linha">
        <div class="boxcarousel-servicos-title boxcarousel-title">
          <h2 class="text-center text-uppercase font30 color-white">Serviços mais acessados </h2>
        </div>
      </div>
      <div class="linha">
        <div class="servicos-container">
          <div class="carousel box-carousel " id="box-carousel">
            @foreach ($links as $link)
              <div class="box2">
                <a href={{ $link->url }} @if ($link->outraba == 'on') target="_blank" @endif>
                  <div class="box-car">
                    <i class="{{ $link->icon }}" aria-hidden="true"></i>
                  </div>
                  <h3 class="font18">{{ $link->titulo }}</h3>
                </a>
              </div>
            @endforeach
          </div> <!-- carousel-->
        </div>
        <!--col-->
      </div>
      <!--linha-->
    </div>
  @endif

  {{-- TV PREFEITURA --}}
  @if (isset($videos[0]))
    <div class="videos">
      <div class="videos-header">
        <div class="videos-title">
          <h4 class="font30 text-uppercase">TV {{$account->tipo}}</h4>
        </div>
      </div>
      <div class="videos-body">
        <div class="videos-video-principal" style="@if (!isset($videos[1])) width: 92.92vw; @endif">
          @php
            parse_str(parse_url($videos[0]->url)['query'], $params);
          @endphp
          <iframe class="yt-hd-thumbnails" width="100%" height="100%"
            src="https://www.youtube.com/embed/{{ $params['v'] }}?rel=0&controls=0&;showinfo=0" class="d-block w-100"
            alt="First slide" frameborder="0"
            allow="accelerometer; autoplay; encrypted-media; gyroscope;   picture-in-picture" allowfullscreen>
          </iframe>
        </div>
        @if (isset($videos[1]))
          <div class="videos-videos-secundarios">
            <div class="videos-video-secundario">
              @php parse_str(parse_url($videos[1]->url)['query'], $params); @endphp
              <iframe class="yt-hd-thumbnails" width="100%" height="100%"
                src="https://www.youtube.com/embed/{{ $params['v'] }}?rel=0&controls=0&;showinfo=0"
                class="d-block w-100" alt="First slide" frameborder="0"
                allow="accelerometer; autoplay; encrypted-media; gyroscope;   picture-in-picture" allowfullscreen>
              </iframe>
            </div>
            @if (isset($videos[2]))
              <div class="videos-video-terceario">
                @php parse_str(parse_url($videos[2]->url)['query'], $params); @endphp
                <iframe class="yt-hd-thumbnails" style="width:100%; height:inherit;"
                  src="https://www.youtube.com/embed/{{ $params['v'] }}?rel=0&controls=0&;showinfo=0"
                  class="d-block w-100" alt="First slide" frameborder="0"
                  allow="accelerometer; autoplay; encrypted-media; gyroscope;   picture-in-picture" allowfullscreen>
                </iframe>
              </div>
            @endif
          </div>
        @endif
      </div>
      <div class="videos-footer">
        <div class="button-card">
          <button class="font16" onclick="window.location='{{ routeTenant('videos') }}'">
            Ver Todos os Vídeos
          </button>
        </div>
      </div>
    </div>
  @endif

  {{-- EVENTOS --}}
  @if (isset($eventos[0]))
    <div class="noticias">
      <div class="noticias-title text-uppercase center">
        <h2>calendário de eventos e publicações</h2>
      </div>
      @php
        $cont = 0;
      @endphp
      <div class="card-others linha">
        @php $i = 0; @endphp
        @foreach ($eventos as $evento)
          @if ($cont < 4)
            <div class="mini-card-noticias">
              <div class="news-type news-type-cards linha">
                <i class="{{ $evento->icon }}" aria-hidden="true"></i>
                <p class="text-uppercase font14">{{ $evento->name }}</p>
              </div>
              <div class="divider-horizontal2"></div>
              <div class="card-text2" style="flex-direction: column">
                <h4 class="font16">{{ $evento->data }}</h4>
                <h2 class="font12">{{ $evento->title }}</h2>
              </div>
              <div class="card-foto">
                <img src="{{$evento->image->encode('data-url')}} ">
              </div>
              <div class="linha mini-card-footer">
                <div id={{ 'description' . $i }} style="display:none;">{{ $evento->descricao }}</div>
                <a href="#" type="button" data-toggle="modal" data-target="#modalEvento"
                  onclick="MODAL_IMG('{{ asset($evento->image) }}','{{ $evento->title }}', '{{ $evento->data }}', '{{ $evento->name }}', '{{ $evento->endereco }}', '{{ $evento->web }}', {{ $i++ }})"
                  id="social-input-share">
                  <p class="font10">Saiba Mais</p>
                </a>
                <div class="eventos-index-card-content-header-share share">
                  <a href="#" type="button" data-toggle="modal" data-target="#exampleModal"
                    onclick="URL_SHARE('{{ routeTenant('site.noticias', ['pg'=>$evento->url]) }}')" id="social-input-share">
                    <i class="fa fa-share-alt"></i>
                  </a>
                </div>
              </div>
            </div>
          @endif
          @php
            $cont++;
          @endphp
        @endforeach
      </div>
      <div class="button-card">
        <button type="button" onclick="window.location='{{ routeTenant('site.eventos') }}'">
          Ver Calendário Completo</button>
      </div>
    </div>
  @endif

  {{-- BANNER --}}
  @if (isset($banner->img))
    <div class="banner">
      <div class="banner-fundo">
        <img src="{{$banner->img->encode('data-url')}} " style="object-fit: {{ $banner->imgTamanho }}">
        <div class="banner-border ">
          @if($banner->titulo)
          <h2
            style="display:flex; font-size: {{ $banner->tituloTamanho }}; justify-content:{{ $banner->tituloPosicao }}">
            {{ $banner->titulo }}
          </h2>
          @endif
          @if($banner->subtitulo)
          <h4
            style="display:flex; font-size: {{ $banner->subtituloTamanho }}; justify-content:{{ $banner->subtituloPosicao }}">
            {{ $banner->subtitulo }}
          </h4>
          @endif
        </div>
      </div>
    </div>
  @endif

  {{-- SECRETARIAS --}}
  @if (isset($secretarias[0]))
    <div class="secretarias">
      <div class="secretarias-title text-uppercase">
        <h3 class="font30">Secretarias</h3>
      </div>
      <div class="linha">
        <div class="secretarias-body">
          <div class="carousel box-carousel2" id="box-carousel2">
            @foreach ($secretarias as $secretaria)
              <div class="secretarias-card secretarias-card-margin" style="min-height: 29.08vw">
                <div class="secretarias-card-header">
                  <i class="fa {{ $secretaria->icone }}" aria-hidden="true"></i>
                  <h4 class="font16">{{ $secretaria->titulo }}</h4>
                </div>
                <div class="secretarias-card-conteudo">
                  <div class="linha">
                    <img src="{{ asset($secretaria->foto) }}">
                    <p class="font12">Titular:<br>{{ $secretaria->resposavel }}</p>
                  </div>
                  <div class="linha">
                    <i class="fa fa-clock-o" aria-hidden="true"></i>
                    <p class="font12">{{ date('H-i', strtotime($secretaria->horario_abertura)) }} -
                      {{ date('H-i', strtotime($secretaria->horario_fechamento)) }}</p>
                  </div>
                  <div class="linha">
                    <i class="fa fa-phone" aria-hidden="true"></i>
                    <p class="font12">{{ $secretaria->telefone }}</p>
                  </div>
                  <div class="linha">
                    <i class="fa fa-envelope" aria-hidden="true"></i>
                    <p class="font12">{{ $secretaria->email }}</p>
                  </div>
                  <div class="linha">
                    <i class="fa fa-map-marker" aria-hidden="true"></i>
                    <p class="font12">{{ $secretaria->endereco }}</p>
                  </div>
                </div>
                <div class="secretarias-card-btn font14">
                  <button type="button"
                    onclick="window.location='{{ routeTenant('secretaria', [$secretaria->url]) }}'"
                    class="secretarias-card-btn">Mais Informações</button>
                </div>
              </div>
            @endforeach
          </div> <!-- carousel-->
        </div>
        <!--col-->
      </div>
      <!--linha-->
      <div class="secretarias-btn font14">
        <button type="button" onclick="window.location='{{ routeTenant('secretarias') }}'" class="secretarias-btn">
          Ver Todas as Secretarias
        </button>
      </div>
    </div>
  @endif

  {{-- PRINCIPAIS PROJETOS --}}
  @if (isset($projetos[0]))
    @php $cont = 0; @endphp
    <div class="projetos">
      <div class="projetos-title font30">
        Principais Projetos
      </div>
      <div class="projetos-cards">
        @foreach ($projetos as $projeto)
          @if ($cont < 3)
            <div class="projetos-card">
              <div class="projetos-card-imagem">
                <img src="{{$projeto->imagem->encode('data-url')}} ">
              </div>
              <div class="projetos-card-conteudo">
                <div class="projetos-card-conteudo-titulo font16">
                  {{ $projeto->titulo }}
                </div>
                <div class="projetos-card-conteudo-text font14">
                  @php
                    $notice = str_replace('<', ' <!-- ', $projeto->conteudo);
                    $notice = str_replace('>', ' -->', $notice);
                  @endphp
                  {!! $notice !!}
                </div>
                <div class="projetos-card-conteudo-footer">
                  <div>
                    <a href="{{ routeTenant('site.projeto', [$projeto->url]) }}">
                      <h4 type="button" class="projetos-card-conteudo-footer-button-mais font10">Saiba Mais</h4>
                    </a>
                  </div>
                  <div class="share">
                    <!-- Button trigger modal -->
                    <a href="projeto/{{ $projeto->url }}" type="button" data-toggle="modal"
                      data-target="#exampleModal"
                      onclick="URL_SHARE('{{ routeTenant('site.projetos', [$projeto->url]) }}')"
                      id="social-input-share">
                      <i class="fa fa-share-alt"></i>
                    </a>
                  </div>
                </div>
              </div>
            </div>
          @endif
          @php $cont++; @endphp
        @endforeach
      </div>
      <div class="projetos-btn font16">
        <button class="projetos-btn" onclick="window.location='{{ routeTenant('site.projetos') }}'">
          Ver Todos os Projetos
        </button>
      </div>
    </div>
  @endif

  {{-- MODAL-EVENTO --}}

  <div class="modal fade" id="modalEvento" tabindex="-1" role="dialog" aria-labelledby="modalEventoLabel"
    aria-hidden="true" style="top: 5vw; left: 20vw;">
    <div class="modal-dialog" role="document">
      <div class="modal-content modal-evento-content">
        <div class="modal-evento-header">
          <div class="modal-img" id="modal-item-img">
            <img id="modal-img" src="" alt="">
          </div>
          <button type="button" class="close modal-evento-close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-evento-body">
          <div class="modal-evento-title" id="modal-evento-item-title">
            <h3 class="font20" id="modal-evento-title"></h3>
          </div>
          <div class="container-modal-evento">
            <div class="modal-evento-item" id="modal-evento-item-data">
              <i class="fa fa-calendar"></i>
              <p class="font14">Data: </p>
              <p id="modal-evento-data" class="font14"></p>
            </div>
            <div class="modal-evento-item">
              <i class="fa fa-plus-square-o" id="modal-evento-item-categoria"></i>
              <p class="font14">Categoria: </p>
              <p class="font14" id="modal-evento-categoria"></p>
            </div>
            <div class="modal-evento-item" id="modal-evento-item-endereco">
              <i class="fa fa-map-marker"></i>
              <p class="font14">Endereço: </p>
              <p class="font14" id="modal-evento-endereco"></p>
            </div>
            <div class="modal-evento-item" id="modal-evento-item-web">
              <i class="fa fa-globe"></i>
              <p class="font14">Web: </p>
              <p class="font14" id="modal-evento-web"></p>
            </div>
            <div class="modal-evento-item" id="modal-evento-item-description">
              <i class="fa fa-file-text-o"></i>
              <p class="font14" id="modal-evento-description"></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Modal -->
  <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true" style="top: 5vw; left: 20vw;">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title font20" id="exampleModalLabel">Compartilhar</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          <div class="modal-container">
            {{-- ATENTION --}}
            <div class="modal-social">
              <a href="#" id="email" target="_blank">
                <div class="social-buttons">
                  <i class="fa fa-envelope" aria-hidden="true"></i>
                </div>
              </a>
              <a href="#" id="facebook" target="_blank">
                <div class="social-buttons">
                  <i class="fa fa-facebook" aria-hidden="true"></i>
                </div>
              </a>
              <a href="#" id="whatsapp" target="_blank">
                <div class="social-buttons">
                  <i class="fa fa-whatsapp" aria-hidden="true"></i>
                </div>
              </a>
              <a href="#" id="twitter" target="_blank">
                <div class="social-buttons">
                  <i class="fa fa-twitter" aria-hidden="false"></i>
                </div>
              </a>
            </div>
            <div class="social-input font14">
              <input type="url" readonly id="social-input">
              <button class="center" onclick="copiarTexto()">
                <i class="fa fa-copy" aria-hidden="true"></i> &nbsp;
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection

@section('post-script')
  <script src='{{ asset('templates/prefeitura1/js/core/main.js') }}'></script>
  <script src='{{ asset('templates/prefeitura1/js/daygrid/main.js') }}'></script>
  <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
  <script src='{{ asset('templates/prefeitura1/js/interaction/main.min.js') }}'></script>
  <script src='{{ asset('templates/prefeitura1/js/timegrid/main.min.js') }}'></script>
  <script src='{{ asset('templates/prefeitura1/js/core/locales/pt-br.js') }}'></script>

  {{-- ICON-BOX-SLIDER --}}
  <script>
    $(document).ready(function() {
      $('.box-carousel').slick({
        dots: false,
        arrows: true,
        slidesToShow: 5,
        slidesToScroll: 1,
        prevArrow: "<button type='button' class='mission-prev-arrow'></button>",
        nextArrow: "<button type='button' class='mission-next-arrow'></button>"
      });
    });
  </script>
  <script>
    $(document).ready(function() {
      $('.box-carousel2').slick({
        dots: false,
        arrows: true,
        slidesToShow: 4,
        slidesToScroll: 1,
        prevArrow: "<button type='button' class='mission-prev-arrow'></button>",
        nextArrow: "<button type='button' class='mission-next-arrow'></button>"
      });
    });
  </script>

  <script>
    function copiarTexto() {
      let textoCopiado = document.getElementById("social-input");
      textoCopiado.select();
      textoCopiado.setSelectionRange(0, 99999)
      document.execCommand("copy");
      alert("Link Copiado Com Sucesso!");
    }
  </script>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" rel="stylesheet">
  <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
  <script>
    $(document).ready(function() {
      $('#madara').modal('show');
    })
    $('#myCarousel').carousel({
      interval: 10000
    })
    $('#carouselExampleIndicators2').carousel({
      pause: true,
      interval: false
    })
  </script>
  <script>
    function URL_SHARE(y) {
      var x = document.getElementById("social-input");
      x.value = y;
      var x = document.getElementById("facebook");
      x.href = "https://www.facebook.com/sharer/sharer.php?u=" + y;
      var x = document.getElementById("twitter");
      x.href = "https://twitter.com/intent/tweet?text=" + y;
      var x = document.getElementById("email");
      x.href = "mailto:?subject=Dê%20uma%20olhada%20nesse%20website%20" + y;
      var x = document.getElementById("whatsapp");
      x.href = "https://web.whatsapp.com/send?text=" + y;
    }

    function MODAL_IMG(img, title, data, category, endereco, web, i) {
      var x = document.getElementById("modal-img");
      x.src = img;
      var x = document.getElementById("modal-evento-title");
      x.innerHTML = title;
      var x = document.getElementById("modal-evento-data");
      x.innerHTML = data;
      var x = document.getElementById("modal-evento-categoria");
      x.innerHTML = category;
      var x = document.getElementById("modal-evento-endereco");
      x.innerHTML = endereco;
      var x = document.getElementById("modal-evento-web");
      x.innerHTML = web;
      var x = document.getElementById("modal-evento-description");
      x.innerHTML = document.getElementById("description" + i).innerHTML;
    }
  </script>
  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
    AOS.init();
  </script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('.madara').click(function(ev) {
        var href = $(this).attr('href');
        if (!$('#confirm-delete').length) {
          $('body').append(
            '<div class="modal fade" style="z-index: 30000;" id="confirm-delete" tabindex="-1" role="dialog" ' +
            'aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog">' +
            '<div class="modal-content"><div class="modal-header colorbg text-white">BAIXAR DIÁRIO OFICIAL' +
            '<button type="button" class="close" data-dismiss="modal" aria-label="Close">' +
            '<span aria-hidden="true">&times;</span></button></div><div class="modal-body">' +
            'Tem certeza de que deseja baixar  o Diário Oficial?</div><div class="modal-footer">' +
            '<button type="button" class="btn btn-success" data-dismiss="modal">Cancelar' +
            '</button><a class="btn colorbg text-white" id="dataComfirmOK">BAIXAR</a><' +
            '/div></div></div></div>');
        }
        $('#dataComfirmOK').attr('href', href);
        $('#confirm-delete').modal({
          show: true
        });
        return false;
      });
    });
  </script>
  <script src="{{ asset('js/jQuery.YouTube.HD.Thumbnail.js') }}"></script>
  <script>
    (function($) {
      $('iframe.yt-hd-thumbnail').youTubeHDThumbnail({
        darkenThumbnail: false
      });
      $('iframe.yt-hd-thumbnail-darken').youTubeHDThumbnail({
        darkenThumbnail: true
      });
    })(jQuery);
  </script>
@endsection