From 4bbe56815f5b1c0d2f88cf1cebd71d8998723be9 Mon Sep 17 00:00:00 2001
From: Zain Fauzan Rofie Azizi <zanepojan94@gmail.com>
Date: Thu, 29 Mar 2018 10:16:21 +0800
Subject: [PATCH] created popup for reject and decision request

---
 arrangements-warehouse_receive_note1.1.2.html | 88 +++++++++++++++++--
 1 file changed, 82 insertions(+), 6 deletions(-)

diff --git a/arrangements-warehouse_receive_note1.1.2.html b/arrangements-warehouse_receive_note1.1.2.html
index 6a596eb..52a603c 100644
--- a/arrangements-warehouse_receive_note1.1.2.html
+++ b/arrangements-warehouse_receive_note1.1.2.html
@@ -76,7 +76,7 @@
                         <div class="form-divider"></div>
                         <div class="form-label-divider">
                                 <span class="label-span">List of Items</span>
-                            </div>   
+                        </div>   
                         <!-- Content List Spawner Start Here -->
                         <div class="form-divider"></div>
                         <div class="list-box-emp">
@@ -109,19 +109,95 @@
                         </div>
                         <div class="form-divider"></div>
                         <div class="form-row txt-center">
-                            <a href="#" class="button red">Reject</a>
-                            <a href="#" class="button green">Decision Request</a>
+                            <a data-popup="formPopup1" class="button red">Reject</a>
+                            <a data-popup="formPopup" class="button green">Decision Request</a>
                             <a href="arrangements-warehouse_receive_note11.1.html" class="button blue">Back</a>
                             <a href="arrangements-warehouse_receive_note2.html" class="button blue">Finish</a>
                         </div>
                         <div class="form-divider"></div>
-                        <!-- Content List Spawner End Here -->
-                    </div>     
+                        <!-- Content List Spawner End Here -->    
                 </form>
             </main>
-            <!-- Page content end -->
         </div>
     </div>
+         <!-- Page content end -->
+          <!--Decision POPUP HTML CONTENT START -->
+    <div class="popup-overlay" id="formPopup1">
+        <!-- if you dont want overlay add class .no-overlay -->
+        <div class="popup-container">
+            <div class="popup-header">
+                <h3 class="popup-title">Reject</h3>
+                <span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
+            </div>
+            <div class="popup-content">
+                <div class="form-divider"></div>
+                <div class="form-label-divider">
+                    <span class="label-span">Reject Details</span>
+                </div>
+                <div class="form-divider"></div>
+                <div class="form-row-group with-icons-no-padding">                         
+                    <div class="form-row no-padding">
+                        <div class="form-element-title">
+                            <label style="color: #000">Description</label>
+                        </div>
+                        <textarea rows="4" cols="50" class="form-element" placeholder="Write your description here" required ></textarea>
+                    </div>					
+                </div>           
+                </div>         
+            <div class="popup-footer">
+                <div class="form-divider"></div>
+                <a href="arrangements-warehouse_receive_note1.1.2.html"><span class="button blue" data-dismiss="true">Submit</span></a>
+            </div>
+            <div class="form-divider"></div>
+        </div>
+    </div>
+    <!--Decision POPUP HTML CONTENT END -->
+         <!--Decision POPUP HTML CONTENT START -->
+    <div class="popup-overlay" id="formPopup">
+        <!-- if you dont want overlay add class .no-overlay -->
+        <div class="popup-container">
+            <div class="popup-header">
+                <h3 class="popup-title">Decision Request</h3>
+                <span class="popup-close" data-dismiss="true"><i class="fa fa-times"></i></span>
+            </div>
+            <div class="popup-content">
+                <div class="form-divider"></div>
+                <div class="form-label-divider">
+                    <span class="label-span">Decision Request Details</span>
+                </div>
+                <div class="form-divider"></div>
+                <div class="form-row-group with-icons-no-padding">                   
+                    <div class="form-row no-padding">
+                        <div class="form-element-title">
+                            <label style="color: #000">Damage</label>
+                        </div>
+                        <input type="text" class="form-element" placeholder="Damaged" required />
+                    </div>					
+                             
+                    <div class="form-row no-padding">
+                        <div class="form-element-title">
+                            <label style="color: #000">Balance</label>
+                        </div>
+                        <input type="text" class="form-element" placeholder="20 Carton " required />
+                    </div>					
+                           
+                    <div class="form-row no-padding">
+                        <div class="form-element-title">
+                            <label style="color: #000">Description</label>
+                        </div>
+                        <textarea rows="4" cols="50" class="form-element" placeholder="Write your description here" required ></textarea>
+                    </div>					
+                </div>           
+                </div>         
+            <div class="popup-footer">
+                <div class="form-divider"></div>
+                <a href="arrangements-warehouse_receive_note1.1.2.html"><span class="button blue" data-dismiss="true">Submit</span></a>
+            </div>
+            <div class="form-divider"></div>
+        </div>
+    </div>
+    <!--Decision POPUP HTML CONTENT END -->
+    
 
     <script src="js/jquery-3.2.1.min.js"></script>
     <script src="js/global.script.js"></script>