You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

view_wo_edit_resident.blade.php 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285
  1. @extends('customer-service.layout.master')
  2. @section('content')
  3. <div class="wrapper"> <div class="fluid">
  4. <div class="widget grid2 widgetH"></div>
  5. <div class="grid8" id="updateS"></div>
  6. <div class="widget grid2 widgetH"></div>
  7. </div>
  8. <!-- Work Order Details -->
  9. <div class="fluid">
  10. <form action="" class="main cussPayment" method="post" enctype="multipart/form-data">
  11. <fieldset>
  12. <div class="widget grid2 widgetH"></div>
  13. <div class="widget grid8">
  14. <div class="whead"><h6>Work Order's Detail</h6></div>
  15. <div class="formRow">
  16. <div class="grid4">
  17. <span class="grid12"><label><b>Work Order ID : </b></label><input type="text" name="wo" id="wo" value="{{$wo->wo}}" readonly required /></span>
  18. </div>
  19. <div class="grid4">
  20. <span class="grid12"><label><b>Appoint Date & Time : </b></label><input type="text" name="date" id="date" value="{{$wo->dateTimeStart}}" readonly required /></span>
  21. </div>
  22. </div>
  23. <div class="formRow">
  24. <div class="grid6">
  25. <span class="grid12"><label><b>Work Order Current Status : </b></label><input type="text" name="status" id="status" value="{{$wo->status}}" readonly required /></span>
  26. </div>
  27. <div class="grid6">
  28. <span class="grid12"><label><b>Assign to Contractor : </b></label><input type="text" name="contractor" id="contractor" value="{{$contractor->name}}" readonly required /></span>
  29. </div>
  30. </div>
  31. <div class="formRow">
  32. <div class="grid6">
  33. <span class="grid12">
  34. <label><b>Nature of Work / Task <small style="color: red">* </small>:</b></label>
  35. <select class="styled" name="task" id="task" required>
  36. <option value="">Choose type of task / nature of work</option>
  37. <option value="Activation">Activation</option>
  38. <option value="Rectification" >Rectification</option>
  39. <option value="Relocation" >Relocation</option>
  40. </select>
  41. </span>
  42. </div>
  43. <div class="grid6">
  44. <span class="grid12">
  45. <span class="grid12"><label><b>PPPOE - Username : </b></label><input type="text" name="pppoe_username" id="pppoe_username" value=""/></span>
  46. <!--<label><b>Sub-category ( Ex: broadband / phone ) : </b></label>
  47. <select class="styled" name="sub_c" id="sub_c">
  48. <option value="">-</option>
  49. <option value="Broadband" >Broadband</option>
  50. <option value="Phone" >Phone</option>
  51. <option value="Phone" >Broadband & Phone</option>
  52. </select>-->
  53. </span>
  54. </div>
  55. </div>
  56. <div class="formRow">
  57. <span class="grid6">
  58. <label><b>ONU / ONT <small style="color: red">* </small>:</b></label>
  59. <select class="styled" name="onu_ont" id="onu_ont" required>
  60. <option value="">Choose Modern Type</option>
  61. <option value="Calix 801 G" >Calix 801 G</option>
  62. <option value="Calix 812 G" >Calix 812 G</option>
  63. <option value="Calix 813 G" >Calix 813 G</option>
  64. <option value="Calix 813 GV 2" selected>Calix 813 GV 2</option>
  65. <option value="Calix 844 G" >Calix 844 G</option>
  66. <option value="Calix 844 E" >Calix 844 E</option>
  67. <option value="Calix 804 Mesh" >Calix 804 Mesh</option>
  68. <option value="Core Cess" >Core Cess</option>
  69. <option value="Zyxell" >Zyxell</option>
  70. <option value="Huawei - EG8010H" >Huawei - EG8010H</option>
  71. <option value="Huawei - EG8040H5" >Huawei - EG8040H5</option>
  72. <option value="Nokia - G010GQ" >Nokia - G010GQ</option>
  73. <option value="Nokia - G240GE" >Nokia - G240GE</option>
  74. </select>
  75. </span>
  76. <span class="grid6">
  77. <label><b>Router <small style="color: red">* </small>:</b></label>
  78. <select class="styled" name="router" id="router" required>
  79. <option value="">Choose Router</option>
  80. <option value="Tenda AC1200" >Tenda AC1200</option>
  81. <option value="Cisco AC1200" >Cisco AC1200</option>
  82. <option value="TPLink AC1200" >TPLink AC1200</option>
  83. <option value="N/A" selected>N/A</option>
  84. </select>
  85. </span>
  86. </div>
  87. <div class="formRow">
  88. <span class="grid6">
  89. <label><b>Phone <small style="color: red">* </small>:</b></label>
  90. <select class="styled" name="n_phone" id="n_phone" required>
  91. <option value="">Need Phone?</option>
  92. <option value="Yes" >Yes</option>
  93. <option value="No" selected>No</option>
  94. </select>
  95. </span>
  96. <span class="grid6" id="noPhone">
  97. <label><b>No. Phone <small style="color: red">* </small>:</b></label>
  98. <select class="styled" name="no_phone" id="no_phone">
  99. <!-- <option value="">Home / Office?</option> -->
  100. <option value="1">1</option> </select>
  101. </span>
  102. </div>
  103. <div class="formRow">
  104. <span class="grid12">
  105. <label><b>Remarks : </b></label>
  106. <textarea rows="3" cols="" name="remark" id="remark" class="auto" style="overflow: hidden; word-wrap: break-word; resize: horizontal; height: 70px;"></textarea>
  107. </span>
  108. </div>
  109. <div class="formRow noBorderB">
  110. <div class="grid4">
  111. <button name="cancel" id="cancel" class="buttonM bRed">Cancel</button>
  112. </div>
  113. <div class="grid8">
  114. <input type="submit" name="updateWk" id="updateWk" value="Update Work Order" class="buttonM bPurple formSubmit">
  115. </div>
  116. </div>
  117. </div>
  118. <div class="widget grid2 widgetH"></div>
  119. </fieldset>
  120. </form>
  121. <!-- PHP Submit Form -->
  122. <!-- Customer Details -->
  123. <form action="" class="main cussPayment" method="POST" enctype="multipart/form-data" id="updateFormR" name="updateFormR">
  124. <fieldset>
  125. <div class="widget grid2 widgetH"></div>
  126. <div class="widget grid8">
  127. <div class="whead"><h6>Customer's Details</h6></div>
  128. <div class="formRow">
  129. <div class="grid2">&nbsp;</div>
  130. <div class="grid2"><label><b>Type Application : </b></label></div>
  131. <div class="grid6"><input type="text" name="app" id="app" value="{{$customer->type_application}}" readonly required /></div>
  132. <div class="grid2">&nbsp;</div>
  133. </div>
  134. <div class="formRow">
  135. <div class="grid2">&nbsp;</div>
  136. <div class="grid2"><label><b>Full Name : </b></label></div>
  137. <div class="grid6"><input type="text" name="name" id="name" value="{{$customer->name}}" required /></div>
  138. <div class="grid2">&nbsp;</div>
  139. </div>
  140. <div class="formRow">
  141. <div class="grid2">&nbsp;</div>
  142. <div class="grid2"><label><b>NRIC : </b></label></div>
  143. <div class="grid6">
  144. <input type="text" name="ic" id="ic" value="{{$customer->ic}}" required />
  145. </div>
  146. <div class="grid2">&nbsp;</div>
  147. </div>
  148. <div class="formRow">
  149. <div class="grid3">&nbsp;</div>
  150. <div class="grid2">
  151. <label><b>Citizen : </b></label>
  152. <input type="text" name="citizen" id="citizen" value="{{$customer->citizen}}" readonly required />
  153. </div>
  154. <div class="grid2">
  155. <label><b>Gender : </b></label>
  156. <input type="text" name="gender" id="gender" value="{{$customer->gender}}" readonly required />
  157. </div>
  158. <div class="grid2">
  159. <label><b>Race : </b></label>
  160. <input type="text" name="race" id="race" value="{{$customer->race}}" readonly required />
  161. </div>
  162. <div class="grid3">&nbsp;</div>
  163. </div>
  164. <div class="formRow">
  165. <div class="grid2">&nbsp;</div>
  166. <div class="grid2"><label><b>Email : </b></label></div>
  167. <div class="grid6">
  168. <input type="email" name="email" id="email" value="{{$customer->email}}" required />
  169. </div>
  170. <div class="grid2">&nbsp;</div>
  171. </div>
  172. <div class="formRow">
  173. <div class="grid2">&nbsp;</div>
  174. <div class="grid4">
  175. <label><b>Primary Number : </b></label>
  176. <input type="text" name="phone1" id="phone1" value="{{$customer->phone1}}" required />
  177. </div>
  178. <div class="grid4">
  179. <label><b>Secondary Number: </b></label>
  180. <input type="text" name="phone2" id="phone2" value="{{$customer->phone2}}"/>
  181. </div>
  182. <div class="grid2">&nbsp;</div>
  183. </div>
  184. <div class="formRow">
  185. <div class="grid2">&nbsp;</div>
  186. <div class="grid2"><label><b>Building : </b></label></div>
  187. <div class="grid6">
  188. <select class="styled" name="building" id="building" required>
  189. <option value="">Choose building</option>
  190. </select>
  191. </div>
  192. <div class="grid2">&nbsp;</div>
  193. </div>
  194. <div class="formRow">
  195. <div class="grid2">&nbsp;</div>
  196. <div class="grid4">
  197. <label><b>Unit No : </b></label>
  198. <input type="text" name="unit_no" id="unit_no" value="{{$customer->unit_no}}" required />
  199. </div>
  200. <div class="grid4">
  201. <label><b>Street : </b></label>
  202. <input type="text" name="street" id="street" value="{{$customer->street}}" />
  203. </div>
  204. <div class="grid2">&nbsp;</div>
  205. </div>
  206. <div class="formRow">
  207. <div class="grid2">&nbsp;</div>
  208. <div class="grid8">
  209. <span class="grid4">
  210. <label><b>City : </b></label>
  211. <input type="text" name="city" id="city" value="{{$customer->city}}" readonly required />
  212. </span>
  213. <span class="grid4">
  214. <label><b>Postcode : </b></label>
  215. <input type="text" name="postcode" id="postcode" value="{{$customer->postcode}}" readonly required />
  216. </span>
  217. <span class="grid4">
  218. <label><b>State : </b></label>
  219. <input type="text" name="state" id="state" value="{{$customer->state}}" readonly required />
  220. </span>
  221. </div>
  222. <div class="grid2">&nbsp;</div>
  223. </div>
  224. <div class="formRow noBorderB">
  225. <div class="grid12">
  226. <input type="text" name="ft" id="ft" value="R" required style="display: none"/>
  227. <input type="text" name="cid" id="cid" value="5c92f527ded8f6380258f745" required style="display: none"/>
  228. <input type="submit" name="update" id="update" class="buttonM bBlue formSubmit" value="Update Customer's Details">
  229. </div>
  230. </div>
  231. </div>
  232. <div class="widget grid2 widgetH"></div>
  233. </fieldset>
  234. </form>
  235. </div>
  236. </div>
  237. </div>
  238. @endsection
  239. @section('external_js')
  240. <script>
  241. $("#task [value='{{$wo->nature_work}}']").attr("selected",true);
  242. $("#onu_ont [value='{{$wo->onu}}']").attr("selected",true);
  243. $("#router [value='{{$wo->router}}']").attr("selected",true);
  244. $("#n_phone [value='{{$wo->need_phone}}']").attr("selected",true);
  245. $.ajax({
  246. type: "GET",
  247. url: "{{url('/CustomerService/wo/building-json')}}",
  248. data: { },
  249. dataType: "json",
  250. success:function(data)
  251. {
  252. $.each(data, function (key, entry) {
  253. $('#building').append($('<option></option>').attr('value', entry.name).text(entry.name));
  254. });
  255. $("#building option[value='{{$customer->building}}']").attr("selected","selected");
  256. }
  257. });
  258. </script>
  259. @endsection