{% extends 'card/card.twig' %}

{% block pagetitle %}
  Edit Card
{% endblock %}
{% block pagecontent %}
  <form action="/card/{{ card.id }}/edit" method="post" enctype="multipart/form-data">
    {% for meta in card.meta %}
      <p>
        <label>{{ meta.key }}</label><br>
        <input type="text" name="{{ meta.key }}" value="{{ meta.value }}">
      </p>
    {% endfor %}

    <input type="submit" value="Save">
  </form>

  <h4>Artworks</h4>
  {% for artwork in card.artworks %}
    <p>
      <img style='max-width: 100%; max-height:300px;' src='{{ artwork.path }}'>
      <button onclick="location.href='/artwork/{{ artwork.id }}/edit'">Edit</button>
      <button onclick="location.href='/artwork/{{ artwork.id }}'">Delete</button>
    </p>
  {% endfor %}
{% endblock %}