From 71179524bffbc2fcc5816c305e207d0ee20ec7b9 Mon Sep 17 00:00:00 2001
From: Hazirah Nabilah <hazirah_zida@yahoo.com>
Date: Wed, 30 Aug 2017 11:08:27 +0800
Subject: [PATCH] decision making3

---
 public/Forwarder/chat.html | 102 ++++++++++++++++++++++++++++++-------
 1 file changed, 85 insertions(+), 17 deletions(-)

diff --git a/public/Forwarder/chat.html b/public/Forwarder/chat.html
index cbed003..76da81f 100644
--- a/public/Forwarder/chat.html
+++ b/public/Forwarder/chat.html
@@ -948,7 +948,7 @@
 										<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
 										
 										<div class="caption">
-                                            <i class='fa fa-question'></i> Decision Making
+                                            <h3><i class='fa fa-question'></i> Decision Making</h3>
 										</div>
 									</div>
 									<div class="modal-body"> 
@@ -965,6 +965,7 @@
 														</select>
                                                         <div class="tab-pane active" id="issue1" style="display: none;">
                                                             <form role="form" action="#">
+                                                                <br/>
                                                                 <div class="form-group">
                                                                     <label class="control-label">Order No.</label>
                                                                     <select class="form-control select2">
@@ -992,9 +993,24 @@
                                                                     </select>
                                                                     <br/>
                                                                     <div>
-                                                                        <span class="fileinput-new"></span>
-                                                                        <span class="fileinput-exists"></span>
-                                                                        <input type="file" name="...">   
+                                                                        <div class="form-group">
+                                                                    <div class="fileinput fileinput-new" data-provides="fileinput">
+                                                                        <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
+                                                                            <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" /> 
+                                                                        </div>
+                                                                         
+                                                                        <div>
+                                                                                <span class="fileinput-new"></span>
+                                                                                <span class="fileinput-exists"></span>
+                                                                                <input type="file" name="...">
+                                                                        </div>
+                                                                        <br/>
+                                                                            <div class="form-group">
+                                                                                <label>Problem</label>
+                                                                                <textarea class="form-control" rows="3"></textarea>
+                                                                            </div>
+                                                                    </div>
+                                                                </div>   
                                                                     </div>
                                                                     <div class="modal-footer">
                                                                         <button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
@@ -1005,6 +1021,7 @@
                                                         </div> 
                                                         <div class="tab-pane active" id="issue2" style="display: none;">
                                                             <form role="form" action="#">
+                                                                <br/>
                                                                 <div class="form-group">
                                                                     <label class="control-label">Order No.</label>
                                                                     <select class="form-control select2">
@@ -1034,7 +1051,7 @@
                                                                     <div class="portlet-body">
                                                                         <table class="table table-bordered table-hover">
                                                                         <thead>
-                                                                            <tr>
+                                                                            <tr >
                                                                                 <th width="5">No</th>
                                                                                 <th width="10">Total Ctn (nominal)</th>
                                                                                 <th width="10">Measurement (nominal)</th>
@@ -1042,11 +1059,11 @@
                                                                                 <th width="5">Total Ctn (actual)</th>
                                                                                 <th width="10">Measurement (actual)</th>
                                                                                 <th width="10">Weight (actual)</th>
-                                                                                <th width="10">Upload your Photo Here</th>
+                                                                                <th width="10">Photo Reference</th>
                                                                             </tr>
                                                                         </thead>
                                                                         <tbody>
-                                                                            <tr>
+                                                                            <tr bgcolor="#FF0000">
                                                                                     <td>1</td>
                                                                                     <td>4</td>
                                                                                     <td>40x40x40</td>
@@ -1056,9 +1073,8 @@
                                                                                     <td><a href="javascript:void(0)" id="weight" data-type="text" data-pk="1" data-original-title="Weight"> 9.8kg </a></td>
                                                                                     <td>
                                                                                         <div>
-                                                                                            <span class="fileinput-new"></span>
-                                                                                            <span class="fileinput-exists"></span>
-                                                                                            <input type="file" name="...">   
+                                                                                            <span><img class="img-responsive" src="../assets/pages/media/works/img7.jpg" alt="" style="width: 50%; height: 50%"></span>
+                                                                                              
                                                                                         </div>    
                                                                                     </td>
                                                                                 </tr>
@@ -1072,9 +1088,8 @@
                                                                                     <td><a href="javascript:void(0)" id="weight2" data-type="text" data-pk="1" data-original-title="Weight"> 9.8kg </a></td>
                                                                                     <td>
                                                                                         <div>
-                                                                                            <span class="fileinput-new"></span>
-                                                                                            <span class="fileinput-exists"></span>
-                                                                                            <input type="file" name="...">     
+                                                                                          <span><img class="img-responsive" src="../assets/pages/media/works/img8.jpg" alt="" style="width: 50%; height: 50%"></span>  
+                                                                                                
                                                                                         </div>
                                                                                     </td>
                                                                                 </tr>
@@ -1088,9 +1103,7 @@
                                                                                     <td><a href="javascript:void(0)" id="weight3" data-type="text" data-pk="1" data-original-title="Weight"> 9.8kg </a></td>
                                                                                     <td>
                                                                                         <div>
-                                                                                            <span class="fileinput-new"></span>
-                                                                                            <span class="fileinput-exists"></span>
-                                                                                            <input type="file" name="...">   
+                                                                                            <span><img class="img-responsive" src="../assets/pages/media/works/img9.jpg" alt="" style="width: 50%; height: 50%"></span>   
                                                                                         </div> 
                                                                                     </td>
                                                                                 </tr>
@@ -1104,6 +1117,55 @@
                                             </div>
                                                                 </div>
                                                             </form>
+                                                        </div> 
+                                                        <div class="tab-pane active" id="issue3" style="display: none;">
+                                                            <form role="form" action="#">
+                                                                <br/>
+                                                                <div class="form-group">
+                                                                    <label class="control-label">Order No.</label>
+                                                                    <select class="form-control select2">
+                                                                        <optgroup label="Order No">
+                                                                            <option>Please choose your order</option>
+                                                                            <option value="000">00012</option>
+                                                                            <option value="001">00114</option>
+                                                                            <option value="002">00216</option>
+                                                                            <option value="004">00418</option>
+                                                                            <option value="006">00624</option>
+                                                                            <option value="183">18332</option>
+                                                                            <option value="187">18742</option>
+                                                                            <option value="197">19745</option>
+                                                                            <option value="256">25654</option>
+                                                                            <option value="287">28782</option>
+                                                                            <option value="348">34829</option>
+                                                                            <option value="368">36894</option>
+                                                                            <option value="380">38090</option>
+                                                                            <option value="426">42679</option>
+                                                                            <option value="448">44895</option>
+                                                                            <option value="468">46894</option>
+                                                                            <option value="489">48939</option>
+                                                                            <option value="578">57839</option>
+                                                                        </optgroup>
+                                                                    </select>
+                                                                    <br/>
+                                                                    <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
+                                                                            <img src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image" alt="" /> 
+                                                                        </div>
+                                                                    <div>
+                                                                        <span class="fileinput-new"></span>
+                                                                        <span class="fileinput-exists"></span>
+                                                                        <input type="file" name="...">   
+                                                                    </div>
+                                                                    <br/>
+                                                                    <div class="form-group">
+                                                                        <label>Problem</label>
+                                                                        <textarea class="form-control" rows="3"></textarea>
+                                                                    </div>
+                                                                    <div class="modal-footer">
+                                                                        <button type="button" class="btn dark btn-outline" data-dismiss="modal">Cancel</button>
+                                                                        <button type="button" class="btn green" data-dismiss="modal">Send</button>
+                                                                    </div>
+                                                                </div>
+                                                            </form>
                                                         </div> 
 													</div>
 												</div>
@@ -1676,9 +1738,15 @@
                 if(select_value == "damage"){
                     $("#issue1").show();
                     $("#issue2").hide();
+                    $("#issue3").hide();
                 }else if(select_value == "unmatch"){
                     $("#issue2").show();
-                    $("#issue1").hide(); 
+                    $("#issue1").hide();
+                    $("#issue3").hide();
+                }else if(select_value == "others"){
+                    $("#issue3").show();
+                    $("#issue2").hide();
+                    $("#issue1").hide();
                 }
             
             });