{% if not included %}
{% extends 'index.html' %}
{% endif %}

{% block content%}

<section class="row">
<h5>plot</h5>  
  {% for d in data %}
  
  <div class="col">
    <figure class="card">
      <img class="card-img-top" src="{{d.image}}">
      <aside class="card-body" id="target_div">
        <h5 class="card-title">{{d.name}}</h5>
        <dl>
          {% for s in d.status %}
          <div class="row">
          {% for k,v in s.items() %}
            <dt class="col">{{k}}</dt>
            <dd class="col">{{v}}</dd>
          {% endfor %}
          </div>
          {% endfor %}
        </dl>
        <script>
        </script>
        
        <!-- <a href="{{request.url}}/{{d.id}}"> link</a> -->
        <!-- <figcaption class="card-text">Some quick example.</figcaption> -->
        <!-- <a href="#" class="btn btn-primary">Go somewhere</a> -->
      </aside>
    </figure>
  </div>

  {% endfor %}
  
</section>

{% endblock content %}
