{% extends "base.html" %}

{% block head %}
<script type="text/javascript" src="/static/js/tinymce/jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
  var external_list = "/tinyMCEExternalList/post/edit/{{ post_id }}";
</script>
<script type="text/javascript" src="/static/js/dynastie.js"></script>
{% endblock %}

{% block content %}
<form id="previewForm" action="/post/edit/{{ post_id }}" method="post">{% csrf_token %}
{{ form.as_p }}
Available tags:
<select id="available_tags" size=5>
{% for tag in all_tags %}<option>{{ tag.name }}
{% endfor %}
</select>
<input type="button" onclick="addTag();" value="Add Tag"/>
<br/>Editor <select name="editor" id="editor" onchange="switchEditor();">
{% if editor == "html" %}
<option value="html" selected="selected">HTML
<option value="text">Text
{% else %}
<option value="html">HTML
<option value="text" selected="selected">Text
{% endif %}
</select><br/>
{% if editor == "html" %}
<textarea id="content" name="content" cols="100" rows="25" class="mceAdvanced">{{ content }}</textarea><br/>
{% else %}
<textarea id="content" name="content" cols="100" rows="25">{{ content }}</textarea><br/>
{% endif %}
<input type="submit" name="edit" value="Edit" /><input type="button" name="preview" value="Preview" onClick="previewPost({{ blog_id }});"/><input type="submit" name="cancel" value="Cancel" />
</form>
<div class="comments">
{% for comment in comments %}
     <div class="comment">
       <div class="infos">
	 <a href="/comment/edit/{{ comment.id }}">#{{ comment.id }}</a> <span class="author">{{ comment.author }}</span>  <span class="mail">{{ comment.email|default:"no mail" }}</span>  <span class="date">{{ comment.date|date:"D d M Y H:m" }}<span> <a href="/comment/delete/{{ comment.id }}" onclick="return confirm('Do you really want to delete this item ?')">delete</a>
       </div>
       <div class="content">
	 {% autoescape off %}
	 {{ comment.the_comment }}
	 {% endautoescape %}
       </div>
{% endfor %}
</div><br/>
{% if editor == "html" %}
<div id="markdown_help" style="display:none">
{% else %}
<div id="markdown_help">
{% endif %}
<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
</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>
{% endblock %}