@extends('templates.prefeitura3.layout2')

@section('content')

  @php $madara = 0 @endphp
  @php $madara1 = 0 @endphp
  <div id="myCarousel" class="carousel slide" data-ride="carousel" style="border-bottom:#EBEBEB solid 1px; ">
    <ol class="carousel-indicators">
      @foreach ($sliders as $slider)
        <li data-target="#myCarousel" data-slide-to="{{ $madara1 }}"
          @if ($madara1 == 0) class="active" @endif></li>
        @php $madara1++ @endphp
      @endforeach
    </ol>
    <div class="carousel-inner">
      @foreach ($sliders as $slider)
        <div class="carousel-item @if ($madara == 0) active @endif">
          @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>
        @php $madara++ @endphp
      @endforeach
    </div>
    <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
      <i class="fa fa-arrow-circle-left" aria-hidden="true" style="font-size: 35px;"></i>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
      <i class="fa fa-arrow-circle-right" aria-hidden="true" style="font-size: 35px;"></i>
      <span class="sr-only">Next</span>
    </a>
  </div>
  <div class="container" style="margin-top: 30px; margin-bottom: 30px;">
    <div class="row icones" style="text-align: center;">
      <div class=" col-md-3 col-sm-12 col-12  " style="text-align: left;">
        <h5 class="title_cinza"> Acesso rápido </h5>
        <h4 class="fonttitle" style="margin-top: 40px;"> GESTÃO À VISTA DE TODOS </h4>
      </div>
      <div class=" col-md-7 col-sm-12 col-12   offset-lg-2  ">
        <div class="row" style="border-right: 2px solid var(--backgroud-header);">
          @php $linkscont = 0; @endphp
          @foreach ($links as $link)
            <div class="col-lg-4 col-md-6 col-sm-6 col-6  " style="  margin-top:20px;    ">
              <a href="{{ $link->url }}" @if ($link->outraba == 'on') target="_blank" @endif
                class="btn btn-light botao_sombra" style="background-color: #FFF; text-align: left; width: 90%;">
                <i class=" fa {{ $link->icon }} " aria-hidden="true"
                  style="padding-right: 5px; border-right: 1px solid #C9C9C9;"></i>
                <span class="fontsite" style="margin-left: 5px; color: #525252!important;">{{ $link->titulo }}</span>
              </a>
            </div>
            @php $linkscont++ @endphp
          @endforeach
        </div>
      </div>
    </div>
  </div>
  <div style=" background-color: #F9F9F9 ; height: auto; margin-bottom:30px;">
    <div class="container">
      <div class="row" style="padding-top: 20px;">
        <h4 class="title_noticia"> Notícias</h4>
        <a href="{{ routeTenant('site.noticias.all') }}" class="btn btn-default"
          style="margin-left: 10px; background-color: #CBEFEC ; border: 2px solid #9EDEF2;
                 margin-bottom: 20px; border-radius: 15px; padding-top:3px; padding-bottom:3px; ">Veja
          todas as notícias</a>
        <div style="border-bottom: #EBEBEB solid 2px; width: 100%;"></div>
        <h5 style="color: #646464; font-size: 17px; margin-top: 10px; margin-bottom: -10px; margin-left: 18px;">Destaque
        </h5>
        <div class="div col-md-12"style=" height: auto; margin-bottom:20px; ">
          <div class="row">
            <div class="col-md-6">
              <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"
                style="margin-top: 20px; margin-bottom: 10px ">
                @php
                  $noticiacont = 0;
                  $noticiacont2 = 0;
                @endphp
                <div class="carousel-inner" style="height:420px;">
                  @foreach ($noticias as $noticia)
                    <div class="carousel-item   @if ($noticiacont2 == 0) active @endif" style="height: 320px;">
                      <div style=" background-color: rgba(0,0,0,.5);  padding:auto; align-items: center; height: 100%;display:flex;">
                      <img class="d-block w-100" src="{{ asset($noticia->img) }}" alt="{{ $noticia->titulo }}"
                        style="border-radius: 10px; object-fit: contain; height: 100%;">
                      <a class="btn btn-default"
                        style="  border-radius: 15px; position: absolute!important; top: 30px; background-color: #FFF; left: 20px;
                                             z-index: 10000!important; padding-top:3px; padding-bottom:3px; ">{{ App\Category::find($noticia->category_id)->name }}</a>
                      <div class="carousel-caption d-none d-md-block titulonoticia"
                        style="right: 0%; position: absolute; left: 0%; top: 100%; text-align: left;  padding-bottom:10px;">
                        <a href="{{ routeTenant('site.noticias', ['pg'=>$noticia->url]) }}" style="z-index: 10000!important;}">
                          <h5 class="noticia-title-carousel" style="color: var(--backgroud-header); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif">{{ $noticia->titulo }}</h5>
                        </a>
                        <i class="fa fa-clock-o" aria-hidden="true"></i> <span
                          style="color: #FFF;">{{ $noticia->created_at->format('d/m/Y') }}</span>
                      </div>
                    </div>
                    </div>
                    @php $noticiacont2++ @endphp
                  @endforeach
                </div>
                <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button"
                  style="z-index: 10!important; top: 40%; height: 30px!important; " 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="#carouselExampleIndicators" role="button"
                  style="z-index: 10!important; top: 40%; height: 30px!important; " data-slide="next">
                  <span class="carousel-control-next-icon" aria-hidden="true"></span>
                  <span class="sr-only">Next</span>
                </a>
              </div>
            </div>
            <div class="col-md-5 offset-md-1 noticias_title">
              <h5 style="color: #646464; font-size: 17px; margin-top: -12px; margin-bottom: 10px; margin-left: 18px;">
                Últimas notícias</h5>
              <div
                style="padding: 20px!important;  background-color: #FFF; border: solid #EBEBEB 1px; border-radius: 10px;">
                @foreach ($noticia2s as $noticia)
                  <div class="row">
                    <div class="col-md-5"style="padding-left: 0; padding-right: 0;">
                      <div class="img-canvas" style="  ">
                        <a href="{{ url('noticia/' . $noticia->url) }}">
                          <img src="{{ asset($noticia->img) }}" class="img-thumbnail" alt="{{ $noticia->titulo }}"
                            title="{{ $noticia->titulo }} ">
                        </a>
                      </div>
                    </div>
                    <div class="col-md-7"style="padding-left: 0; padding-right: 0; text-align: justify;">
                      <span class="title_noticia2">{{ App\Category::find($noticia->category_id)->name }}</span> <span
                        style="color: #ADADAD; border-left:#ADADAD solid 2px; padding-left: 10px;  font-size: 12px;"><i
                          class="fa fa-clock-o" aria-hidden="true"></i>
                        {{ $noticia->created_at->format('d/m/Y') }}</span>
                      <h3 style="font-size: 16px; padding: 10px 20px 10px 20px; font-weight: bold;">
                        {{ $noticia->titulo }}</h3>
                    </div>
                  </div>
                  <hr>
                @endforeach
                <center>
                  <a href="{{ routeTenant('site.noticias.all') }}" class="btn btn-default"
                    style="margin-left: 10px;  border: 2px solid #EBEBEB;
                 margin-bottom: 20px; border-radius: 15px; padding-top:3px; padding-bottom:3px; font-size: 15px; font-weight: bold; color: var(--backgroud-header); ">Veja
                    todas as notícias</a>
                </center>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div style=" background-color: #F9F9F9 ; height: auto;">
    <div class="container" style="    background-color: #F9F9F9;">
      <div class="row">
        <div class="col-md-6">
          <span style="font-weight: bold; font-size: 18px;" class="title_noticia"> Coronavírus</span>
          <a class="btn btn-default"
            style="margin-left: 10px; background-color: #CBEFEC ; border: 2px solid #9EDEF2;
                 margin-bottom: 20px; border-radius: 15px; padding-top:3px; font-size: 12px; margin-top: 10px; padding-bottom:3px; ">Informe
            Epidemiológico do Estado</a>
          <div style="border-bottom: #EBEBEB solid 2px; width: 100%;"></div>
                  </div>
        <div class="col-md-6 " style="padding-left: 50px;">
          <div style="font-weight: bold; font-size: 18px; margin-top: 10px; " class="title_noticia2"> Previsão do tempo
          </div>
          @php
            $diasdasemana = ['Seg' => 'Segunda-Feira', 'Ter' => 'Terça-Feira', 'Qua' => 'Quarta-Feira', 'Qui' => 'Quinta-Feira', 'Sex' => 'Sexta-Feira', 'Sáb' => 'Sábado', 'Dom' => 'Domingo'];
            $condition = ['storm' => 'Tempestade', 'snow' => 'Neve', 'hail' => 'Ganizo', 'rain' => 'Chuva', 'fog' => 'Neblina', 'clear_day' => 'Dia limpo', 'clear_night' => 'Noite limpa', 'cloud' => 'Nublado', 'cloudly_day' => 'Nublado de dia', 'cloudly_night' => 'Nublado de noite', 'none_day' => 'Erro ao obter mas está de dia', 'none_night' => 'Erro ao obter mas está de noite'];
          @endphp
          <div style="border-bottom: #EBEBEB solid 2px; margin-top: 20px; width: 100%;"></div>
          @if (isset($response['results']->forecast[0]))
            <div class="row"
              style="border: solid #EBEBEB 2px; padding: 5px;  border-radius: 6px; margin-top: 50px; background-color: #FFF;">
              <div class="col-md-5" style="border-right: solid #EBEBEB 2px; text-align: center;">
                <span
                  style="color: #AFAFAF; font-size: 16px;">{{ $diasdasemana[$response['results']->forecast[0]->weekday] }}
                  ({{ $response['results']->forecast[0]->date }})</span>
              </div>
              <div class="col-md-4" style="border-right: solid #EBEBEB 2px; text-align: center;">
                <span
                  style="color: #33CCF0; font-size: 16px; font-weight: bold;">{{ $response['results']->forecast[0]->min }}º<i
                    class="fa fa-chevron-down" aria-hidden="true"></i></span>
                <span
                  style="color: #F0335F; font-size: 16px; font-weight: bold; margin-left: 10px;">{{ $response['results']->forecast[0]->max }}º
                  <i class="fa fa-chevron-up" aria-hidden="true"></i></span>
              </div>
              <div class="col-md-3" style="text-align: center;">
                <img
                  src="{{ url('') }}/templates/prefeitura3/img/{{ $response['results']->forecast[0]->condition }}.svg"
                  height="30" title="{{ $condition[$response['results']->forecast[0]->condition] }}">
              </div>
            </div>
            <div class="row"
              style="border: solid #EBEBEB 2px; padding: 5px;  border-radius: 6px; margin-top: 5px; background-color: #FFF;">
              <div class="col-md-5" style="border-right: solid #EBEBEB 2px; text-align: center;">
                <span
                  style="color: #AFAFAF; font-size: 16px;">{{ $diasdasemana[$response['results']->forecast[1]->weekday] }}
                  ({{ $response['results']->forecast[1]->date }})</span>
              </div>
              <div class="col-md-4" style="border-right: solid #EBEBEB 2px; text-align: center;">
                <span
                  style="color: #33CCF0; font-size: 16px; font-weight: bold;">{{ $response['results']->forecast[1]->min }}º<i
                    class="fa fa-chevron-down" aria-hidden="true"></i></span>
                <span
                  style="color: #F0335F; font-size: 16px; font-weight: bold; margin-left: 10px;">{{ $response['results']->forecast[1]->max }}º
                  <i class="fa fa-chevron-up" aria-hidden="true"></i></span>
              </div>
              <div class="col-md-3" style="text-align: center;">
                <img
                  src="{{ url('') }}/templates/prefeitura3/img/{{ $response['results']->forecast[1]->condition }}.svg"
                  height="30" title="{{ $condition[$response['results']->forecast[1]->condition] }}">
              </div>
            </div>
            <div class="row"
              style="border: solid #EBEBEB 2px; padding: 5px;  border-radius: 6px; margin-top: 5px; background-color: #FFF;">
              <div class="col-md-5" style="border-right: solid #EBEBEB 2px; text-align: center;">
                <span
                  style="color: #AFAFAF; font-size: 16px;">{{ $diasdasemana[$response['results']->forecast[2]->weekday] }}
                  ({{ $response['results']->forecast[2]->date }})</span>
              </div>
              <div class="col-md-4" style="border-right: solid #EBEBEB 2px; text-align: center;">
                <span
                  style="color: #33CCF0; font-size: 16px; font-weight: bold;">{{ $response['results']->forecast[2]->min }}º<i
                    class="fa fa-chevron-down" aria-hidden="true"></i></span>
                <span
                  style="color: #F0335F; font-size: 16px; font-weight: bold; margin-left: 10px;">{{ $response['results']->forecast[2]->max }}º
                  <i class="fa fa-chevron-up" aria-hidden="true"></i></span>
              </div>
              <div class="col-md-3" style="text-align: center;">
                <img
                  src="{{ url('') }}/templates/prefeitura3/img/{{ $response['results']->forecast[2]->condition }}.svg"
                  height="30" title="{{ $condition[$response['results']->forecast[2]->condition] }}">
              </div>
            </div>
          @endif
        </div>
      </div>
    </div>
  </div>
  <div style=" background-color: #F9F9F9 ; height: auto; ">
    <div class="container">
      <div class="row">

        {{--            <div class="col-md-6" style="text-align: center;" > --}}
        {{--                <h3 class="fonttitle" style="margin-top: 20px;"> VÍDEOS </h3> --}}
        {{--                <div class="border"></div> --}}

        {{--                <div id="carouselExampleIndicators2" class="carousel slide" data-ride="carousel" style="margin-top: 20px; "> --}}

        {{--                    <div class="carousel-inner"> --}}

        {{--                        @php $linkscont3 = 0; @endphp --}}
        {{--                        @foreach ($videos as $video) --}}

        {{--                            <div class="carousel-item @if ($linkscont3 == 0) active @endif" style="max-height: 500px; "> --}}

        {{--                                @php --}}

        {{--                                    $itens = parse_url ($video->url); --}}
        {{--                                    if(isset($itens['query'])){ --}}
        {{--                                    parse_str($itens['query'], $params); --}}

        {{--                                @endphp --}}
        {{--                                <iframe class="yt-hd-thumbnail" width="100%" height="480" --}}
        {{--                                        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> --}}

        {{--                                @php } $linkscont3++; @endphp --}}
        {{--                            </div> --}}
        {{--                        @endforeach --}}
        {{--                    </div> --}}
        {{--                    <a class="carousel-control-prev" href="#carouselExampleIndicators2"  style="top: -170px;" 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="#carouselExampleIndicators2" style="top: -170px;"  role="button" data-slide="next"> --}}
        {{--                        <span class="carousel-control-next-icon" aria-hidden="true"></span> --}}
        {{--                        <span class="sr-only">Next</span> --}}
        {{--                    </a> --}}
        {{--                </div> --}}

        {{--            </div> --}}
        <div class="col-md-6" style="font-size: 15px!important;">
          <div style="font-weight: bold; font-size: 18px; margin-top: 10px; " class="title_noticia2"> Informações</div>
          <div style="border-bottom: #EBEBEB solid 2px; margin-top: 20px; width: 100%;"></div>
          <div style="padding: 10px;  margin-top: 20px; ">
            <div style="color: #646464;  padding-left: 10px;  font-size: 14px;"><i class="fa fa-clock-o"
                style="padding-top: 10px!important;" aria-hidden="true"></i>
              <span style="font-weight: bold; margin-left: 10px; font-size: 16px; color: #646464;">Horário de
                funcionamento</span>
              <div style="font-size: 12px; color: #646464; margin-left: 25px;">{{ $account->horario_funcionamento }}</div>
            </div>
            <div style="color: #646464;  padding-left: 10px;  font-size: 14px; margin-top: 15px;">
              <i class="fa fa-map-marker" style="padding-top: 10px!important;" aria-hidden="true"></i>
              <span style="font-weight: bold; margin-left: 10px; font-size: 16px; color: #646464;">Localização</span>
              @php
                $cidade = \Illuminate\Support\Facades\DB::table('cities')
                    ->where('id', $account->cidade)
                    ->first();
                $estado = \Illuminate\Support\Facades\DB::table('states')
                    ->where('id', $account->estado)
                    ->first();
              @endphp
              <div style="font-size: 12px; color: #646464; margin-left: 25px;">{{ $account->endereco }} - CEP:
                {{ $account->cep }} - {{ $cidade->name }}-{{ $estado->abbreviation }}</div>
            </div>
            <div style="color: #646464;  padding-left: 10px;  font-size: 14px; margin-top: 15px;">
              <i class="fa fa-phone" style="padding-top: 10px!important;" aria-hidden="true"></i>
              <span style="font-weight: bold; margin-left: 10px; font-size: 16px; color: #646464;">Telefone</span>
              <div style="font-size: 12px; color: #646464; margin-left: 25px;">Telefone: {{ $account->telefone }}</div>
            </div>
            <div style="color: #646464;  padding-left: 10px;  font-size: 14px; margin-top: 15px;">
              <i class="fa fa-envelope-o" style="padding-top: 10px!important;" aria-hidden="true"></i>
              <span style="font-weight: bold; margin-left: 10px; font-size: 16px; color: #646464;">E-mail</span>
              <div style="font-size: 12px; color: #646464; margin-left: 25px;">{{ $account->email }}</div>
            </div>
            {!! Form::open(['url' => routeTenant('site.enviaremail'), 'enctype' => 'multipart/form-data']) !!}
            <div class="row"
              style="border: solid 2px #EBEBEB; padding: 10px;margin-top: 20px; border-radius: 12px; ">
              <div class="col-md-6">
                <h5>Contato</h5>
                <input type="text" name="nome" placeholder="Nome" class="form-control">
                <input type="text" name="email" placeholder="E-mail" class="form-control"
                  style="margin-top: 10px;">
              </div>
              <div class="col-md-6">
                <h5 style="margin-top: 35px;"> </h5>
                <textarea name="menssagem" id="" class="form-control" placeholder="Mensagem"></textarea>
                <center>
                  <button class="btn btn-default"
                    style="background-color: #646464; padding: 3px 20px; margin-top: 10px;
                      border-radius: 20px;color: #FFF;"
                    type="submit">Enviar</button>
                </center>
              </div>
            </div>
            {!! Form::close() !!}
          </div>
        </div>
        <div class="col-md-5 offset-xl-1 offset-lg-1 offset-md-1 " style="text-align: left;">
          <div style="font-weight: bold; font-size: 18px; margin-top: 10px; " class="title_noticia2"> Diário oficial
          </div>
          <div style="border-bottom: #EBEBEB solid 2px; margin-top: 20px; width: 100%;"></div>
          <div
            style="background-color: #FFF; padding: 10px; border: #EBEBEB solid 2px; margin-top: 20px; border-radius: 10px;">
            <center>
              <div id='calendar'></div>
            </center>
            <div style="clear: both; margin-top: 10px; margin-left: 20px;">
              <div
                style="background-color: red; height: 15px; width: 15px; margin-top: 7px; float: left; border-radius: 5px;">
              </div>
              <div
                style="margin-left: 10px; float: left;  margin-top: 5px; color: #646464; font-weight: bold; font-size: 13px;">
                Diário publicado</div>
              <div
                style=" border: 2px solid #707070; height: 15px; margin-left: 20px; width: 15px; margin-top: 7px; float: left; border-radius: 5px;">
              </div>
              <div
                style="margin-left: 10px; float: left;  margin-top: 5px; color: #646464; font-weight: bold; font-size: 13px;">
                Data de hoje</div>
            </div>
            <div style="clear: both;"></div>
          </div>
          <i class="fa fa-question-circle" style="padding-top: 10px!important; color: #ADADAD; margin-left: 10px;"
            aria-hidden="true"></i>
          <span style="font-weight: bold; font-size: 12px; margin-left: 1px; color: #ADADAD;">Clique na data para
            visualizar o diário</span>
        </div>
      </div>
    </div>
    <div style="height: 20px; width: 100%;"></div>
  </div>
  @if (isset($modal->status))
    @if ($modal->status == 1)
      <div class="modal fade" id="madara" style="z-index: 100000;" tabindex="-1" role="dialog" aria-
        labelledby="myLargeModalLabel">
        <div class="modal-dialog modal-lg" role="document">
          <div class="modal-content">
            <div class="modal-header" style="background-color: var(--backgroud-header); color: var(--text-header);">
              <h5 class="modal-title"> {{ $modal->titulo }}</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
              <center> <img style="text-align: center;" src="{{ $modal->corpo }}" width="100%" alt="">
              </center>
            </div>
          </div>
        </div>
      </div>
    @endif
  @endif
  <div class="modal fade " id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document" style="margin:100px  auto;">
      <div class="modal-content">
        <div class="modal-header colorbg text-white">
          <h5 class="modal-title " id="exampleModalLabel"> </h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
        </div>
      </div>
    </div>
  </div>
  <div class="modal fade " id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog" role="document" style="margin:100px  auto;">
      <div class="modal-content">
        <div class="modal-header colorbg text-white">
          <h5 class="modal-title " id="exampleModalLabel">BAIXAR DIÁRIO OFICIAL</h5>
          <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-secondary" data-dismiss="modal">Cancelar</button>
          <a download="" class="btn colorbg text-white" id="dataComfirmOK">BAIXAR</a>
          <a target="_blank" class="btn colorbg text-white" id="dataComfirmvisu">VISUALIZAR</a>
        </div>
      </div>
    </div>
  </div>
@endsection

@section('post-script')
  <script src='{{ asset('templates/prefeitura3/js/core/main.js') }}'></script>
  <script src='{{ asset('templates/prefeitura3/js/daygrid/main.js') }}'></script>
  <script src='{{ asset('templates/prefeitura3/js/interaction/main.min.js') }}'></script>
  <script src='{{ asset('templates/prefeitura3/js/timegrid/main.min.js') }}'></script>
  <script src='{{ asset('templates/prefeitura3/js/core/locales/pt-br.js') }}'></script>
  <script>
    document.addEventListener('DOMContentLoaded', function() {
      var calendarEl = document.getElementById('calendar');
      var calendar = new FullCalendar.Calendar(calendarEl, {
        plugins: ['interaction', 'dayGrid', 'timeGrid'],
        monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro',
          'Outubro', 'Novembro', 'Dezembro'
        ],
        locale: 'pt-br',
        defaultView: 'dayGridMonth',
        contentHeight: "auto",
        header: {
          left: 'prev ',
          center: 'title',
          right: 'next'
        },
        dayRender: function(date, cell) {
        },
        events: [
          @foreach ($diarios as $diario)
            {
              title: '',
              allDay: true,
              start: '{{ $diario->dataversite->format('Y-m-d') }}',
              url: '{{ $diario->url_pdf }}',
              color: 'var(--backgroud-header)',
              display: 'background'
            },
          @endforeach
          @foreach ($feriados as $diario)
            {
              title: 'Feriado',
              allDay: true,
              start: '{{ $diario->data->format('Y-m-d') }}',
              url: '{{ $diario->name }}',
              color: '{{ $diario->cor }}',
            },
          @endforeach
        ],
        eventClick: function(info) {
          info.jsEvent.preventDefault(); // don't let the browser navigate
          if (info.event.title == 'Feriado') {
            $('#exampleModal2').modal('show');
            $('#exampleModal2').find('.modal-title').text('Feriado de ' + info.event.url)
          } else {
            if (info.event.url) {
              console.log('madara');
              $('#exampleModal').modal('show');
              $('#dataComfirmOK').attr('href', info.event.url);
              $('#dataComfirmvisu').attr('href', info.event.url);
            }
          }
        }
      });
      calendar.render();
    });
    $(document).ready(function() {
      mudarcor();
      $('#madara').modal('show');
    })
    $('#myCarousel').carousel({
      interval: 10000
    })
    $('#carouselExampleIndicators2').carousel({
      pause: true,
      interval: false
    })
  </script>
  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
    AOS.init();
  </script>
  <script type="text/javascript">
    $(document).ready(function() {
      var clickAtual3 = $('button');
      var array3 = [];
      clickAtual3.each(function(i, e) {
        var c3 = e;
        array3.push(c3);
        // console.log(e);
        if (e.ariaLabel == 'prev') {
          e.setAttribute("onclick", "proximo()");
        }
        if (e.ariaLabel == 'next') {
          e.setAttribute("onclick", "anterior()");
        }
      });
      $('.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);
    function proximo() {
      mudarcor();
    }
    function anterior() {
      mudarcor();
    }
    function mudarcor() {
      var array_c = [];
      var array_url = [];
      @foreach ($diarios as $diario)
        array_c.push('{{ $diario->dataversite->format('Y-m-d') }}');
      @endforeach
      var clickAtual = $('.fc-widget-content');
      var array = [];
      clickAtual.each(function(i, e) {
        var c = e.dataset['date'];
        if ($.inArray(c, array_c) !== -1) {
          array.push(c);
          e.style.backgroundColor = 'var( --backgroud-header)';
          e.style.color = 'White';
          console.log(e);
        } else {
        }
      });
      var clickAtual2 = $('.fc-day-top');
      var array1 = [];
      clickAtual2.each(function(i, e) {
        var c = e.dataset['date'];
        if ($.inArray(c, array_c) !== -1) {
          e.style.color = 'White';
        } else {
        }
      });
      console.log(array);
    }
  </script>
@endsection