<?php
  $banners = [
    // ['ligterink-en-de-wit.jpg', 'https://www.ligterink-dewit.nl', 'Ligterink en De Wit']
    ['websteen.gif', 'https://www.websteen.nl/?utm_source=websitenhgooi&utm_medium=banner&utm_campaign=branding', 'Websteen websites &amp; online marketing']
  ];

  shuffle($banners);
  if(count($banners)):
    list($img, $url, $alt) = $banners[0];
?>
  <div class="banner">
    <h4 class="box_header">Advertentie</h4>
    <p class='ad'>
      <a href="{{$url}}" target="_nhgooi_adbanner" class="ad_banner"><img src="/images/banners/{{$img}}" alt="{{$alt}}" title="{{$alt}}" /></a>
    </p>
    <p class='abnotice'></p>
    <p><a href="{{ route('adverteren') }}">Hier adverteren?</a></p>
  </div>
  <style>
    .banner {
    }
    .banner .ad {
      padding-top: 10px;
      padding-left: 0;
      padding-right: 0;
    }
    .banner .ad img {
      width: 100%;
    }
    .banner p, .banner a {
      font-size: 90%;
      padding-top: 0;
      padding-bottom: 0;
      color: #3A3A3A;
      text-align: center;
    }
  </style>
  @push('scripts')
  <script>
    $(function() {
      if($('.ad').filter(':visible').length == 0 || $('.ad').height() == 0) {
        $('.abnotice').text("Wij zijn mede afhankelijk van advertentie-inkomsten om u gratis radio- en tv-uitzendingen en regionaal nieuws aan te kunnen bieden. Als u uw ad blocker uitschakelt, verschijnt hier een kleine onopvallende advertentie die ons helpt onze kosten te dekken.").show();
        setTimeout(function() { $('.banner').slideUp('slow'); }, 5000);
      }
    });
  </script>
  @endpush
<?php
  endif;
?>
