{% load static %}

  {# local copy of annotator; currently v2.0.0-alpha.2 #}
  <script type="text/javascript" src="{% static 'ext/annotator/annotator.min.js' %}"></script>

<link rel="stylesheet" type="text/css" href="//emory-lits-labs.github.io/annotator-marginalia/build/0.4.0/annotator.marginalia.min.css" />

<script type="text/javascript" src="//emory-lits-labs.github.io/annotator-marginalia/build/0.4.0/annotator.marginalia.min.js"></script>

  <script type="text/javascript" src="//emory-lits-labs.github.io/annotator-marginalia/build/0.4.0/annotator.marginalia.min.js"></script>
  <script type="text/javascript" src="//emory-lits-labs.github.io/annotator-meltdown/build/0.3.0/annotator.meltdown.min.js"></script>
<!--  <script type="text/javascript" src="//emory-lits-labs.github.io/annotator-meltdown-zotero/build/0.1.0/annotator.meltdown.zotero.min.js"></script> <!-- includes jquery-ui autocomplete, also used by related-pages -->

<!--  <script type="text/javascript" src="{% static 'js/annotator/related-pages.js' %}"></script> -->
<!--   <script type="text/javascript" src="{% static 'js/annotator/annotator.permissions.js' %}"></script> -->
<!--   <script type="text/javascript" src="{% static 'js/annotator/selection-ids.js' %}"></script> -->
<!--   <script type="text/javascript" src="{% static 'js/annotator/annotator.search.js' %}"></script> -->

  <link rel="stylesheet" type="text/css" href="//emory-lits-labs.github.io/annotator-imgselect/src/jquery.imgareaselect-0.9.10/css/imgareaselect-default.css" />
  <script type="text/javascript" src="//emory-lits-labs.github.io/annotator-imgselect/build/0.2.2/annotator.imgselect.min.js"></script>

  <link rel="stylesheet" type="text/css" href="{% static 'ext/annotator/annotator.min.css' %}"/>
  <link rel="stylesheet" type="text/css" href="//emory-lits-labs.github.io/annotator-meltdown/build/0.3.0/annotator.meltdown.min.css" />
  <link rel="stylesheet" type="text/css" href="//emory-lits-labs.github.io/annotator-marginalia/build/0.2.3/annotator.marginalia.min.css" />

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  {# <link rel="stylesheet" type="text/css" href="{% static 'ext/font-awesome/fontawesome.min.css' %}"/> #}

{# Initialize annotator.js *#}

<script type="text/javascript" charset="utf-8">


/** Django CSRF token handling for ajax put/post/delete requests.
Based on https://docs.djangoproject.com/en/1.7/ref/contrib/csrf/#ajax
*/
// NOTE: could use jquery cookie plugin instead of this method
// http://plugins.jquery.com/cookie/
function getCookie(name) {
    var cookieValue = null;
    if (document.cookie && document.cookie !== '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
            var cookie = jQuery.trim(cookies[i]);
            // Does this cookie string begin with the name we want?
            if (cookie.substring(0, name.length + 1) == (name + '=')) {
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                break;
            }
        }
    }
    return cookieValue;
}
var csrftoken = getCookie('csrftoken');

function csrfSafeMethod(method) {
    // these HTTP methods do not require CSRF protection
    return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
}
function sameOrigin(url) {
    // test that a given url is a same-origin URL
    // url could be relative or scheme relative or absolute
    var host = document.location.host; // host + port
    var protocol = document.location.protocol;
    var sr_origin = '//' + host;
    var origin = protocol + sr_origin;
    // Allow absolute or scheme relative URLs to same origin
    return (url == origin || url.slice(0, origin.length + 1) == origin + '/') ||
        (url == sr_origin || url.slice(0, sr_origin.length + 1) == sr_origin + '/') ||
        // or any other URL that isn't scheme relative or absolute i.e relative.
        !(/^(\/\/|http:|https:).*/.test(url));
}
$.ajaxSetup({
    beforeSend: function(xhr, settings) {
        if (!csrfSafeMethod(settings.type) && sameOrigin(settings.url)) {
            // Send the token to same-origin, relative URLs only.
            // Send the token only if the method warrants CSRF protection
            // Using the CSRFToken value acquired earlier
            xhr.setRequestHeader("X-CSRFToken", csrftoken);
        }
    }
});


  var csrftoken = getCookie('csrftoken');
   $(document).ready(function () {

    // current page url, for associating new annotatiosn and loading
    // existing ones.  Use url without any hash.
    var page_uri = location.href.split(/\?|#/)[0];

    var pageUri = function () {
        return {
            beforeAnnotationCreated: function (ann) {
                ann.uri = page_uri;
            }
        };
    };

  var marginalia_opts = {
    show_author: true,
    viewer: annotatormeltdown.render,
    renderExtensions: [
        // related_pages.renderExtension,
        // annotation_permissions.renderExtension,
    ],
    toggle: {
      class: 'btn btn-green',
      show: function(){
        $(".carousel-control").fadeOut();
      },
      hide: function(){
        $(".carousel-control").fadeIn();
      }
    }
  };

  // configuring marginalia here so it can be referenced in annotator search
  var _marginalia = annotatorMarginalia(marginalia_opts);
  var app = new annotator.App()
      .include(pageUri)
      .include(annotator.ui.main, {
          element: document.querySelector('.content .inner'),
          {% comment %}/*  {# not using default viewer, so these don't matter, see marginalia #}
          viewerExtensions: [
              annotatormeltdown.viewerExtension,
              annotator.ui.tags.viewerExtension
          ],
          */
          {% endcomment %}
          editorExtensions: [
              annotatormeltdown.getEditorExtension({min_width: '500px', font_awesome: true}),
              // related_pages.getEditorExtension({search_url: '{{ page.volume.get_absolute_url }}'}),
              _marginalia.editorExtension,  /* includes tags */
              // annotation_permissions.getEditorExtension({
              //   groups: { {% for group in request.user.groups.all %}
              //     "group:{{ group.id }}": "{{ group.name }}",
              //   {% endfor %} }
              // }),
          ]
      })
      .include(annotatorImageSelect, {
        element: $('.content .inner img'),
      })
      // .include(annotatorSelectionId, {
        // element: $('.content .inner'),
      // })
      .include(annotator.storage.http, {
          prefix: '{% url "annotation-api-prefix" %}',
          headers: {"X-CSRFToken": csrftoken}
      })
      .include(annotatorMarginalia, marginalia_opts)
      // .include(annotatorSearch, {
      //   render: _marginalia.renderAnnotation,
      //   filter: {
      //     volume_uri: '{{ volume_uri }}'
      //   },
      // })
      {% comment %}
      {% if mode = 'full' %}
      .include(annotation_permissions.getModule);
      {% endif %}
      {% endcomment %}

  app.start()
      .then(function () {
          // {# {% if mode = 'full' %} #}
           app.annotations.load({uri: page_uri});
          //{#  {% endif %} #}
      });
  {# set user identity to allow for basic permission checking #}
  app.ident.identity = "{{ user.username }}";
  // set groups and superuser status to allow auth checking
  // (enforced at application level, only affects what is displayed)
  app.ident.groups = [{% for group in request.user.groups.all %}"group:{{ group.id }}", {% endfor %}];
  app.ident.is_superuser = {{ request.user.is_superuser|lower }};

});
</script>