Subversion Repositories web.active

  <!-- footer -->
  <footer>
    <div class="footer">
      <div class="copyright">
        <div class="container">
          <div class="row">
            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
              <p><?php echo $g_settings->copyright; ?></br><a href="<?php echo $pages->get("algemenevoorwaarden")->url; ?>">[Algemene voorwaarden]</a></br><a href="<?php echo $pages->get("privacyverklaring")->url; ?>"> [Privacy verklaring] </a></p>
            </div>

            <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
              <ul class="social_icon">
                <?php 
                  foreach($g_settings->social_media as $media) {
                    echo '<li><a href='.($g_settings[$media.'_url'] ?: $page->url.'#').' target="_blank" data-toggle="tooltip" data-placement="bottom" title="'.
                         ucfirst($media).'"><i class="socicon socicon-'.strtolower($media).'"></i></a></li>';} 
                ?>
              </ul>
            </div>

          </div>
        </div>
      </div>
    </div>
  </footer>
  <!-- end footer 
  <div class="dmtop">Scroll to Top</div> -->
  <button onclick="topFunction()" id="myBtn" title="Go to top"></button>

  <div class="overlay"></div>
  
  <!-- Javascript files-->
  <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> -->
  <script src="<?php echo $config->urls->templates?>scripts/jquery.min.js"></script>
  <script src="<?php echo $config->urls->templates?>scripts/popper.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js">
  <!--<script src="<?php echo $config->urls->templates?>scripts/bootstrap.bundle.min.js"></script> -->
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <!-- <script src="<?php echo $config->urls->templates?>scripts/jquery-3.0.0.min.js"></script> -->
  
  <!-- <script src="<?php echo $config->urls->templates?>scripts/owl.carousel.min.js"></script> -->
  <script src="<?php echo $config->urls->templates?>scripts/jquery.mCustomScrollbar.concat.min.js"></script>
  <script src="<?php echo $config->urls->templates?>scripts/custom.js"></script>
  
  
  <!--<script src="<?php echo $config->urls->templates?>scripts/jquery.validate.min.js"></script> -->
  
  <!--      <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> -->
  <!--      <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script> -->
  <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js"></script> -->
  

  <?php if ($page->template->name === 'contact'): ?>
    <script src="<?php echo $config->urls->templates?>scripts/jquery.validate.min.js"></script>
    <script src="https://www.google.com/recaptcha/api.js?render=6LdH8WUiAAAAAGPlTyGR_mDzg9tSqiruJ9vgpv4V"></script>
    <script src="/forms/AjaxForm.js"></script>
  <?php endif; ?>
  
  
  <script>
    //Get the button
    var mybutton = document.getElementById("myBtn");

    // When the user scrolls down 20px from the top of the document, show the button
    window.onscroll = function() {scrollFunction()};
    //window.onload = function() {scrollFunction()}; //reload the button if the page is refreshed
    function scrollFunction() {
      if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
        mybutton.style.display = "block";
      } else {
        mybutton.style.display = "none";
      }
    }

    // When the user clicks on the button, scroll to the top of the document
    function topFunction() {
      document.body.scrollTop = 0;
      document.documentElement.scrollTop = 0;
    }
  </script>
<!--
  <script type="text/javascript">
    $(window).load(function() {
      $('.loader_bg').fadeToggle();
    });    
  </script>
-->  

  <script type="text/javascript">
    $(document).ready(function() {
      $("#sidebar").mCustomScrollbar({
        theme: "minimal"
      });

      $('#dismiss, .overlay').on('click', function() {
        $('#sidebar').removeClass('active');
        $('.overlay').removeClass('active');
      });

      $('#sidebarCollapse').on('click', function() {
        $('#sidebar').addClass('active');
        $('.overlay').addClass('active');
        $('.collapse.in').toggleClass('in');
        $('a[aria-expanded=true]').attr('aria-expanded', 'false');
      });
      
    $("#imgProef").hover(
        function()
        {
            $(this).attr("src", "<?php echo $config->urls->templates; ?>styles/images/proefles.gif");
        },
        function()
        {
            $(this).attr("src", "<?php echo $config->urls->templates; ?>styles/images/proefles.png");
        });
        
              // Add minus icon for collapse element which is open by default
              $(".collapse.show").each(function(){
                $(this).prev(".card-header").find(".fa").addClass("fa-arrow-up").removeClass("fa-arrow-down");
              });

              // Toggle plus minus icon on show hide of collapse element
              $(".collapse").on('show.bs.collapse', function(){
                $(this).prev(".card-header").find(".fa").removeClass("fa-arrow-down").addClass("fa-arrow-up");
              }).on('hide.bs.collapse', function(){
                $(this).prev(".card-header").find(".fa").removeClass("fa-arrow-up").addClass("fa-arrow-down");
              });
        
if(location.hash != null && location.hash != ""){
$(location.hash + '.collapse').collapse('show');
}
        
    });
  </script>

<!--
  <script>
    // This example adds a marker to indicate the position of Bondi Beach in Sydney,
    // Australia.
    function initMap() {
      var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 11,
        center: {
          lat: 40.645037,
          lng: -73.880224
        },
      });

      var image = 'images/maps-and-flags.png';
      var beachMarker = new google.maps.Marker({
        position: {
          lat: 40.645037,
          lng: -73.880224
        },
        map: map,
        icon: image
      });
    }
  </script>
  -->
  <!-- google map js -->
  <!--
  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA8eaHt9Dh5H57Zh0xVTqxVdBFCvFMqFjQ&callback=initMap"></script>-->
  <!-- end google map js -->
  
</body>
</html>