{% if page.with_highlight != false -%}
<!-- Highlight.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script src="https://unpkg.com/highlightjs-copy@1.0.3/dist/highlightjs-copy.min.js"></script>
<script>
  document.querySelectorAll('.content code').forEach(el=>el.classList.add('hljs'));
  hljs.addPlugin(
    new CopyButtonPlugin({
      callback: (text, el) => console.log("Copied!", text),
    })
  );
  hljs.highlightAll();
</script>
{% endif -%}

{% if page.with_datatables != false  -%}
<!-- DataTables -->
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
<script src="https://cdn.datatables.net/1.13.5/js/jquery.dataTables.js"></script>
<script src="https://cdn.datatables.net/1.13.5/js/dataTables.bootstrap5.min.js"></script>
<script>
  $(document).ready(function () {
    $("table.dataTable").DataTable({
      "pageLength": 5,
      "lengthMenu": [5,10,25,50,75,100]
    });
  });
</script>
{% endif %}

<!-- BackToTop -->
<script src="https://unpkg.com/vanilla-back-to-top@7.2.1/dist/vanilla-back-to-top.min.js"></script>
<script>
  addBackToTop({
    diameter: 56,
    backgroundColor: "rgb(32, 7, 53)",
    textColor: "#fff",
  });
</script>

<!-- Copyright Year -->
<script>
  document.getElementById("copyright_year").innerHTML = new Date().getFullYear();
</script>

<!-- Bootstrap -->
<script src="{{ site.url }}{{ site.baseurl }}/assets/js/bootstrap.bundle.min.js"></script>
<script>
  // Initialize styles
  var tables = document.querySelectorAll(".content table");
  var theads = document.querySelectorAll(".content table thead");
  var images = document.querySelectorAll(".content img");
  var i;
  for(i = 0; i < tables.length; i++) { tables[i].className += " table table-bordered"; }
  for(i = 0; i < theads.length; i++) { theads[i].className += " table-light"; }
  for(i = 0; i < images.length; i++) { images[i].className += " figure-img img-fluid rounded"; }
  // Initialize Tooltips
  const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
  const tooltipList = [...tooltipTriggerList].map((tooltipTriggerEl) => new bootstrap.Tooltip(tooltipTriggerEl));
</script>