{{ template "inc/header.html" .}}

<body>

    <div class="container is-fullhd p-4 mb-6" style="min-height: 35rem; height: calc(100vh - 18rem)">
        <h1 class="title">FreePad</h1>
        <h2 class="subtitle">Reading from <code>{{.domain_base}}/{{.title}}</code></h2>

        <hr>

        <div class="content">
            <div class="block">
                <a href="/" class="button is-light">Back Home</a>
                <a href="javascript:updateSelf()" class="button is-primary">Save</a>
                <p class="mt-3">Status: <code class="has-text-primary" id="status-indicator">Loaded</code></p>
            </div>
            <textarea class="input" name="post_content" id="post_content" onchange="updateSelf()">{{.post_content}}</textarea>
        </div>
    </div>

    <script>
        function updateSelf() {
            updatePost({{.title}})
        }
    </script>

    {{ template "inc/footer.html" .}}
</body>