{%- extends "base/base.html" %}

{% block addl_head %}
  <link rel="stylesheet" href="{{ url_for('docs.static', filename='css/docs.css')}}" />
  <link rel="stylesheet" href="{{ url_for('docs.static', filename='css/codehilite.css')}}" />

  {% if config.JIRA_FEEDBACK_ENABLED %}
  <script type="text/javascript" src="{{ config.JIRA_COLLECTOR_URL }}"></script>

  <script type="text/javascript">
  window.ATL_JQ_PAGE_PROPS =  {
    "triggerFunction": function(showCollectorDialog) {
      //Requires that jQuery is available!
      $("#feedback-button").click(function(e) {
        e.preventDefault();
        showCollectorDialog();
      });
    },
    fieldValues: {
      {% if config.JIRA_COMPONENT %}"components": ["{{ config.JIRA_COMPONENT }}"],{% endif %}
      "versions": ["{{ config.JIRA_VERSION }}"],
      "customfield_11401": window.location.href
    }
  };
  </script>
  {% endif %}
{% if config.DOCS_ANALYTICS_ENABLED %}
<script>
(function(apiKey){
    (function(p,e,n,d,o){var v,w,x,y,z;o=p[d]=p[d]||{};o._q=[];
    v=['initialize','identify','updateOptions','pageLoad','track'];for(w=0,x=v.length;w<x;++w)(function(m){
        o[m]=o[m]||function(){o._q[m===v[0]?'unshift':'push']([m].concat([].slice.call(arguments,0)));};})(v[w]);
        y=e.createElement(n);y.async=!0;y.src='https://content.analytics.arxiv.org/agent/static/'+apiKey+'/pendo.js';
        z=e.getElementsByTagName(n)[0];z.parentNode.insertBefore(y,z);})(window,document,'script','pendo');

        // Call this whenever information about your visitors becomes available
        // Please use Strings, Numbers, or Bools for value types.
        pendo.initialize({
            visitor: {
                id:              'VISITOR-UNIQUE-ID'   // Required if user is logged in
                // email:        // Recommended if using Pendo Feedback, or NPS Email
                // full_name:    // Recommended if using Pendo Feedback
                // role:         // Optional
                // You can add any additional visitor level key-values here,
                // as long as it's not one of the above reserved names.
            },

            account: {
                id:           'ACCOUNT-UNIQUE-ID' // Highly recommended
                // name:         // Optional
                // is_paying:    // Recommended if using Pendo Feedback
                // monthly_value:// Recommended if using Pendo Feedback
                // planLevel:    // Optional
                // planPrice:    // Optional
                // creationDate: // Optional
                // You can add any additional account level key-values here,
                // as long as it's not one of the above reserved names.
            }
        });
})('d6494389-b427-4103-7c76-03182ecc8e60');
</script>
{% endif %}
{% endblock addl_head %}


{% block content %}

{% block search_bar %}
  {% if config.SITE_SEARCH_ENABLED %}
  <form action="{{ url_for(site_name + '.search')}}" method="GET" class="form">
    <div class="field has-addons" style="justify-content: flex-end;">
      <div class="control" style="z-index: 1000">
        <label for="q" class="is-sr-only">Search {{ site_human_name }}</label>
        <input
          class="input is-small"
          type="text"
          name="q"
          id="q"
          placeholder="Search {{ site_human_name }}"
          {% if q %}value="{{ q }}"{% endif %}
        />
      </div>
      <button class="button is-link is-small" style="z-index: 1001">Search</button>
    </div>
  </form>
  {% endif %}
{% endblock %}

<div {% if config.SITE_SEARCH_ENABLED %}class="search-shift-up"{% endif %}>
  {% block breadcrumbs %}
  {% endblock breadcrumbs %}
</div>
<div {% if config.SITE_SEARCH_ENABLED %}class="search-shift-up"{% endif %}>
  {% block page_content %}
    {% block markdown_content %}
    {% endblock %}
  {% endblock page_content %}
</div>

<aside class="has-text-centered" style="padding-top: 3rem;">
  {% if modified %}
  <p class="is-size-7">"{{ title }}" revision <a href="{{ version_url }}">{{ version }}</a>. Last modified {% if source_url %}<a href="{{ source_url }}">{% endif %}{{ modified|simpledate }}{% if source_url %}</a>{% endif %}.</p>
  {% endif %}
  {% if config.JIRA_FEEDBACK_ENABLED %}<button class="button is-small" id="feedback-button">Feedback?</button>{% endif %}
</aside>

{% endblock content %}