{% load i18n %}
<div class="columns is-mobile is-gapless">
    <div class="column is-cover">
        {% include 'snippets/book_cover.html' with book=result cover_class='is-w-xs is-h-xs' external_path=True %}
    </div>

    <div class="column is-10 ml-3">
        <p>
            <strong>
                <a
                    href="{{ result.view_link|default:result.key }}"
                    {% if remote_result %}
                        rel="noopener"
                        target="_blank"
                    {% endif %}
                >{{ result.title }}</a>
            </strong>
        </p>
        <p>
            {% if result.author %}
                {{ result.author }}
            {% endif %}

            {% if result.year %}
                ({{ result.year }})
            {% endif %}
        </p>

        {% if remote_result %}
            <form class="mt-1" action="/resolve-book" method="post">
                {% csrf_token %}

                <input type="hidden" name="remote_id" value="{{ result.key }}">

                <button type="submit" class="button is-small is-link">
                    {% trans "Import book" %}
                </button>
            </form>
        {% endif %}
    </div>
</div>