{% 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/jquery.blockui.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 %}
        <div id="header">
            <div id="tools" style="float: right;">Wersja: <span id="document-revision">{{ document.revision }}</span> <button style="margin-left: 6px" id="save-button">Zapisz</button></div>
            <h1>Platforma</h1>
            <ol id="tabs">
                <li id="simple-view-tab"><span id="document-name">{{ document.name }}</span></li>
                <li id="source-view-tab" class="active">Kod źródłowy</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>
        <div id="save-dialog" style="display: none">
            <p>Zapisywanie</p>
            <label for="komentarz">Komentarz</label><input type="text" name="komentarz" value="" id="komentarz" />
            <button id="save-ok">Ok</button>
        </div>
{% endblock %}