##This file is based on the template from the SimpleWiki source which carries the GPL license

<%inherit file="../main.html"/>
<%namespace name='static' file='../static_content.html'/>

<%block name="headextra">
  <%static:css group='course'/>
</%block>

<%!
  from django.core.urlresolvers import reverse
  from simplewiki.views import wiki_reverse
%>

<%block name="js_extra">
<script type="text/javascript" src="${static.url('js/simplewiki-AutoSuggest_c_2.0.js')}"></script>

## TODO (cpennington): Remove this when we have a good way for modules to specify js to load on the page
## and in the wiki
<script type="text/javascript" src="${static.url('js/schematic.js')}"></script>

  <script type="text/javascript">
    function set_related_article_id(s) {
      document.getElementById('wiki_related_input_id').value = s.id;
      document.getElementById('wiki_related_input_submit').disabled=false;
    }
    %if wiki_article is not UNDEFINED:
    var x = window.onload;
    window.onload = function(){
        var options = {
        script: "${ wiki_reverse('search_related', wiki_article, course)}/?self=${wiki_article.pk}&",
        json: true,
        varname: "query",
        maxresults: 35,
        callback: set_related_article_id,
        noresults: "Nothing found!"
      };
      var as = new AutoSuggest('wiki_related_input', options);
      if (typeof x == 'function')
        x();
    }
    %endif
  </script>
  <script type="text/x-mathjax-config">
    MathJax.Hub.Config({
      tex2jax: {inlineMath: [ ['$','$'], ["\\(","\\)"]],
                displayMath: [ ['$$','$$'], ["\\[","\\]"]]}
    });
  </script> 
  <script>
  $(function(){
  $.ajaxSetup ({
      // Disable caching of AJAX responses
      cache: false
  });

  $(".div_wiki_circuit").each(function(d,e) {
     id = $(this).attr("id");
     name = id.substring(17);
     //alert(name);
     $("#"+id).load("/edit_circuit/"+name, function(){update_schematics();});
     f=this;
  });

  $("#wiki_create_form").hide();

  $("#create-article").click(function() {
      $("#wiki_create_form").slideToggle();
      $(this).parent().toggleClass("active");
  });

  });
  </script>

  <%block name="wiki_head"/>

</%block>

<%block name="bodyextra">

%if course:
<%include file="../course_navigation.html" args="active_page='wiki'" />
%endif

<section class="container">
  <div class="wiki-wrapper">
    <%block name="wiki_panel">
    <div aria-label="Wiki Navigation" id="wiki_panel">
      <h2>Course Wiki</h2>
      <ul class="action">
        <li>
          <h3>
            <a href="${wiki_reverse("wiki_list_articles", course=course, namespace=namespace)}">All Articles</a>
          </h3>
        </li>

        <li class="create-article">
          <h3>
            <a href="#" id="create-article"/>Create Article</a>
          </h3>

          <div id="wiki_create_form">
            <%
            baseURL = wiki_reverse("wiki_create", course=course, kwargs={"article_path" : namespace + "/" })
            %>
            <form method="GET" onsubmit="this.action='${baseURL}' + this.wiki_article_name.value.replace(/([^a-zA-Z0-9\-])/g, '');">
              <div>
                <label for="id_wiki_article_name">Title of article</label>
                <input type="text" name="wiki_article_name" id="id_wiki_article_name" />
              </div>
              <ul>
                <li>
                  <input type="submit" class="button" value="Create" style="display: inline-block; margin-right: 2px; font-weight: bold;" />
                </li>
              </ul>
            </form>
          </div>
        </li>

        <li class="search">
          <form method="GET" action='${wiki_reverse("wiki_search_articles", course=course, namespace=namespace)}'>
            <label class="wiki_box_title">Search</label>
            <input type="text" placeholder="Search" name="value" id="wiki_search_input" style="width: 71%" value="${wiki_search_query if wiki_search_query is not UNDEFINED else '' |h}"/>
            <input type="submit" id="wiki_search_input_submit" value="Go!" style="width: 20%" />
          </form>
        </li>
      </ul>

    </div>
    </%block>

    <section class="wiki-body">
      %if wiki_article is not UNDEFINED:
      <header>
        %if wiki_article.locked:
        <p><strong>This article has been locked</strong></p>
        %endif
        <p>Last modified: ${wiki_article.modified_on.strftime("%b %d, %Y, %I:%M %p")}</p>
        %endif

        %if wiki_article is not UNDEFINED:
        <ul>

          <li>
            <a href="${ wiki_reverse('wiki_view', wiki_article, course)}" class="view">View</a>
          </li>

          <li>
            <a href="${ wiki_reverse('wiki_edit', wiki_article, course)}" class="edit">Edit</a>
          </li>

          <li>
            <a href="${ wiki_reverse('wiki_history', wiki_article, course)}" class="history">History</a>
          </li>
        </ul>
      </header>
      %endif

      <%block name="wiki_page_title"/>
      <%block name="wiki_body"/>
    </section>
  </div>
</section>
</%block>
