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

{% if message %}
<div class="row">
    <div class="col s12">
        <div class="card-panel orange lighten-2">
            <span class="white-text">
                {{ message }}
            </span>
        </div>
    </div>
</div>
{% endif %}

<div class="row">
    <form action="{{ url_for('bookmarks', userkey=userkey) }}" method="POST">
        <div class="input-field col l10 m10 s8">
            <input placeholder="filter" type="text" name="filter" id="filter" value="{{ filter }}" class="validate" />
        </div>

        <div class="input-field col l2 m2 s4">
            <p class="left-align"><button class="btn btn-large waves-effect waves-light" type="submit" name="submit">Filter</button></p>
        </div>
    </form>
</div>

{% if tags %}
<div class="row">
    <p>
    {% for tag in tags %}
    <div class="chip">
        <a href="{{ url_for('tag', userkey=userkey, tag=tag) }}">{{ tag }}</a>
    </div>
    {% endfor %}
    </p>
</div>
{% endif %}

<div class="row">
    {% for bookmark in bookmarks %}
    <div class="col s12 m6 l4">
        {#
        <div class="thumbnail">
            <a href="{{ bookmark.url }}" title="{{ bookmark.url }}">
                <img style="width:450px;" src="{{ bookmark.image }}" />
            </a>
            <p><a href="{{ bookmark.url }}">{{ bookmark.url|urlize(25) }}</a></p>
            <p>{{ bookmark.created_date.strftime("%m/%d/%Y %H:%M") }}</p>
        </div>
        #}
        <div class="card green darken-3">
            <div class="card-content white-text">
                <span class="card-title activator"><i class="material-icons right">more_vert</i></span>
                    {% if bookmark.http_status != 200 %}
                        <i class="material-icons" title="HTTP status {{ bookmark.http_status }}">report_problem</i>
                    {% endif %}
                    {% if bookmark.favicon %}
                        <img src="{{ url_for('static', filename='favicons/' + bookmark.favicon) }}" />&nbsp;&nbsp;&nbsp;
                    {% endif %}
                    {% for tag in bookmark.tags_list %}
                        <div class="chip">
                            <a href="{{ url_for('tag', userkey=userkey, tag=tag) }}">{{ tag }}</a>
                        </div>
                    {% endfor %}
                    <p><a href="{{ bookmark.url }}" title="{{ bookmark.url }}" rel="noreferrer">
                        {% if bookmark.starred == True %}
                            <i class="material-icons">star</i>
                        {% endif %}
                        {% if bookmark.title %}
                            {{ bookmark.title }}
                        {% else %}
                            [ no title ]
                        {% endif %}
                    </a></p>
            </div>
            <div class="card-reveal green darken-3">
                <span class="card-title white-text">Added @ {{ bookmark.created_date.strftime('%Y-%m-%d %H:%M') }}<i class="material-icons right">close</i></span>
                <div class="white-text">
                {% if bookmark.favicon %}
                    <img src="{{ url_for('static', filename='favicons/' + bookmark.favicon) }}" />&nbsp;&nbsp;&nbsp;
                {% endif %}
                <a href="{{ url_for('editbookmark', userkey=userkey, urlhash=bookmark.url_hash) }}">EDIT</a>
                </div>
            </div>
        </div>
    </div>
    {% endfor %}

    {#
    <div class="pagination">
        {% if page > 1 %}<a href="./?page={{ page - 1 }}">Previous</a>{% endif %}
        {% if pagination.get_pages() > page %}<a href="./?page={{ page + 1 }}">Next</a>{% endif %}
    </div>
    #}
</div>
{% endblock %}