{% extends "base.html" %}

{% block content %}
<div class="template">
  {% if template != None %}
  <form action="/template/{{ template.id }}" method="post">{% csrf_token %}
    {% else %}
  <form action="/template/add" method="post">{% csrf_token %}
    {% endif %}
      {{ template_form.as_p }}
      Category <input name="category" list="all_categories" {% if template.category != None %} value="{{ template.category.name }}" {% endif %}>
      <datalist id="all_categories">
	{% for category in categories %}
	<option value="{{ category.name }}"></option>
	{% endfor %}
      </datalist><br/>
  {% if template != None %}
      <input type="submit" name="edit" value="Edit" />
      <input type="submit" name="delete" value="Delete" onclick="return confirm('Do you really want to delete this template ?')"/>
    {% else %}
      <input type="submit" name="add" value="Add"/>
    {% endif %}
      <input type="submit" name="cancel" value="Cancel"/>
  </form>
  <br/>
  <b>Markdown syntax</b><br /><br />
  <table>
    <tr>
      <td class="markdown_help">
	<pre style="display:inline">_italic_</pre> <span style="font-style:italic">italic</span><br/>
	<pre style="display:inline">**bold**</pre> <span style="font-weight:bold">bold</span><br/>
	<pre style="display:inline">~~line through~~</pre> <span style="text-decoration:line-through">line through</span><br/>
	<pre style="display:inline">~underline~</pre> <span style="text-decoration:underline">underline</span><br/>
	<pre style="display:inline">>Citation</pre><br/>
	<pre>
	  * Unordered list
	  * Second element
	</pre>
	<ul>
	  <li>Unordered list
	  <li>Second element
	</ul>
	<pre>
	  1. Ordered list
	  1. Second element
	</pre>
	<ol>
	  <li>Ordered list
	  <li>Second element
	</ol>
	<pre style="display:inline">![Picture](https://bits.wikimedia.org/images/wikimedia-button.png)</pre><img src="https://bits.wikimedia.org/images/wikimedia-button.png" alt="Picture"/><br/>
	<pre style="display:inline">#[Inline Picture](https://bits.wikimedia.org/images/wikimedia-button.png)</pre><img src="https://bits.wikimedia.org/images/wikimedia-button.png" alt="Picture"/><br/>
	<pre style="display:inline">[Link](http://www.wikipedia.org)</pre> <a href="http://www.wikipedia.org">Link</a><br/><br/>
	<pre>
	  Code : 4 whitespaces ahead OR
	  ```language
	  Code
	  ```
	</pre>
      </td>
      <td>
	<pre># Title # or
	  Title
	  =====</pre>
	<h1>Title</h1>
	<pre>## Sub title ## or
	  Sub title
	  ---------</pre>
	<h2>Sub title</h2>
	<pre>### Sub sub title ###</pre>
	<h3>Sub sub title</h3>
      </td>
    </tr>
  </table>
    </div>
</div>
{% endblock %}