{% extends "layouts/default.html" %}
{% block title %}Cards List - Cards In Decks{% endblock %}
{% block content %}

{% include "decks/deck-menu-bar.html" %}

{% for (card-id . card-params) in table %}
<div class="box">
  <div class="media">
    <div class="media-left">
      <figure class="image">
        <a href="/cards/by-passcode/{{ card-id }}" target="_blank">
          <image class="zoom" style="max-height:150px"
                 src="/public/ygoprodeck/{{ card-id }}.jpg"
                 alt="Card Image for Yu-Gi-Oh! - {{ card-id }}">
        </a>
      </figure>
    </div>
    <div class="media-content">
      <p>
        <strong>{{ card-params.0.ygo-card.id }} - {{ card-params.0.ygo-card.name }}</strong>
        <br>
        <ul>
          {% for decks in card-params %}
          <li><a href="/decks/{{ decks.ydk-deck.id }}/view" target="_blank">{{ decks.ydk-deck.name }}</a></li>
          {% endfor %}
        </ul>
      </p>
    </div>
  </div>
</div>
{% endfor %}
{% endblock %}