{% extends "base.html" %}

{% block head %}
    <link href="/static/css/story.css" rel="stylesheet" type="text/css">
{% endblock %}

{% block innercontentmore %} class="scrollable"{% endblock %}
{% block mainmore %} class="storycontent" {% endblock %}

{% block infoleft %}
    <div id="editform">
        <form id="reply" action='/upload' method='post' >
            <div class="right">
                <select id="expiry" name="expires">
                    <option disabled=disabled>Expires:</option>
                    <option value="0">never</option>
                    <option value="60">a minute</option>
                    <option value="300">5 minutes</option>
                    <option value="3600">an hour</option>
                    <option value="86400">a day</option>
                    <option value="604800">a week</option>
                    <option value="2419200">a month</option>
                    <option value="29030400">a year</option>
                </select>

                <button id="save">save</button>
            </div>

            <input class="codebox" name='filename' id="filename" type='text' value="" placeholder="filename (empty for random filename)">.<input id="extension" class="codebox" name='extension' type='text' value="story" placeholder="txt">
            <textarea name='content' id="newcontent" class="editor"></textarea>
        </form>
    </div>
{% endblock %}

{%block infomore %}
<label>wrap <input id="wordwrap" type="checkbox" checked></label> | 
{% endblock %}

{% block main %}
<div id="normal-content" class="normal">
    <pre id="normal-code"><code id="codeb" class="story">{% for line in lines %}{% if line|make_list|first == ">" %}<span class="storygreen">{{ line }}</span>{% else %}<span class="storyred">{{ line }}</span>{% endif %}{% endfor %}</code></pre>
    <textarea id="editor" class="editor">{{ extra.contents }}</textarea>
</div>


<script src="/static/js/util.js"></script>
<script src="/static/js/bin.js"></script>
{% endblock %}