From e86f14983b2908efc516d4717f3637e424771986 Mon Sep 17 00:00:00 2001
From: f <f@sutty.nl>
Date: Thu, 28 Oct 2021 10:00:13 -0300
Subject: [PATCH] =?UTF-8?q?renderizar=20la=20confirmaci=C3=B3n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 _layouts/confirmation.html         |  8 +++-
 assets/templates/confirmation.html | 67 ++++++++++++++++++++++++++++++
 2 files changed, 74 insertions(+), 1 deletion(-)
 create mode 100644 assets/templates/confirmation.html

diff --git a/_layouts/confirmation.html b/_layouts/confirmation.html
index 265be89..5857fe8 100644
--- a/_layouts/confirmation.html
+++ b/_layouts/confirmation.html
@@ -2,7 +2,11 @@
 layout: default
 ---
 
-<section data-controller="cart-confirmation" data-clear="true">
+<section
+  data-controller="cart-confirmation"
+  data-template="confirmation"
+  data-clear="true">
+
   <header>
     <h1>{{ page.title }}</h1>
   </header>
@@ -11,6 +15,8 @@ layout: default
     {{ content }}
   </div>
 
+  <div data-target="cart-confirmation.order"></div>
+
   <p data-controller="cart-paypal-confirmation"></p>
 
   <a href="?" class="btn btn-primary text-uppercase">{{ page.back }}</a>
diff --git a/assets/templates/confirmation.html b/assets/templates/confirmation.html
new file mode 100644
index 0000000..605b1ef
--- /dev/null
+++ b/assets/templates/confirmation.html
@@ -0,0 +1,67 @@
+{%- raw -%}
+  <div>
+    <dl>
+      <dt>{{ site.confirmation.number }}</dt>
+      <dd>{{ order.number }}</dd>
+
+      <dt>{{ site.confirmation.delivery }}<dt>
+      <dd><address>{{ shipping_address.address1 }}, {{ shipping_address.city }} ({{ shipping_address.zipcode }})</address></dd>
+
+      <dt>{{ site.confirmation.email }}</dt>
+      <dd>{{ order.email }}</dd>
+    </dl>
+  </div>
+
+  <div class="">
+    <h1>{{ site.confirmation.your_order }}</h1>
+    <div class="row no-gutters align-items-center">
+      <div class="d-none d-md-block col-md-4">
+        <h2 class="f-3 font-weight-bold text-uppercase">{{ site.cart.product }}</h2>
+      </div>
+
+      <div class="d-none d-md-block col-md-4 pl-3">
+        <h2 class="f-3 font-weight-bold text-uppercase">{{ site.cart.price }}</h2>
+      </div>
+
+      <div class="d-none d-md-block col-md-4 pl-3">
+        <h2 class="f-3 font-weight-bold text-uppercase">{{ site.cart.subtotal }}</h2>
+      </div>
+
+      {% for product in products %}
+        <div class="col-12 col-md-4">
+          <h2 class="f-3 font-weight-bold text-uppercase d-md-none">{{ site.cart.product }}</h2>
+          <h2 class="f-3 font-weight-bold">{{ product.title }}</h2>
+          <p>{{ product.extra | join: ',' }}</p>
+        </div>
+
+        <div class="col-12 col-md-4 pl-md-3">
+          <h2 class="f-3 font-weight-bold text-uppercase d-md-none">{{ site.cart.price }}</h2>
+          <p>
+            {{ product.line_item.attributes.price }}
+            {{ product.line_item.attributes.currency }}
+          </p>
+        </div>
+
+        <div class="col-12 col-md-4 pl-md-3">
+          <h2 class="f-3 font-weight-bold text-uppercase d-md-none">{{ site.cart.subtotal }}</h2>
+          <p>
+            {{ product.line_item.attributes.discounted_amount }}
+            {{ product.line_item.attributes.currency }}
+          </p>
+        </div>
+      {% endfor %}
+
+      <div class="col-6 col-md-8 text-right border-top border-red pt-3">
+        <p>
+          {{ site.cart.subtotal }}
+        </p>
+      </div>
+
+      <div class="col-6 col-md-4 border-top border-red pt-3 pl-3">
+        <p>
+          {{ order.total }}
+        </p>
+      </div>
+    </div>
+  </div>
+{%- endraw -%}