{% extends "base.html" %}
{% block title %}{{ action }}{% endblock %}
{% block pageheader %}{{ action }}{% endblock %}
{% block pagecontent %}

<div class="row">
    {% if bookmark.http_status != 200 %}
    <div class="col s12">
        <div class="card red darken-1">
            <div class="card-content white-text">
                <span class="card-title">
                    <i class="material-icons">report_problem</i>
                    HTTP status {{ bookmark.http_status }}
                </span>
            </div>
        </div>
    </div>
    {% endif %}
    <form class="col s12" action="{{ url_for('addingbookmark', userkey=userkey) }}" method="POST">

        <div class="input-field col s12">
            <i class="material-icons prefix">description</i>
            <input placeholder="title" type="text" name="title" id="title" value="{{ bookmark.title }}" class="validate" />
            <label for="title">Title</label>
        </div>

        <div class="input-field col s12">
            <i class="material-icons prefix">turned_in</i>
            <input placeholder="url" type="text" name="url" id="url" value="{{ bookmark.url }}" class="validate" />
            <label for="url">URL</label>
        </div>

        <div class="input-field col s12">
            <i class="material-icons prefix">label</i>
            <input placeholder="tags, supported by comma's" type="text" name="tags" id="tags" value="{{ bookmark.tags }}" class="validate" />
            <label for="tags">Tags</label>
        </div>

        <div class="input-field col s12">
            {#<i class="material-icons prefix">star</i>#}
            <input type="checkbox" name="starred" id="starred" />
            <label for="starred">Starred</label>
        </div>

        <div class="input-field col m12">
            <p class="left-align"><button class="btn btn-large waves-effect waves-light" type="submit" name="submit">Save</button></p>
        </div>
        {# <input type="submit" value="Save" /> #}
    </form>
</div>
{% endblock %}