Added range slider to gardensize and price

app/views/partials/range.ejs

@@ -0,0 +1,56 @@
+<form method="POST" id="form-range">
+
+    <div>
+      <div class="row center-align">
+        <h6>Od</h6>
+      </div>
+      <p class="range-field">
+        <input 
+        name="from" 
+        id="from" 
+        type="range"
+         value="<%= rangeFrom.value %>" 
+         min="<%= rangeFrom.min %>"
+         max="<%= rangeFrom.max %>"  
+         step="<%= rangeFrom.step %>"/>
+      </p>
+      <div class="row center-align">
+        <h6>Do</h6>
+      </div>
+      <p class="range-field">
+        <input 
+        name="to" 
+        id="to" 
+        type="range" 
+        value="<%= rangeTo.value %>"  
+        min="<%= rangeTo.min %>" 
+        max="<%= rangeTo.max %>" 
+        step="<%= rangeTo.step %>"/>
+      </p>
+    </div>
+    <div class="col s6 push-s3">
+      <a id="btnsubmit" href="#" class="welcome-center-button waves-effect waves-light btn">
+        Dalje
+      </a>
+    </div>
+  </form>
+  
+  <script>
+  
+    $(document).ready(() => {
+  
+      $("#btnsubmit").click(() => {
+        var from = $("#from").val();
+        var to = $("#to").val();
+        console.log("From " + from + " " + to);
+  
+        if (parseInt(from, 10) >= parseInt(to, 10)) {
+          alert("\"Od\" vrijednost ne smije biti veca od \"Do\" vrijednosti ")
+          return;
+        }
+  
+        $("#form-range").submit();
+      });
+    });
+  </script>
+