order delivery process

backend/app/plugins/wiaas/includes/admin/delivery-process/views/html-order-process-flow.php

@@ -0,0 +1,65 @@
+<?php
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+
+?>
+
+<style>
+.collapsible {
+  background-color: #777;
+  color: white;
+  cursor: pointer;
+  padding: 18px;
+  width: 100%;
+  border: none;
+  text-align: left;
+  outline: none;
+  font-size: 15px;
+}
+
+.collapsible-active, .collapsible:hover {
+  background-color: #555;
+}
+
+.collapsible-content {
+  padding: 0 18px;
+  max-height: 0;
+  overflow: hidden;
+  transition: max-height 0.2s ease-out;
+  background-color: #f1f1f1;
+}
+</style>
+
+<div>
+    <h3><?php echo $title ?></h3>
+    <br/>
+    <?php
+        foreach($steps as $index => $step){
+            $count = $index + 1;
+            echo '<button class="collapsible">' . $count . '. ' . $step['short_desc'] . '</button>';
+            echo '<div class="collapsible-content">';
+            echo $step['full_desc'];
+            echo '</div>';
+        }
+    ?>
+</div>
+
+<script>
+var coll = document.getElementsByClassName("collapsible");
+var i;
+
+for (i = 0; i < coll.length; i++) {
+  coll[i].addEventListener("click", function(event) {
+      event.preventDefault();
+      this.classList.toggle("collapsible-active");
+      var content = this.nextElementSibling;
+      if (content.style.maxHeight){
+          content.style.maxHeight = null;
+      } else {
+          content.style.maxHeight = content.scrollHeight + "px";
+      } 
+  });
+}
+</script>

backend/app/plugins/wiaas/includes/admin/delivery-process/views/html-order-select-delivery-process.php

@@ -0,0 +1,62 @@
+<?php
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+?>
+
+<style>
+.delivery-process {
+  background-color: #777;
+  color: white;
+  cursor: pointer;
+  padding: 18px;
+  width: 100%;
+  border: none;
+  text-align: left;
+  outline: none;
+  font-size: 15px;
+}
+
+.delivery-process:hover {
+  background-color: #555;
+}
+
+</style>
+
+<div>
+    <h1>Please select a process for the order:</h1>
+    <br/>
+    <?php
+        foreach($list_of_delivery_processes as $index => $process){
+            echo '<button class="delivery-process" id=' . $process['id'] . '>' . $process['title'] . '</button>'; 
+        }
+    ?>
+</div>
+
+<script type="text/javascript" >
+jQuery(document).ready(function($) {
+
+    $('.delivery-process').click(function(e){
+        e.preventDefault();
+        
+        var data = {
+            action: 'wiaas_create_order_delivery_process',
+            _ajax_nonce: '<?php echo wp_create_nonce( "wiaas_create_order_delivery_process" ) ?>',
+            order: '<?php echo $order_id ?>',
+            form: e.target.id
+
+        };
+
+        // since 2.8 ajaxurl is always defined in the admin header and points to admin-ajax.php
+        $.post(ajaxurl, data, function(response) {
+            if (response.success){
+                location.reload();
+            }else{
+                alert(response.data[0].message);
+            }
+        });
+    });
+
+
+});
+</script>