1 files changed, 103 insertions, 0 deletions
diff --git a/templates/card/card_template.twig b/templates/card/card_template.twig
new file mode 100644
index 0000000..411ec2f
--- /dev/null
+++ b/templates/card/card_template.twig
@@ -0,0 +1,103 @@
+{% if cardSettings.isPreview == true %}
+  <div class="content">
+    {% if cardSettings.cardHeader != "" %}
+      <h4>{{ cardSettings.cardHeader }}</h4>
+    {% endif %}
+
+    <div class="row">
+      <div class="column column-5">
+        {% if cardSettings.isVotable == true %}
+          <form action="/card/{{ card.id }}/vote" method="post" enctype="multipart/form-data">
+            <input type="hidden" name="value" value="1">
+            <button type="submit" class="vote"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i></button>
+          </form>
+          {{ card.getVotesTotal() }}
+          <form action="/card/{{ card.id }}/vote" method="post" enctype="multipart/form-data">
+            <input type="hidden" name="value" value="-1">
+            <button type="submit" class="vote"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i></button>
+          </form>
+        {% endif %}
+      </div>
+      <div class="column column-95">
+        {% for meta in card.meta %}
+          <p>
+            <label>{{ meta.key }}</label><br>
+            <input type="text" name="{{ meta.key }}" value="{{ meta.value }}" disabled>
+          </p>
+        {% endfor %}
+
+        {% if cardSettings.showArtworks == true %}
+          {% if card.artworks|length > 0 %}
+            <div class="splide">
+              <div class="splide__track">
+                <ul class="splide__list">
+                  {% for artwork in card.artworks %}
+                    <li class="splide__slide">
+                      <img class="image" src='{{ artwork.path }}'>
+                    </li>
+                  {% endfor %}
+                </ul>
+              </div>
+            </div>
+          {% endif %}
+        {% endif %}
+
+        <button onclick="location.href='/card/{{ card.id }}'">View Card</button>
+      </div>
+    </div>
+  </div>
+{% else %}
+  <section id="card" class="content">
+    <h3>Card</h3>
+  </section>
+
+  <div class="content">
+    <button onclick="location.href='/card/{{ card.id }}/edit'">Edit Card</button>
+  </div>
+
+  <div class="content">
+    <div class="row">
+      <div class="column column-5">
+        {% if cardSettings.isVotable == true %}
+          <form action="/card/{{ card.id }}/vote" method="post" enctype="multipart/form-data">
+            <input type="hidden" name="value" value="1">
+            <button type="submit" class="vote"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i></button>
+          </form>
+          {{ card.getVotesTotal() }}
+          <form action="/card/{{ card.id }}/vote" method="post" enctype="multipart/form-data">
+            <input type="hidden" name="value" value="-1">
+            <button type="submit" class="vote"><i class="fa fa-thumbs-o-down" aria-hidden="true"></i></button>
+          </form>
+        {% endif %}
+      </div>
+      <div class="column column-95">
+        {% for meta in card.meta %}
+          <p>
+            <label>{{ meta.key }}</label><br>
+            <input type="text" name="{{ meta.key }}" value="{{ meta.value }}" disabled>
+          </p>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+
+  {% if cardSettings.showArtworks == true %}
+    <section id="artworks" class="content">
+      <h3>Artworks</h3>
+    </section>
+
+    <div class="content">
+      <!-- TODO -->
+      <button>Add Artwork</button>
+    </div>
+
+    {% for artwork in card.artworks %}
+      {% set artworkSettings = {
+        "artworkHeader": "",
+        "isPreview": true,
+        "isVotable": true
+      } %}
+      {{ include('artwork/artwork_template.twig') }}
+    {% endfor %}
+  {% endif %}
+{% endif %}