{% macro popup(image_path, card) -%}
    <div class='row nomargin'>
        <div class='col-sm-6 nopadding'>
            <div class='gcard__container'>
                <div class='gcard {{ card.data.rarity }} {{ card.data.faction }} {{ card.data.color}} {{ card.data.type}}'>
                    <img class='popup-card-image' src='{{ image_path }}' />
                    <div class='gcard__border'></div>
                    <div class='gcard__banner'><span class='gcard__banner__text'>{% if card.data.color != 'leader' -%}{{ card.data.power }}{%- endif %}</span></div>
                    {% if card.data.armor|int > 0 %}
                        <div class='gcard__armor'>{{ card.data.armor}}</div>
                    {% endif %}
                    {% if card.data.color == 'leader' %}
                    <div class='gcard__trinket'></div>
                    <div class='gcard__mulligan'><span>{{ card.data.provision }}</span></div>
                    {% else %}
                        <div class='gcard__trinket'></div>
                        {% if card.data.type != 'stratagem' %}
                        <div class='gcard__provision-img'></div>
                        <div class='gcard__provision'>{{ card.data.provision }}</div>
                        {% endif %}
                    {% endif %}
                    <div class='gcard__rarity'></div>
                </div>
            </div>
        </div>
        <div class='col-sm-6'>
            <div class='gcard__description {{ card.data.rarity }} {{ card.data.faction }} {{ card.data.color}} {{ card.data.type}}'>
                <div class='gcard__name'>{{ card.data.name }}</div>
                {% if card.data.category != '' %}
                <div class='gcard__category'>{{ card.data.category }}</div>
                {% endif %}
                <div class='gcard__body'>{{ card.data.body_ability_html|replace("\"", "'") }}</div>
            </div>
        </div>
    </div>
{%- endmacro %}

{% macro print(card, USE_EXTERNAL_LINKS, SITEURL) -%}
    {% if USE_EXTERNAL_LINKS %}
        {% set img_content = popup(card.data.image_url, card) %}
    {% else %}
        {% set img_content = popup( SITEURL + '/' + card.data.image_path, card ) %}
    {% endif %}
    <tr>
        <td><span class="gwent-dot gwent-dot-{{card.data.rarity}}"></span></td>
        <td class="text-muted">{{  card.data.type  }}</td>
        <td><span data-toggle="popover" data-placement="top" data-trigger="hover" data-content="{{ img_content }}">{{ card.data.name }}{%- if card.count > 1 %} (x{{ card.count }}){%- endif -%}</span></td>
        <td>{% if card.data.provision > 0 %}{{ card.data.provision }}{% else %} - {% endif %}</td>
    </tr>
{%- endmacro %}