{% extends "base.html" %}
{% load toolbar_tags %}

{% block extrahead %}
    <link rel="stylesheet" href="{{STATIC_URL}}css/master.css" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="{{STATIC_URL}}css/html.css" type="text/css" media="screen" charset="utf-8" />
    <script src="{{STATIC_URL}}js/lib/codemirror/codemirror.js" type="text/javascript" charset="utf-8"></script>
    <script src="{{STATIC_URL}}js/lib/jquery.form.js" type="text/javascript" charset="utf-8"></script>
    <script src="{{STATIC_URL}}js/button_scripts.js" type="text/javascript" charset="utf-8"></script>
    <script src="{{STATIC_URL}}js/main.js" type="text/javascript" charset="utf-8"></script>
{% endblock %}

{% block maincontent %}
    {# <form action="{% url wiki.views.document_detail document.name|urlencode %}" method="post" accept-charset="utf-8"> #}
        <div id="header">
            <div id="tools" style="float: right;">Wersja: {{ document.revision }}<button style="margin-left: 6px" id="save-button">Zapisz</button></div>
            <h1>{{ document.name }}</h1>
            <ol id="tabs">
                <li id="simple-view-tab">Widok prosty</li>
                <li id="source-view-tab" class="active">Widok zaawansowany</li>
            </ol>
            <div style="clear: both"></div>
        </div>
        <div id="splitter">
            <div id="editor">
                <div id="source-editor">
                    {% toolbar %}
                    {{ form.text }}
                    <input type="hidden" name="name" value="{{ document.name }}" />
                    <input type="hidden" name="author" value="annonymous" />
                    <input type="hidden" name="comment" value="no comment" />
                    <input type="hidden" name="revision" value="{{ document.revision }}" />
                </div>
                <div id="simple-editor" style="display: none">
                    <div class="toolbar">
                        <button>Wstaw motyw</button> <button>Wstaw przypis</button>
                        <div class="toolbar-end"> </div>
                    </div>
                    <div id="html-view" class="htmlview">
                    </div>
                </div>
            </div>
            <div class="vsplitbar"> </div>
            <div id="sidebar">
                <div class="toolbar">
                    <button class="previous-page">⇽ Poprzednia</button>
                    <input type="text" size="3" maxlength="3" value="1" class="page-number" />
                    <button class="next-page">Następna ⇾</button>
                    <button class="zoom-in">Powiększ</button>
                    <button class="zoom-out">Pomniejsz</button>
                    <div class="toolbar-end"> </div>
                </div>
                <div class="gallery-image">
                    <img src="" />
                </div>
            </div>
        </div>
    {# </form> #}
{% endblock %}