{% extends "layout.html" %}
{% block head %}
{{ super() }}
<script src="https://apis.google.com/js/plusone.js"></script>
{% endblock %}
{% block content %}
<div class="container">
    <div class="jumbotron">
        <h2><a href="{{ article.link  }}">{{ article.title|safe }}</a></h2>
        <h3>{{ _('from') }} <a href="/feed/{{ article.source.id }}">{{ article.source.title }}</a></h3>
        <a href="/delete/{{ article.id }}"><i class="glyphicon glyphicon-remove" title="{{ _('Delete this article') }}"></i></a>
        <a href="/like/{{ article.id }}">
            {% if article.like %}
                <i class="glyphicon glyphicon-star" title="{{ _('One of your favorites') }}"></i>
            {% else %}
                <i class="glyphicon glyphicon-star-empty" title="{{ _('Click if you like this article') }}"></i>
            {% endif %}
        </a>
        {% if article.readed %}
            <a href="/mark_as/unread/article/{{ article.id }}"><i class="glyphicon glyphicon-unchecked" title="{{ _('Mark this article as unread') }}"></i></a>
        {% else %}
            <a href="/mark_as/read/article/{{ article.id }}"><i class="glyphicon glyphicon-check" title="{{ _('Mark this article as read') }}"></i></a>
        {% endif %}
        <h6>{{ article.date | datetime }}</h6>
    </div>
    <div class="jumbotron">
        {{ article.content | safe }}
    </div>
    <div class="jumbotron">
        <div class="row">
            <div class="col-md-6">
                {{ _('Next post:') }} <a href="/article/{{ next_article.id }}">{{ next_article.title }}</a>
            </div>
            <div class="col-md-6 text-right">
                {{ _('Previous post:') }} <a href="/article/{{ previous_article.id }}">{{ previous_article.title }}</a>
            </div>
        </div>
    </div>
    <div class="jumbotron">
        <a href="https://api.pinboard.in/v1/posts/add?url={{ article.link  }}&description={{ article.title }}" rel="noreferrer" target="_blank">
            <img src="/static/img/pinboard.png" title="{{ _('Share on') }} Pinboard" />
        </a>
        <a href="http://reddit.com/submit?url={{ article.link }}&title={{ article.title }}" rel="noreferrer" target="_blank">
            <img src="/static/img/reddit.png" title="{{ _('Share on') }} reddit" />
        </a>
        <g:plusone size="standard" count="true" href="{{ article.link  }}"></g:plusone>
    </div>
</div><!-- /.container -->
{% endblock %}