{@args token: String, base: String, saved: String, error: String}
<section class="blogbox blogbox-images">
<h1>Images</h1>
{if (str_len error) > 0}
<p role="alert">{html translated error}</p>
{end}
{if (str_len saved) > 0}
<figure>
  <img src={base + "/images/" + saved} alt="The image you uploaded">
  <figcaption>Uploaded. To show it in a post, paste this line into the post's text and describe the image:</figcaption>
</figure>
<pre><code>{"![Describe the image](" + base + "/images/" + saved + ")"}</code></pre>
{end}
<form method="post" action={base + "/manage/images"} enctype="multipart/form-data">
  <input type="hidden" name="_csrf_token" value={token}>
  <div>
    <label for="blogbox_image">Image: PNG, JPEG, GIF or WebP, up to 5 MB</label>
    <input id="blogbox_image" name="image" type="file" required accept="image/png,image/jpeg,image/gif,image/webp">
  </div>
  <button type="submit">Upload</button>
</form>
<p><a href={base + "/manage"}>All posts</a></p>
</section>