@include('header')

@foreach ($coreOrders as $coreOrder)
   @if ($coreOrder->page == 'Slides')
   {{-- SLIDES --}}
      <div id="slideshow" class="carousel slide" data-bs-ride="carousel">
         <div class="carousel-indicators">

            @php
               $first = true;
               $count = 0;
            @endphp
            @foreach ($layout->slides as $slide)

               <button type="button" data-bs-target="#slideshow" data-bs-slide-to="{!! $count !!}" {!! $first ? 'class="active" aria-current="true"' : '' !!} aria-label="Slide 1"></button>
               @php
                  $first = false;
                  $count++;
               @endphp
         @endforeach

         </div>
         <div class="carousel-inner">
            @php
               $first = true;
            @endphp
            @foreach ($layout->slides as $slide)
               <div class="carousel-item {{ $first ? 'active' : '' }}">
                  <div class="d-flex align-items-center justify-content-center">
                     <img src="{{ $slide->image }}" class="d-block w-100" alt="Slide 1">
                  </div>
               </div>
               @php
                  $first = false;
               @endphp
         @endforeach
         {{-- <div class="carousel-item">
            <img src="https://via.placeholder.com/800x400?text=Slide+2" class="d-block w-100" alt="Slide 2">
         </div>
         <div class="carousel-item">
            <img src="https://via.placeholder.com/800x400?text=Slide+3" class="d-block w-100" alt="Slide 3">
         </div> --}}
         </div>
         <button class="carousel-control-prev" type="button" data-bs-target="#slideshow" data-bs-slide="prev">
         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
         <span class="visually-hidden">Previous</span>
         </button>
         <button class="carousel-control-next" type="button" data-bs-target="#slideshow" data-bs-slide="next">
         <span class="carousel-control-next-icon" aria-hidden="true"></span>
         <span class="visually-hidden">Next</span>
         </button>
      </div>
   {{-- FIM SLIDES --}}
   @endif

   @if ($coreOrder->page == 'AdsTop')
   {{-- PROGRAPANDA --}}
      @if ($ad_top->enable)
         <div class="position-relative py-4" style="background-color: {{ $adsColorTop->color }};">
            <div class="container">
               <div class="row justify-content-center">
                  @if (!empty($ad_top->url))
                     <a href="{{ $ad_top->url }}" target="_blank">
                  @endif
                  <div class="col-12">
                     <img src="{{ asset($ad_top->image) }}" class="img-fluid" alt="">
                  </div>
                  @if (!empty($ad_top->url))
                     </a>
                  @endif
               </div>
            </div>
         </div>
      @endif
   {{-- FIM PROGRAPANDA --}}
   @endif

   @if ($coreOrder->page == 'Stream')
   {{-- WEBTV E CHAT --}}
      @if ($stream->enable_webtv || $stream->enable_chat)
      <div class="py-5" style="background-color: {{ $streamColor->color }};">
         <div class="container">
         <div class="row">
            <div class="col-12">
               <h2 class="text-white text-center mb-4">{!! $streamtext->title !!}</h2>
               <p class="text-white text-center mb-4">{!! $streamtext->message !!}</p>
            </div>
         </div>
         <div class="row py-5">
            @if ($stream->enable_webtv)
            <div class="col-sm-12 col-md-6">
               <h2 class="text-center text-white mb-4">{!! $streamtext->live !!}</h2>
               {!! $stream->web_tv !!}
            </div>
            @endif
            @if ($stream->enable_chat)
            <style>
               .embed-responsive-chat{
                  width: 100%; 
                  height: 100%; 
                  min-height:300px;
                  max-height:315px;
               }
               @media screen and (max-width: 767px) {
                  .embed-responsive-chat{
                     /* width: 100%;  */
                     /* height: 100%;  */
                     /* min-height:315px; */
                     /* margin-top: 100px; */
                  }
               }

               .embed-responsive-webtv{
                  width: 100%; 
                  height: 100%; 
                  min-height:300px;
                  max-height:315px;
               }
               @media screen and (max-width: 767px) {
                  .embed-responsive-webtv{
                     width: 100%;
                     max-height: 180px;
                     min-height:100px;
                     margin-bottom: 50px;
                     /* height: 100%;  */
                     /* min-height:315px; */
                     /* margin-top: 100px; */
                  }
               }
            </style>
            <div class="col-sm-12 col-md-6">
               <h2 class="text-center text-white mb-4">{!! $streamtext->chat !!}</h2>
               {!! $stream->chat !!}
            </div>
            @endif
         </div>
         </div>
      </div>
      @endif
   {{-- FIM WEBTV E CHAT --}}
   @endif

   @if ($coreOrder->page == 'PostsEvents')
   {{-- BLOG --}}
      @php
      $enable_post = false;

      foreach($posts as $post){
         if($post->enable){
            $enable_post = true;
            break;
         }
      }

      $enable_event = false;

      foreach($events as $event){
         if($event->enable){
            $enable_event = true;
            break;
         }
      }
      @endphp

      @if ($enable_post || $enable_event)
      <div id="blog" class="py-5" style="background-color: {{ $eventsColor->color }}">
         <div class="container">
            <div class="row">
               <div class="col py-5">
                  @if ($post_emphasis->enable)
                     @if (isset($post_emphasis->id))

                     <h2 class="text-black mb-4">{!! $postsText->title !!}</h2>
                     <div class="py-4">
                        <p>
                           <span style="font-size:20px">
                              <span style="color:#FFFFFF">
                                 <strong>
                                    <span style="background-color:#FF0000">DESTAQUE</span>
                                 </strong>
                              </span>
                           </span>
                        </p>
                        <p>
                           <a href="{{ route('posts.show', $post_emphasis->friendly_url) }}">
                              <span style="color:#000000">
                                 <span style="font-size:20px">
                                    <strong>{{ $post_emphasis->title }}</strong>
                                 </span>
                              </span>
                           </a>
                        </p>
                        <p>
                           <span style="color:#696969">
                              <span style="font-size:20px">
                                 <strong>{{ $post_emphasis->summary }}</strong>
                              </span>
                           </span>
                        </p>
                     </div>
                     @endif
                  @endif
                                             
                  @if ($enable_post)
                     <div class="row">
                        @foreach ($posts as $post)
                           <div class="col-sm-6">
                              <a href="{{ route('posts.show', $post->friendly_url) }}" class="noticias_imagem" style="background-image:url({{ asset($post->thumbnail) }}); "></a>
                              <a class="noticias_titulo" href="{{ route('posts.show', $post->friendly_url) }}">{{ $post->title }}</a>
                              <div class="noticias_dia">{{ timeZoneFormat($post->updated_at, 'd/m/Y') }}</div>
                              <div class="noticias_previa">{{ $post->summary }}</div>
                        </div> 
                        @endforeach
                     </div>
                  @endif
               </div>
               <div class="col-sm-5  py-5">
                  @if ($enable_event)
                     <div id="servicos" class="col-sm-12">
                        <h2 class="text-black mb-4">{!! $eventstext->title !!}</h2>
                        <p class="text-black mb-4">{!! $eventstext->message !!}</p>
                        <div class="py-4">
                           <div class="row col-sm-12 module_accordion">
                              <div class="shortcode_accordion_shortcode accordion">
                                 @foreach ($events as $event)
                                 <h5 data-count="{{ $event->id }}"
                                    class="row shortcode_accordion_item_title card_item_topo expanded_no">
                                    <span class="card_sub_titu">
                                       {{ $event->title }} </span><span class="ico"></span>
                                 </h5>
                                 <div class="col-sm-12 shortcode_accordion_item_body">
                                    <div class="ip">
                                       {{ $event->description }}
                                    </div>
                                 </div>
                                 @endforeach
                              </div>
                           </div>
                        </div>
                     </div>
                  @endif
                  @if ($ad_side->enable)
                     <div id="servicos" class="col-sm-12">
                        @if (!empty($ad_top->url))
                           <a href="{{ $ad_side->url }}" target="_blank">
                        @endif
                           <img class="img-responsive" src="{{ asset($ad_side->image) }}">
                        @if (!empty($ad_top->url))
                           </a>
                        @endif
                     </div>
                  @endif
               </div>
            </div>
         </div>
      </div>
         
      @endif
   {{-- FIM BLOG --}}
   @endif

   @if ($coreOrder->page == 'Photos')
   {{-- GALERIA DE FOTOS --}}
      @php
      $enable = false;

      foreach($photos as $photo){
         if($photo->enable){
            $enable = true;
            break;
         }
      }

      @endphp

      @if ($enable)
            <div id="galeria" class="py-5" style="background-color: {{ $photosColor->color }}; {{ isset($photosColor->background) ? 'background-image: url('.$photosColor->background.');' : ''}}">
               <div class="container mt-5">
                  <div class="row">
                     <div class="col-sm-12">
                        <h2 class="text-white text-center mb-4">
                           {!! $photostext->title !!}
                        </h2>
                        <p class="text-white text-center mb-4">
                           {!! $photostext->message !!}
                        </p>
                     </div>
                  </div>
                  <div class="row">
                     <div class="col-sm-12">
                        <div class="bg_start wall_wrap">
                           <div class="list-of-images items3 photo_gallery">
                              @foreach ($photos as $photo)
                              <div class="gallery_item">
                                 <div class="gallery_item_padding">
                                    <div class="gallery_item_wrapper">
                                       <img src="{{ $photo->image }}" alt="">
                                       <span class="block_fade"></span>
                                       <a href="{{ $photo->image }}" class="view_link photozoom"><i
                                             class="icon-search"></i></a>
                                    </div>
                                 </div>
                              </div>
                              @endforeach
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
      @endif
   {{-- FIM GALERIA DE FOTOS --}}
   @endif

   @if ($coreOrder->page == 'AboutUs')
   {{-- SOBRE NÓS --}}
      @if ($aboutus->enable)
         

         <div id="sobre" class="py-5" style="background-color:{{ $aboutUsColor->color }}">
            <div class="container mt-5">
               <div class="row">
                  <div class="col-xs-12 col-sm-12 col-md-12">
                     <div>
                        <h2 class="text-black text-center mb-4">
                           {{ $aboutus->title }}
                        </h2>
                     </div>
                  </div>
               </div>
               <div class="row mb-5">
                  <div class="col-10 mx-auto text-justify">
                     <div class="py-2">
                           <span class="text-justify" style="color:#000000; font-size:18px">
                              {!! $aboutus->about_us !!}
                           </span>
                     </div>
                  </div>
               </div>
            </div>
         </div>

      @endif
   {{-- FIM SOBRE NÓS --}}
   @endif

   @if ($coreOrder->page == 'Polls')
   {{-- ENQUETE --}}
      @php
         $enable = false;


         if($poll->enable){
         $enable = true;
         }

      @endphp

      @if ($enable)
         <div id="enquete" class="py-5" style="background-color:{{ $pollsColor->color }}">
            <div class="container mt-5">
               <div class="row">
                  <div class="col-xs-12 col-sm-12 col-md-12">
                     <div>
                        <h2 class="text-black text-center mb-4"> {!! $polltext->title !!} </h2>
                        <p class="text-white text-center mb-4">{!! $polltext->message !!}</p>
                     </div>
                  </div>
               </div>
               <div class="row">
                  <div class="col-xs-12 col-sm-6 col-md-6">
                     <div class="py-5" style="width: 100%;">
                        <p>
                           <span class="apres_subtextos"> <span class="apres_ico"><img
                                    src="{{ asset($poll->image) }}"></span><br>
                           </span>
                        </p>
                     </div>
                  </div>
                  <div class="col-xs-12 col-sm-6 col-md-6">
                     <div style="padding:25px; width: 100%; background-color:#FFFFFF; margin-top: 50px;">
                        <form action="" method="post" id="enqueteform" name="enqueteform">
                           <div style="font-size: 18px; color:#000; padding-bottom: 0px;">
                              <b>{{ $poll->question }}</b>
                           </div>
                           @foreach ($poll->options as $option)
                              <div style="padding-top:5px;"> <input type="radio" name="answer" id="answer_{{ $option->id }}" value="{{ $option->id }}"> <label for="answer_{{ $option->id }}">{{ $option->answer }}</label></div>
                           @endforeach

                           <div style="margin-top:10px;">
                              <input id="enviar_voto" type="button" value="VOTAR" class="btn btn-warning rounded-pill" onclick="vote()">

                           </div>
                        </form>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      @endif
   {{-- FIM ENQUETE --}}
   @endif

   @if ($coreOrder->page == 'Team')
   {{-- EQUIPE --}}
      @php
      $enable = false;

      foreach($teams as $team){
         if($team->enable){
            $enable = true;
            break;
         }
      }
      @endphp

      @if ($enable)

         <div id="equipe" class="py-5" style="background-color:{{ $teamColor->color }}">
            <div class="container mt-5">
               <div class="row">
                  <div class="col-sm-12">
                     <h2 class="text-black text-center mb-4">{!! $teamtext->title !!}</h2>
                     <p class="text-black text-center mb-4">{!! $teamtext->message !!}</p>
                  </div>
               </div>
               <div class="row">
                  @foreach ($teams as $team)
                  <div class="col-auto mx-auto">
                     <div class="equipe_item">
                        <div class="equipe_item_img" style="background-image:url({{ $team->image }});"></div>
                        <div class="equipe_item_nome">{{ $team->name }} - {{ $team->sector }}</div>
                     </div>
                  </div>
                  @endforeach
               </div>
            </div>
         </div>

      @endif
   {{-- FIM EQUIPE --}}
   @endif

   @if ($coreOrder->page == 'Schedule')
   {{-- PROGRAMAÇÃO --}}
      @php
         $enable = false;

         foreach($schedules as $schedule){
            if($schedule->enable){
               $enable = true;
               break;
            }
         }
      @endphp

      @if ($enable)

         <div id="programacao" class="py-5" style="background-color:{{ $scheduleColor->color }};">
            <div class="container mt-5">
               <div class="row">
                  <div class="col-xs-12 col-sm-12 col-md-12">
                     <h2 class="text-white text-center mb-4">{!! $scheduletext->title !!}</h2>
                     <p class="text-white text-center mb-4">{!! $scheduletext->message !!}</p>
                  </div>
               </div>
               <div class="row">
                  <div class="col-xs-12 col-sm-12 col-md-12">
                     <div class="programacao_dias_semana">
                        <a class="dias_semana_item {{ $day_the_week == 'sunday' ? 'dias_semana_item_ativo' : '' }}"
                           onclick="schedule('sunday');" id="bt_sunday">Domingo</a>
                        <a class="dias_semana_item {{ $day_the_week == 'monday' ? 'dias_semana_item_ativo' : '' }}"
                           onclick="schedule('monday');" id="bt_monday">Segunda</a>
                        <a class="dias_semana_item {{ $day_the_week == 'tuesday' ? 'dias_semana_item_ativo' : '' }}"
                           onclick="schedule('tuesday');" id="bt_tuesday">Terça</a>
                        <a class="dias_semana_item {{ $day_the_week == 'wednesday' ? 'dias_semana_item_ativo' : '' }}"
                           onclick="schedule('wednesday');" id="bt_wednesday">Quarta</a>
                        <a class="dias_semana_item {{ $day_the_week == 'thursday' ? 'dias_semana_item_ativo' : '' }}"
                           onclick="schedule('thursday');" id="bt_thursday">Quinta</a>
                        <a class="dias_semana_item {{ $day_the_week == 'friday' ? 'dias_semana_item_ativo' : '' }}"
                           onclick="schedule('friday');" id="bt_friday">Sexta</a>
                        <a class="dias_semana_item {{ $day_the_week == 'saturday' ? 'dias_semana_item_ativo' : '' }}"
                           onclick="schedule('saturday');" id="bt_saturday">Sábado</a>
                     </div>
                  </div>
               </div>
               <div class="row">
                  <div class="col-xs-12 col-sm-12 col-md-12">
                     <div class="lista_dia" id="progr_lista_dia">
                        <table style="width:100%">
                           <tbody>
                              <tr
                                 style="border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000;">
                                 <td class="prog_td_titulo"><i class="fa fa-calendar" aria-hidden="true"></i> INÍCIO</td>
                                 <td class="prog_td_titulo">PROGRAMA</td>
                                 <td class="prog_td_titulo">APRESENTADOR</td>
                              </tr>
                              @foreach ($schedules as $schedule)
                              <tr class="prog_linha">
                                 <td class="prog_td_linha" style="text-align:center;">{{ $schedule->start_time }}</td>
                                 <td class="prog_td_linha">{{ $schedule->name }}</td>
                                 <td class="prog_td_linha">{{ $schedule->present }}</td>
                              </tr>
                              @endforeach

                           </tbody>
                        </table>
                     </div>
                  </div>
               </div>
            </div>
         </div>

      @endif
   {{-- FIM PROGRAMAÇÃO --}}
   @endif

   @if ($coreOrder->page == 'Statistics')
   {{-- ESTÁTISTICAS --}}
      @php
      $enable = false;

      foreach($statisticsinformations as $statisticsinformation){
         if($statisticsinformation->enable){
            $enable = true;
            break;
         }
      }
      @endphp

      @if ($enable)
         <div class="py-5" style="background-color:{{ $statisticsColor->color }}; {{ isset($statisticsColor->background) ? 'background-image: url('.asset($statisticsColor->background).');' : ''}}">
            <div class="container">
               <div class="row">

                  @php
                  $count = 0;
                  @endphp
                  @foreach ($statisticsinformations as $statisticsinformation)


                  <div class="col-sm-4 module_cont pb43">
                     <div class="module_content shortcode_counter">

                        @if ($count == 0)
                        <div style="margin-bottom: 20px; text-align: center; width: 100%;"><img
                              src="{{ asset('img/ouvintes.png') }}" style="height:45px;"></div>
                        @elseif ($count == 1)
                        <div style="margin-bottom: 20px; text-align: center; width: 100%;"><img
                              src="{{ asset('img/brasil.png') }}" style="height:45px;"></div>
                        @elseif ($count == 2)
                        <div style="margin-bottom: 20px; text-align: center; width: 100%;"><img
                              src="{{ asset('img/24hours.png') }}" style="height:45px;"></div>
                        @endif

                        @php
                        $count++;
                        @endphp



                        <div class="counter_wrapper">
                           <div class="counter_content">
                              <div class="counter_body">
                                 <div class="stat_count_wrapper">
                                    <h1 class="stat_count" data-count="{{ $statisticsinformation->value }} ">0</h1>
                                    <h4 class="counter_title">
                                       {{ $statisticsinformation->name }}
                                    </h4>
                                 </div>
                                 <div class="stat_temp"></div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>

                  @endforeach

               </div>
            </div>
         </div>
      @endif
   {{-- FIM ESTÁTISTICAS --}}
   @endif

   @if ($coreOrder->page == 'FormContacts')
   {{-- ENTRE EM CONTATO --}}
      @if($settings->smtp_enable)

         <div id="faleconosco" class="py-5" style="background-color:#fff">
            <div class="container">
               <div class="row">
                  <div class="col-xs-12 col-sm-12 col-md-12">
                     <h2 class="text-black text-center mb-4">ENTRE EM CONTATO</h2>
                     <p class="text-black text-center mb-4">Entre em contato com nossa equipe, assim que possível entraremos em contato com você.</p>
                  </div>
               </div>
               <div class="row">
                  <div class="col-6 mx-auto text-justify">
                        <form enctype="multipart/form-data">
                           <fieldset>
                              <input type="text" placeholder="NOME" name="replay_name" id="replay_name"
                                 style="background-image: url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABHklEQVQ4EaVTO26DQBD1ohQWaS2lg9JybZ+AK7hNwx2oIoVf4UPQ0Lj1FdKktevIpel8AKNUkDcWMxpgSaIEaTVv3sx7uztiTdu2s/98DywOw3Dued4Who/M2aIx5lZV1aEsy0+qiwHELyi+Ytl0PQ69SxAxkWIA4RMRTdNsKE59juMcuZd6xIAFeZ6fGCdJ8kY4y7KAuTRNGd7jyEBXsdOPE3a0QGPsniOnnYMO67LgSQN9T41F2QGrQRRFCwyzoIF2qyBuKKbcOgPXdVeY9rMWgNsjf9ccYesJhk3f5dYT1HX9gR0LLQR30TnjkUEcx2uIuS4RnI+aj6sJR0AM8AaumPaM/rRehyWhXqbFAA9kh3/8/NvHxAYGAsZ/il8IalkCLBfNVAAAAABJRU5ErkJggg==&quot;); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%;">
                              <span class="coll-1">
                                 <input type="text" placeholder="E-MAIL" name="replay_email" id="replay_email">
                              </span> <span class="coll-1 last">
                                 <input type="text" placeholder="TELEFONE" name="replay_phone" id="replay_phone"
                                    onkeypress="Mascara(this,telefone)" onkeydown="Mascara(this,telefone)" maxlength="15">
                              </span>
                              <div class="box clearfix">
                                 <textarea placeholder="ESCREVA SUA MENSAGEM" name="html_body" id="html_body"
                                    style="height: 100px;"></textarea>
                                 <div class="row" style="margin-top:20px;">
                                    <div class="col-md-4">
                                    </div>
                                    <div class="col-md-6">
                                       <div class="g-recaptcha" data-sitekey="">
                                          <div class="input-group mb-3">
                                             <div class="col-md-5">
                                                <input id="captcha" type="text" class="form-control" placeholder="Captcha" name="captcha">
                                             </div>
                                             <div class="col-md-7 captcha">
                                                <span>{!! captcha_img() !!}</span>
                                                <button type="button" class="btn btn-danger" class="reload" id="reload">
                                                   &#x21bb;
                                                </button>
                                             </div>
                                       </div>
                                       <br/>
                                       </div>
                                    </div>
                                    <div class="col-md-2">
                                       <div style="text-align: right;">
                                          <input type="button" value="ENVIAR" onclick="sendmail();" class="btn btn-warning rounded-pill" name="button_sendmail" id="button_sendmail">
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </fieldset>
                        </form>
                     </div>
               </div>
            </div>
         </div>

      @endif
   {{-- FIM ENTRE EM CONTATO --}}
   @endif

   @if ($coreOrder->page == 'FAQ')
   {{-- FAQ --}}

      @php
      $enable = false;

      foreach($faqs as $faq){
         if($faq->enable){
            $enable = true;
            break;
         }
      }
      @endphp

      @if ($enable)
         


         <div id="faq" class="py-5" style="background-color: {{ $faqColor->color }}">
            <div class="container">

               <div class="row">
                  <div class="col-xs-12 col-sm-12 col-md-12">
                     <h2 class="text-white text-center mb-4">{!! $faqtexts->title !!}</h2>
                     <p class="text-white text-center mb-4">{!! $faqtexts->message !!}</p>
                  </div>
               </div>
               <div class="row">
                  <div class="col-lg-10 mx-auto">
                  <div class="accordion" id="faqAccordion">
                     @foreach ($faqs as $faq)
                        <div class="accordion-item">
                        <h2 class="accordion-header" id="heading{{ $faq->id }}">
                           <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse{{ $faq->id }}" aria-expanded="false" aria-controls="collapse{{ $faq->id }}">
                              {!! $faq->question !!}
                           </button>
                        </h2>
                        <div id="collapse{{ $faq->id }}" class="accordion-collapse collapse" aria-labelledby="heading{{ $faq->id }}" data-bs-parent="#faqAccordion">
                           <div class="accordion-body">
                              {!! $faq->answer !!}
                           </div>
                        </div>
                        </div> 
                     @endforeach
                  </div>
                  </div>
               </div>
            </div>
         </div>
      @endif
   {{-- FIM FAQ --}}
   @endif

   @if ($coreOrder->page == 'AdsFooter')
   {{-- ANÚNCIOS --}}

      @php
      $enable = false;

      foreach($ads as $ad){
         if($ad->enable){
            $enable = true;
            break;
         }
      }
      @endphp

      @if ($enable)


         <section class="py-4" style="background-color: {{ $adsColorFooter->color }}">
            <div class="container">
               <div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
                  <div class="carousel-inner">
                     @php
                        $limit = 4;
                        $count = 1;
                        $first = true;
                        $totalAds = count($ads);
                        $countAds = 1;
                     @endphp

                     @foreach ($ads as $ad)

                        
                        @if ($count == 1)
                           <div class="carousel-item {{ $first ? 'active' : '' }}">
                              <div class="row col-9 mx-auto">    
                        @endif
                        
                                 <div class="col-3">
                                    <a class="thumbnail" href="{{ $ad->url }}" target="_blank">
                                       <img src="{{ $ad->image }}" style="max-width: 150px; max-height: 150px; width: 100%; height: 100%;" class="d-block w-100" alt="...">
                                    </a>
                                 </div>

                        @if ($count >= $limit || $countAds == $totalAds)
                              </div>
                           </div>
                        @endif      

                        @php
                           if($count >= $limit || $countAds == $totalAds){
                              $count = 0;
                              $first = false;
                           }
                           $count++;
                           $countAds++;
                        @endphp
                     @endforeach

                  </div>
                  <button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
                  <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                  <span class="visually-hidden">Previous</span>
                  </button>
                  <button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
                  <span class="carousel-control-next-icon" aria-hidden="true"></span>
                  <span class="visually-hidden">Next</span>
                  </button>
               </div>

            </div>
         </section>

      @endif
   {{-- FIM ANÚNCIOS --}}
   @endif

@endforeach

@include('footer')




@if(!empty($settings->analytics_id))
   <script async="" src="https://www.googletagmanager.com/gtag/js?id={!! $settings->analytics_id !!}"></script>
   <script>
   window.dataLayer = window.dataLayer || [];
   function gtag(){dataLayer.push(arguments);}
   gtag('js', new Date());
   gtag('config', '{!! $settings->analytics_id !!}');
   </script>
@endif
<script>
$('#reload').click(function() {
          $.ajax({
              type: 'GET', 
              url: 'admin/reload-captcha', 
              success: function(data) {
                  $(".captcha span").html(data.captcha);
              }
          });
      });

      function schedule(day_the_week){
        
        $('#progr_lista_dia').html("<div style='text-align:center;'><img src='{{ asset('img/loading.gif') }}' style='width:25px;'></div>");
        

        $.ajax({
            headers: {
                'X-CSRF-Token': "{{ csrf_token() }}",
            },
            type: 'POST',
            url: "{{ route('schedule.index') }}",
            data: {
               day_the_week: day_the_week
            },
            enctype: 'multipart/form-data',
            success: function(data){
 
                  $('#progr_lista_dia').html(data);
         
                  $(".dias_semana_item").removeClass("dias_semana_item_ativo");
                  $("#bt_"+day_the_week).addClass("dias_semana_item_ativo");
       
                
            },
            error: function(data){
   
                console.log('Erro no Ajax !');
            }
        });


    
}

function sendmail(){
   
   $('#button_sendmail').prop( "disabled", true );
        $.ajax({
            headers: {
                'X-CSRF-Token': "{{ csrf_token() }}",
            },
            type: 'POST',
            url: "{{ route('home.sendmail') }}",
            data: {
               replay_name: $('#replay_name').val(),
               replay_email: $('#replay_email').val(),
               replay_phone: $('#replay_phone').val(),
               html_body: $('#html_body').val(),
               captcha: $('#captcha').val(),
            },
            enctype: 'multipart/form-data',
            success: function(data){
               alert(data['message']);
                 $('#button_sendmail').prop( "disabled", false );
                 $('#replay_name').val('');
                 $('#replay_email').val('');
                 $('#replay_phone').val('');
                 $('#html_body').val('');
            },
            error: function(data){
     
               console.log('Erro no Ajax !');
               $('#button_sendmail').prop( "disabled", false );
            }
        });    
     
        $('#button_sendmail').prop( "disabled", false );
}

function vote(){

   
   $('#enviar_voto').prop( "disabled", true );
        $.ajax({
            headers: {
                'X-CSRF-Token': "{{ csrf_token() }}",
            },
            type: 'POST',
            url: "{{ route('polls.store') }}",
            data: {
               answer: $("input[name='answer']:checked").val()
            },
            enctype: 'multipart/form-data',
            success: function(data){
 
                  if(data.success){
                     $('#enqueteform').html(data.result);
                  }
                 $('#enviar_voto').prop( "disabled", false );

            },
            error: function(data){
                  console.log(data);
                console.log('Erro no Ajax !');
                $('#enviar_voto').prop( "disabled", false );
            }
        });
}



   </script>