{% extends 'base.html' %}

{% block header %}
    <h1>{% block title %}Submit a Meme{% endblock %}</h1>
{% endblock %}

{% block content %}
    <form method=post enctype=multipart/form-data>
        <label for="title">Title</label>
        <input name="title" id="title" value="{{ request.form['title'] }}" required>
        <label for="nickname">Nickname</label>
        <input name="nickname" id="nickname" value="{{ request.form['nickname'] }}" required>
        <label for="body">Body</label>
        <textarea name="body" id="body">{{ request.form['body'] }}</textarea>
        <label for="file">Body</label>
        <div>
            <p>Choose a mp4, webm, gif , png or jpg file.(max 25MB)</p>
            <input type="file" placeholder="meme" name="file" id="file" required>
        </div>
        <input type="submit" value=Upload>
    </form>
{% endblock %}