From e910556952abf10f1d0a041d3a9a5bd067523270 Mon Sep 17 00:00:00 2001
From: Nico Schottelius <nico@nico-notebook.schottelius.org>
Date: Sun, 16 Jan 2022 00:31:59 +0100
Subject: [PATCH] Implement first part of the form

---
 uncloud_v3/README.md                          |  7 ++--
 .../app/templates/app/product_detail.html     | 13 ++-----
 .../app/templates/app/product_list.html       | 11 ------
 .../app/templates/app/productorder_form.html  | 38 +++++++++++--------
 uncloud_v3/app/views.py                       |  9 +++++
 5 files changed, 40 insertions(+), 38 deletions(-)

diff --git a/uncloud_v3/README.md b/uncloud_v3/README.md
index aaa1c4e..c21be89 100644
--- a/uncloud_v3/README.md
+++ b/uncloud_v3/README.md
@@ -47,9 +47,10 @@ machine. Use `kubectl get nodes` to verify minikube is up and running.
 * Link to ProductOrderForm [done]
 * Find suitable timeframes for a product [done]
 * Continue to resources / add resources
-  * Need to list resources
-  * Need to create manytomany relations for each resource resolutling
-    in ResourceOrders
+  * Need to list resources [done]
+  * Need to create manytomany relations for each resource resoluting
+    in ResourceOrders1
+    * Need to pass in the price for the selected timeframe
   * On submit
     * List of
       * resources + values
diff --git a/uncloud_v3/app/templates/app/product_detail.html b/uncloud_v3/app/templates/app/product_detail.html
index 00365a6..d003851 100644
--- a/uncloud_v3/app/templates/app/product_detail.html
+++ b/uncloud_v3/app/templates/app/product_detail.html
@@ -1,16 +1,11 @@
 <h1>{{ object.name }}</h1>
 
-
-<form method="post" >
-  {% csrf_token %}
-    {{ form.as_p }}
-    <input type="submit" value="Buy">
-</form>
+(description to be added here)
 
 <ul>
   {% for tf in timeframes %}
-  <li><a href="{% url 'product-order-tf' object.slug tf.slug %}">{{ tf }}</a>
+  <li><a href="{% url 'product-order-tf' object.slug tf.slug %}">Buy
+      {{ object.name }}
+      for {{ tf }}</a>
   {% endfor %}
 </ul>
-
-HERE we show a link to <a href="{{ productorder }}">order</a>.
diff --git a/uncloud_v3/app/templates/app/product_list.html b/uncloud_v3/app/templates/app/product_list.html
index 7a52e7c..b622c7f 100644
--- a/uncloud_v3/app/templates/app/product_list.html
+++ b/uncloud_v3/app/templates/app/product_list.html
@@ -1,16 +1,5 @@
 <h1>Select Product</h1>
 
-<h2>Product Order</h2>
-<ul>
-  {% for product in object_list %}
-  {% if product.slug %}
-  <li>
-    <a href="{{ product.get_absolute_url }}">{{ product.name }}</a>
-  </li>
-  {% endif %}
-
-  {% endfor %}
-</ul>
 <h2>Product List</h2>
 <ul>
   {% for product in object_list %}
diff --git a/uncloud_v3/app/templates/app/productorder_form.html b/uncloud_v3/app/templates/app/productorder_form.html
index 79de8f6..8e152f3 100644
--- a/uncloud_v3/app/templates/app/productorder_form.html
+++ b/uncloud_v3/app/templates/app/productorder_form.html
@@ -1,23 +1,31 @@
-Ordering a {{ product }} instance for {{ timeframe }}
-
-we are here?!
+<h2>Ordering a {{ product }} instance for {{ timeframe }}</h2>
 
+TODO: catch invalid timeframe
 
 <form method="post" >
   {% csrf_token %}
-  {{ form.as_p }}
-  {% for res in product.resources.all %}
-  <li>
-    {% if res.minimum_units and res.maximum_units %}
-    <input type="range" id="{{res.slug}}" name="{{res.slug}}"
-             min="{{ res.minimum_units }}" max="{{ res.maximum_units
-                                                }}">
-    {% else %}
-    <input type="text" id="{{res.slug}}" name="{{res.slug}}">
+  <div class="form-group">
+    <label for="product">Product</label>
+    <input type="text" class="form-control"
+           id="product" value={{product.slug}} readonly>
+  </div>
+  <div class="form-group">
+    <label for="timeframe">Timeframe</label>
+    <input type="text" class="form-control"
+           id="timeframe" value="{{timeframe.slug}}" readonly>
+  </div>
 
-    {% endif %}
-  </li>
+  {% for res,price,currency in res_price %}
+  <div class="form-group">
+    <label for="{{res.slug}}">{{res.name}} {{res.unit}}
+      {{ price }}{{ currency.short_name }}/unit/{{ timeframe}}
+      {% if res.minimum_units %} (Min: {{res.minimum_units}}) {%endif%}
+      {% if res.maximum_units %} (Max: {{res.maximum_units}}) {%endif%}
+    </label>
+    <input type="text" class="form-control"
+           id="{{res.slug}}">
+  </div>
   {% endfor %}
 
-    <input type="submit" value="Next">
+  <button type="submit" class="btn btn-primary">Submit</button>
 </form>
diff --git a/uncloud_v3/app/views.py b/uncloud_v3/app/views.py
index 22a8636..218f264 100644
--- a/uncloud_v3/app/views.py
+++ b/uncloud_v3/app/views.py
@@ -17,6 +17,15 @@ class ProductOrderView(CreateView):
         context = super().get_context_data(**kwargs)
         context['product'] = get_object_or_404(Product, slug=self.kwargs['product'])
         context['timeframe'] = get_object_or_404(TimeFrame, slug=self.kwargs['timeframe'])
+
+        res_price = []
+        for res in context['product'].resources.all():
+            price = res.price_per_time.filter(timeframe=context['timeframe'])[0].price
+            currency = res.price_per_time.filter(timeframe=context['timeframe'])[0].currency
+
+            res_price.append((res, price, currency))
+        context['res_price'] = res_price
+
         print(context)
         print(self.kwargs)
         return context