Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

view_wo_formR.blade.php 54KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240
  1. @extends('customer-service.layout.master')
  2. @section('ptitle','Customer Service')
  3. @section('page_title', 'Dashboard')
  4. @section('subpage', 'Graph & Summary Report')
  5. @section('img_profile', asset($user->StaffDetail->user_pic))
  6. @section('login_name', $user->StaffDetail->name )
  7. @section('last_login', $user->last_login_at )
  8. @section('content')
  9. <style type="text/css">
  10. .i_note {color: red;}
  11. </style>
  12. <div class="fluid">
  13. @if(count($errors) > 0)
  14. <div class="nNote nFailure">
  15. @foreach($errors->all() as $error)
  16. <p>{{$error}}</p>
  17. @endforeach
  18. </div>
  19. @endif
  20. @if(Session::get('error_msg'))
  21. <div class="nNote nFailure">
  22. <p>Email or Password is invalid</p>
  23. </div>
  24. @elseif(Session::get('success_msg'))
  25. <div class="nNote nSuccess">
  26. <p>Add new WO successful</p>
  27. </div>
  28. @endif
  29. </div>
  30. <div class="wrapper">
  31. <!-- 6 + 6 -->
  32. <div class="fluid">
  33. <div class="grid12">
  34. <fieldset>
  35. <div class="widget grid2 widgetH"></div>
  36. <div class="widget grid8">
  37. <div class="whead"><h6>Subscriber / Customer Detail</h6></div>
  38. <div class="formRow cussPayment">
  39. <div class="grid3"><label><b>Select customer / subscriber detail: </b></label></div>
  40. <div class="grid9">
  41. <select class="styled" id="type_customer" name="type_customer">
  42. <option value=''>Please Customer / Subscriber Detail</option>
  43. <option value="formR">Fill The New Form ( Rectification )</option>
  44. <option value="formSD">Fill The New Form ( Secured Development )</option>
  45. <option value="formNFSP">Fill The New Form ( NFCP )</option>
  46. </select>
  47. </div>
  48. </div>
  49. <div class="formRow noBorderB">
  50. <div class="grid12">
  51. <input type="submit" name="refresh" id="refresh" class="buttonM bPurple" value="Refresh Selection">
  52. </div>
  53. </div>
  54. </div>
  55. <div class="widget grid2 widgetH"></div>
  56. </fieldset>
  57. </div>
  58. <div id="formR">
  59. <form action="{{ url ('/customer-service/business/create-rectification') }}" class="main cussPayment" method="POST" enctype="multipart/form-data" id="rectificationForm" name="rectificationForm">
  60. <input type="hidden" name="_token" value="{{ csrf_token() }}">
  61. <input type="hidden" name="formT" value="R">
  62. <input type="hidden" name="app" value="Rectification">
  63. <fieldset>
  64. <div class="widget grid2 widgetH"></div>
  65. <div class="widget grid8">
  66. <div class="whead"><h6>Customer Details</h6></div>
  67. <div class="formRow">
  68. <div class="grid2">&nbsp;</div>
  69. <div class="grid2"><label><b>Full Name<small style="color: red"> * </small>: </b></label></div>
  70. <div class="grid6"><input type="text" name="name" id="name" required /></div>
  71. <div class="grid2">&nbsp;</div>
  72. </div>
  73. <!-- <div class="formRow">
  74. <div class="grid2">&nbsp;</div>
  75. <div class="grid2"><label><b>NRIC<small style="color: red"> </small>: </b></label></div>
  76. <div class="grid6"><input type="text" name="ic" id="ic" /></div>
  77. <div class="grid2">&nbsp;</div>
  78. </div> -->
  79. <!-- <div class="formRow">
  80. <div class="grid2">&nbsp;</div>
  81. <div class="grid4">
  82. <label><b>Race<small style="color: red"> * </small>: </b></label>
  83. <select class="styled" id="race" name="race">
  84. <option value="malay">Malay</option>
  85. <option value="chinese">Chinese</option>
  86. <option value="indian">Indian</option>
  87. <option value="others">Others</option>
  88. </select>
  89. </div>
  90. <div class="grid4">
  91. <label><b>Gender<small style="color: red"> * </small>: </b></label>
  92. <select class="styled" id="gender" name="gender">';
  93. <option value="Male">Male</option>
  94. <option value="Female">Female</option>
  95. </select>
  96. </div>
  97. <div class="grid2">&nbsp;</div>
  98. </div> -->
  99. <!-- <div class="formRow">
  100. <div class="grid2">&nbsp;</div>
  101. <div class="grid2"><label><b>Email<small style="color: red"> </small>: </b></label></div>
  102. <div class="grid6"><input type="email" name="email" id="email" /></div>
  103. <div class="grid2">&nbsp;</div>
  104. </div> -->
  105. <div class="formRow">
  106. <div class="grid2">&nbsp;</div>
  107. <div class="grid4"><label><b>Primary Number<small style="color: red"> * </small>: </b></label><input type="text" name="phone1" id="phone1" required /></div>
  108. <div class="grid4"><label><b>Secondary Number : </b></label><input type="text" name="phone2" id="phone2" /></div>
  109. <div class="grid2">&nbsp;</div>
  110. </div>
  111. <!-- <div class="formRow">
  112. <div class="grid2">&nbsp;</div>';
  113. <div class="grid2"><label><b>Citizen<small style="color: red"> </small>: </b></label></div>
  114. <div class="grid6">
  115. <select class="styled" id="citizenss" name="citizenss">
  116. <option value="">Choose citizen</option>
  117. </select>
  118. </div>
  119. <div class="grid2">&nbsp;</div>
  120. </div> -->
  121. <div class="formRow">
  122. <div class="grid2">&nbsp;</div>
  123. <div class="grid4">
  124. <label><b>Unit No.<small style="color: red"> * </small>: </b></label>
  125. <input type="text" name="unit_no" id="unit_no" required />
  126. </div>
  127. <div class="grid4">
  128. <label><b>Building<small style="color: red"> * </small>: </b></label>
  129. <select class="styled" id="buildingsss" name="buildingsss" required>
  130. <option value="">Choose building</option>
  131. @foreach($coverage as $c)
  132. <option value="{{ $c->building_name }}">{{ $c->building_name }}</option>
  133. @endforeach
  134. </select>
  135. </div>
  136. <div class="grid2">&nbsp;</div>
  137. </div>
  138. <div class="formRow">
  139. <div class="grid2">&nbsp;</div>
  140. <div class="grid8">
  141. <label><b>Street<small style="color: red"> * </small>: </b></label>
  142. <select id="street" name="street" class="styled" required aria-required="true">
  143. <option value>Select Street</option>
  144. </select>
  145. </div>
  146. <div class="grid2">&nbsp;</div>
  147. </div>
  148. <div class="formRow">
  149. <div class="grid2">&nbsp;</div>
  150. <div class="grid2"><label><b>Package<small style="color: red"> * </small>: </b></label></div>
  151. <div class="grid6">
  152. <select class="styled" id="package" name="package" required>
  153. <option value="">Choose package</option>
  154. <option value="NA">NA</option>
  155. <option value="30">30Mbps</option>
  156. @foreach($product as $c)
  157. <option value="{{ $c->speed }}">{{ $c->package_name }}</option>
  158. @endforeach
  159. </select>
  160. </div>
  161. <div class="grid2">&nbsp;</div>
  162. </div>
  163. <div class="formRow">
  164. <div class="grid2">&nbsp;</div>
  165. <div class="grid2"><label><b>Customer Category<small style="color: red"> * </small></b></label></div>
  166. <div class="grid6">
  167. <select class="styled" id="cust_category" name="cust_category" required>
  168. <option value="">Choose customer category</option>
  169. <option value="Allo">Allo</option>
  170. <option value="Astro">Astro</option>
  171. <option value="Maxis">Maxis</option>
  172. <option value="Digi">Digi</option>
  173. <option value="Celcom">Celcom</option>
  174. </select>
  175. </div>
  176. <div class="grid2">&nbsp;</div>
  177. </div>
  178. <div class="formRow noBorderB">
  179. <div class="grid12">
  180. <input type="submit" name="rectification" id="rectification" class="buttonM bPurple formSubmit" value="Add New Customer Detail">
  181. </div>
  182. </div>
  183. </div>
  184. <div class="widget grid2 widgetH"></div>
  185. </fieldset>
  186. </form>
  187. </div>
  188. <div id="formSD">
  189. <form action="{{ url('/customer-service/submit-form-secured-developement') }}" class="main cussPayment" method="POST" enctype="multipart/form-data" id="securedForm" name="securedForm">
  190. <input type="hidden" name="_token" value="{{ csrf_token() }}">
  191. <fieldset>
  192. <div class="widget grid2 widgetH"></div>
  193. <div class="widget grid8">
  194. <div class="whead"><h6>Customer Details</h6></div>
  195. <div class="formRow">
  196. <div class="grid2">&nbsp;</div>
  197. <div class="grid2">
  198. <label><b>Type Application<small style="color: red"> * </small>: </b></label>
  199. </div>
  200. <div class="grid6">
  201. <select class="styled" id="app" name="app" required>
  202. <option value="New">New</option>
  203. <option value="Upgrade">Upgrade</option>
  204. <option value="Relocation">Relocation</option>
  205. </select>
  206. </div>
  207. <div class="grid2">&nbsp;</div>
  208. </div>
  209. <div class="formRow">
  210. <div class="grid2">&nbsp;</div>
  211. <div class="grid2"><label><b>Customer Category<small style="color: red"> * </small> </b></label></div>
  212. <div class="grid6">
  213. <select class="styled" id="cust_category" name="cust_category" required>
  214. <option value="">Choose customer category</option>
  215. <option value="Allo">Allo</option>
  216. <option value="Astro">Astro</option>
  217. <option value="Maxis">Maxis</option>
  218. <option value="Digi">Digi</option>
  219. <option value="Celcom">Celcom</option>
  220. </select>
  221. </div>
  222. <div class="grid2">&nbsp;</div>
  223. </div>
  224. <div class="formRow">
  225. <div class="grid2">&nbsp;</div>
  226. <div class="grid2"><label><b>Full Name<small style="color: red"> * </small>: </b></label></div>
  227. <div class="grid6"><input type="text" name="name" id="name" required /></div>
  228. <div class="grid2">&nbsp;</div>
  229. </div>
  230. <div class="formRow">
  231. <div class="grid2">&nbsp;</div>
  232. <div class="grid4"><label><b>Race<small style="color: red"> * </small>: </b></label>
  233. <select class="styled" id="race" name="race" required>
  234. <option value="malay">Malay</option>
  235. <option value="chinese">Chinese</option>
  236. <option value="indian">Indian</option>
  237. <option value="others">Others</option>
  238. </select>
  239. </div>
  240. <div class="grid4"><label><b>Gender<small style="color: red"> * </small>: </b></label>
  241. <select class="styled" id="gender" name="gender" required>
  242. <option value="Male">Male</option>
  243. <option value="Female">Female</option>
  244. </select>
  245. </div>
  246. <div class="grid2">&nbsp;</div>
  247. </div>
  248. <div class="formRow">
  249. <div class="grid2">&nbsp;</div>
  250. <div class="grid4">
  251. <label><b>Primary Number<small style="color: red"> * </small>: </b></label>
  252. <input type="text" name="phone1" id="phone1" required />
  253. </div>
  254. <div class="grid4">
  255. <label><b>Secondary Number : </b></label>
  256. <input type="text" name="phone2" id="phone2" value=""/>
  257. </div>
  258. <div class="grid2">&nbsp;</div>
  259. </div>
  260. <div class="formRow">
  261. <div class="grid2">&nbsp;</div>
  262. <div class="grid2">
  263. <label><b>Citizen<small style="color: red"> * </small>: </b></label>
  264. </div>
  265. <div class="grid6">
  266. <select class="styled" id="citizensss" name="citizensss" required>
  267. <option value="">Choose citizen</option>
  268. <option value="" selected="selected">Select Country</option>
  269. <option value="Afghanistan">Afghanistan</option>
  270. <option value="Albania">Albania</option>
  271. <option value="Algeria">Algeria</option>
  272. <option value="American Samoa">American Samoa</option>
  273. <option value="Andorra">Andorra</option>
  274. <option value="Angola">Angola</option>
  275. <option value="Anguilla">Anguilla</option>
  276. <option value="Antarctica">Antarctica</option>
  277. <option value="Antigua and Barbuda">Antigua and Barbuda</option>
  278. <option value="Argentina">Argentina</option>
  279. <option value="Armenia">Armenia</option>
  280. <option value="Aruba">Aruba</option>
  281. <option value="Australia">Australia</option>
  282. <option value="Austria">Austria</option>
  283. <option value="Azerbaijan">Azerbaijan</option>
  284. <option value="Bahamas">Bahamas</option>
  285. <option value="Bahrain">Bahrain</option>
  286. <option value="Bangladesh">Bangladesh</option>
  287. <option value="Barbados">Barbados</option>
  288. <option value="Belarus">Belarus</option>
  289. <option value="Belgium">Belgium</option>
  290. <option value="Belize">Belize</option>
  291. <option value="Benin">Benin</option>
  292. <option value="Bermuda">Bermuda</option>
  293. <option value="Bhutan">Bhutan</option>
  294. <option value="Bolivia">Bolivia</option>
  295. <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
  296. <option value="Botswana">Botswana</option>
  297. <option value="Bouvet Island">Bouvet Island</option>
  298. <option value="Brazil">Brazil</option>
  299. <option value="British Indian Ocean Territory">British Indian Ocean Territory</option>
  300. <option value="Brunei Darussalam">Brunei Darussalam</option>
  301. <option value="Bulgaria">Bulgaria</option>
  302. <option value="Burkina Faso">Burkina Faso</option>
  303. <option value="Burundi">Burundi</option>
  304. <option value="Cambodia">Cambodia</option>
  305. <option value="Cameroon">Cameroon</option>
  306. <option value="Canada">Canada</option>
  307. <option value="Cape Verde">Cape Verde</option>
  308. <option value="Cayman Islands">Cayman Islands</option>
  309. <option value="Central African Republic">Central African Republic</option>
  310. <option value="Chad">Chad</option>
  311. <option value="Chile">Chile</option>
  312. <option value="China">China</option>
  313. <option value="Christmas Island">Christmas Island</option>
  314. <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option>
  315. <option value="Colombia">Colombia</option>
  316. <option value="Comoros">Comoros</option>
  317. <option value="Congo">Congo</option>
  318. <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option>
  319. <option value="Cook Islands">Cook Islands</option>
  320. <option value="Costa Rica">Costa Rica</option>
  321. <option value="Cote D'ivoire">Cote D'ivoire</option>
  322. <option value="Croatia">Croatia</option>
  323. <option value="Cuba">Cuba</option>
  324. <option value="Cyprus">Cyprus</option>
  325. <option value="Czech Republic">Czech Republic</option>
  326. <option value="Denmark">Denmark</option>
  327. <option value="Djibouti">Djibouti</option>
  328. <option value="Dominica">Dominica</option>
  329. <option value="Dominican Republic">Dominican Republic</option>
  330. <option value="Ecuador">Ecuador</option>
  331. <option value="Egypt">Egypt</option>
  332. <option value="El Salvador">El Salvador</option>
  333. <option value="Equatorial Guinea">Equatorial Guinea</option>
  334. <option value="Eritrea">Eritrea</option>
  335. <option value="Estonia">Estonia</option>
  336. <option value="Ethiopia">Ethiopia</option>
  337. <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option>
  338. <option value="Faroe Islands">Faroe Islands</option>
  339. <option value="Fiji">Fiji</option>
  340. <option value="Finland">Finland</option>
  341. <option value="France">France</option>
  342. <option value="French Guiana">French Guiana</option>
  343. <option value="French Polynesia">French Polynesia</option>
  344. <option value="French Southern Territories">French Southern Territories</option>
  345. <option value="Gabon">Gabon</option>
  346. <option value="Gambia">Gambia</option>
  347. <option value="Georgia">Georgia</option>
  348. <option value="Germany">Germany</option>
  349. <option value="Ghana">Ghana</option>
  350. <option value="Gibraltar">Gibraltar</option>
  351. <option value="Greece">Greece</option>
  352. <option value="Greenland">Greenland</option>
  353. <option value="Grenada">Grenada</option>
  354. <option value="Guadeloupe">Guadeloupe</option>
  355. <option value="Guam">Guam</option>
  356. <option value="Guatemala">Guatemala</option>
  357. <option value="Guinea">Guinea</option>
  358. <option value="Guinea-bissau">Guinea-bissau</option>
  359. <option value="Guyana">Guyana</option>
  360. <option value="Haiti">Haiti</option>
  361. <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option>
  362. <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option>
  363. <option value="Honduras">Honduras</option>
  364. <option value="Hong Kong">Hong Kong</option>
  365. <option value="Hungary">Hungary</option>
  366. <option value="Iceland">Iceland</option>
  367. <option value="India">India</option>
  368. <option value="Indonesia">Indonesia</option>
  369. <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option>
  370. <option value="Iraq">Iraq</option>
  371. <option value="Ireland">Ireland</option>
  372. <option value="Israel">Israel</option>
  373. <option value="Italy">Italy</option>
  374. <option value="Jamaica">Jamaica</option>
  375. <option value="Japan">Japan</option>
  376. <option value="Jordan">Jordan</option>
  377. <option value="Kazakhstan">Kazakhstan</option>
  378. <option value="Kenya">Kenya</option>
  379. <option value="Kiribati">Kiribati</option>
  380. <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option>
  381. <option value="Korea, Republic of">Korea, Republic of</option>
  382. <option value="Kuwait">Kuwait</option>
  383. <option value="Kyrgyzstan">Kyrgyzstan</option>
  384. <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option>
  385. <option value="Latvia">Latvia</option>
  386. <option value="Lebanon">Lebanon</option>
  387. <option value="Lesotho">Lesotho</option>
  388. <option value="Liberia">Liberia</option>
  389. <option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option>
  390. <option value="Liechtenstein">Liechtenstein</option>
  391. <option value="Lithuania">Lithuania</option>
  392. <option value="Luxembourg">Luxembourg</option>
  393. <option value="Macao">Macao</option>
  394. <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option>
  395. <option value="Madagascar">Madagascar</option>
  396. <option value="Malawi">Malawi</option>
  397. <option value="Malaysia">Malaysia</option>
  398. <option value="Maldives">Maldives</option>
  399. <option value="Mali">Mali</option>
  400. <option value="Malta">Malta</option>
  401. <option value="Marshall Islands">Marshall Islands</option>
  402. <option value="Martinique">Martinique</option>
  403. <option value="Mauritania">Mauritania</option>
  404. <option value="Mauritius">Mauritius</option>
  405. <option value="Mayotte">Mayotte</option>
  406. <option value="Mexico">Mexico</option>
  407. <option value="Micronesia, Federated States of">Micronesia, Federated States of</option>
  408. <option value="Moldova, Republic of">Moldova, Republic of</option>
  409. <option value="Monaco">Monaco</option>
  410. <option value="Mongolia">Mongolia</option>
  411. <option value="Montserrat">Montserrat</option>
  412. <option value="Morocco">Morocco</option>
  413. <option value="Mozambique">Mozambique</option>
  414. <option value="Myanmar">Myanmar</option>
  415. <option value="Namibia">Namibia</option>
  416. <option value="Nauru">Nauru</option>
  417. <option value="Nepal">Nepal</option>
  418. <option value="Netherlands">Netherlands</option>
  419. <option value="Netherlands Antilles">Netherlands Antilles</option>
  420. <option value="New Caledonia">New Caledonia</option>
  421. <option value="New Zealand">New Zealand</option>
  422. <option value="Nicaragua">Nicaragua</option>
  423. <option value="Niger">Niger</option>
  424. <option value="Nigeria">Nigeria</option>
  425. <option value="Niue">Niue</option>
  426. <option value="Norfolk Island">Norfolk Island</option>
  427. <option value="Northern Mariana Islands">Northern Mariana Islands</option>
  428. <option value="Norway">Norway</option>
  429. <option value="Oman">Oman</option>
  430. <option value="Pakistan">Pakistan</option>
  431. <option value="Palau">Palau</option>
  432. <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option>
  433. <option value="Panama">Panama</option>
  434. <option value="Papua New Guinea">Papua New Guinea</option>
  435. <option value="Paraguay">Paraguay</option>
  436. <option value="Peru">Peru</option>
  437. <option value="Philippines">Philippines</option>
  438. <option value="Pitcairn">Pitcairn</option>
  439. <option value="Poland">Poland</option>
  440. <option value="Portugal">Portugal</option>
  441. <option value="Puerto Rico">Puerto Rico</option>
  442. <option value="Qatar">Qatar</option>
  443. <option value="Reunion">Reunion</option>
  444. <option value="Romania">Romania</option>
  445. <option value="Russian Federation">Russian Federation</option>
  446. <option value="Rwanda">Rwanda</option>
  447. <option value="Saint Helena">Saint Helena</option>
  448. <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
  449. <option value="Saint Lucia">Saint Lucia</option>
  450. <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option>
  451. <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option>
  452. <option value="Samoa">Samoa</option>
  453. <option value="San Marino">San Marino</option>
  454. <option value="Sao Tome and Principe">Sao Tome and Principe</option>
  455. <option value="Saudi Arabia">Saudi Arabia</option>
  456. <option value="Senegal">Senegal</option>
  457. <option value="Serbia and Montenegro">Serbia and Montenegro</option>
  458. <option value="Seychelles">Seychelles</option>
  459. <option value="Sierra Leone">Sierra Leone</option>
  460. <option value="Singapore">Singapore</option>
  461. <option value="Slovakia">Slovakia</option>
  462. <option value="Slovenia">Slovenia</option>
  463. <option value="Solomon Islands">Solomon Islands</option>
  464. <option value="Somalia">Somalia</option>
  465. <option value="South Africa">South Africa</option>
  466. <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option>
  467. <option value="Spain">Spain</option>
  468. <option value="Sri Lanka">Sri Lanka</option>
  469. <option value="Sudan">Sudan</option>
  470. <option value="Suriname">Suriname</option>
  471. <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option>
  472. <option value="Swaziland">Swaziland</option>
  473. <option value="Sweden">Sweden</option>
  474. <option value="Switzerland">Switzerland</option>
  475. <option value="Syrian Arab Republic">Syrian Arab Republic</option>
  476. <option value="Taiwan, Province of China">Taiwan, Province of China</option>
  477. <option value="Tajikistan">Tajikistan</option>
  478. <option value="Tanzania, United Republic of">Tanzania, United Republic of</option>
  479. <option value="Thailand">Thailand</option>
  480. <option value="Timor-leste">Timor-leste</option>
  481. <option value="Togo">Togo</option>
  482. <option value="Tokelau">Tokelau</option>
  483. <option value="Tonga">Tonga</option>
  484. <option value="Trinidad and Tobago">Trinidad and Tobago</option>
  485. <option value="Tunisia">Tunisia</option>
  486. <option value="Turkey">Turkey</option>
  487. <option value="Turkmenistan">Turkmenistan</option>
  488. <option value="Turks and Caicos Islands">Turks and Caicos Islands</option>
  489. <option value="Tuvalu">Tuvalu</option>
  490. <option value="Uganda">Uganda</option>
  491. <option value="Ukraine">Ukraine</option>
  492. <option value="United Arab Emirates">United Arab Emirates</option>
  493. <option value="United Kingdom">United Kingdom</option>
  494. <option value="United States">United States</option>
  495. <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option>
  496. <option value="Uruguay">Uruguay</option>
  497. <option value="Uzbekistan">Uzbekistan</option>
  498. <option value="Vanuatu">Vanuatu</option>
  499. <option value="Venezuela">Venezuela</option>
  500. <option value="Viet Nam">Viet Nam</option>
  501. <option value="Virgin Islands, British">Virgin Islands, British</option>
  502. <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option>
  503. <option value="Wallis and Futuna">Wallis and Futuna</option>
  504. <option value="Western Sahara">Western Sahara</option>
  505. <option value="Yemen">Yemen</option>
  506. <option value="Zambia">Zambia</option>
  507. <option value="Zimbabwe">Zimbabwe</option>
  508. </select>
  509. </div>
  510. <div class="grid2">&nbsp;</div>
  511. </div>
  512. <div class="formRow">
  513. <div class="grid2">&nbsp;</div>
  514. <div class="grid4">
  515. <label><b>Unit No.<small style="color: red"> * </small>: </b></label>
  516. <input type="text" name="unit_no" id="unit_no" required />
  517. </div>
  518. <div class="grid4">
  519. <label><b>Building<small style="color: red"> * </small>: </b></label>
  520. <select class="styled" id="buildingssss" name="buildingssss" required>
  521. <option value="">Choose building</option>
  522. @foreach($coverage as $c)
  523. <option value="{{ $c->building_name }}">{{ $c->building_name }}</option>
  524. @endforeach
  525. </select>
  526. </div>
  527. <div class="grid2">&nbsp;</div>
  528. </div>
  529. <div class="formRow">
  530. <div class="grid2">&nbsp;</div>
  531. <div class="grid8">
  532. <label><b>Street<small style="color: red"> * </small>: </b></label>
  533. <select id="streets" name="streets" class="styled" required aria-required="true">
  534. <option value>Select Street</option>
  535. </select>
  536. </div>
  537. <div class="grid2">&nbsp;</div>
  538. </div>
  539. <div class="formRow">
  540. <div class="grid2">&nbsp;</div>
  541. <div class="grid2"><label><b>Package<small style="color: red"> * </small>: </b></label></div>
  542. <div class="grid6">
  543. <select class="styled" id="package" name="package" required>
  544. <option value="">Choose package</option>
  545. <option value="NA">NA</option>
  546. <option value="30">30Mbps</option>
  547. @foreach($product as $c)
  548. <option value="{{ $c->speed }}">{{ $c->package_name }}</option>
  549. @endforeach
  550. </select>
  551. </div>
  552. <div class="grid2">&nbsp;</div>
  553. </div>
  554. <div class="formRow">
  555. <div class="grid2">&nbsp;</div>
  556. <div class="grid2"><label><b>Subscription/ Contract Period : </b></label></div>
  557. <div class="grid2">
  558. <div class="checker" id="uniform-check1">
  559. <span class="checked"><input type="checkbox" id="period" name="period" style="opacity: 0;" checked="checked"></span>
  560. </div>
  561. <label for="check1" class="mr20">24 Month</label>
  562. </div>
  563. <div class="grid2"><label><b>Billing Cycle: </b></label></div>
  564. <div class="grid2">
  565. <div class="checker" id="uniform-check2">
  566. <span>
  567. <input type="checkbox" id="billing" name="billing" style="opacity: 0;" checked="checked">
  568. </span>
  569. </div>
  570. <label for="check2" class="mr20">Monthly</label>
  571. </div>
  572. <div class="grid2">&nbsp;</div>
  573. </div>
  574. <div class="formRow noBorderB">
  575. <div class="grid12">
  576. <input type="submit" name="secured" id="secured" class="buttonM bPurple formSubmit" value="Add New Customer Detail">
  577. </div>
  578. </div>
  579. </div>
  580. <div class="widget grid2 widgetH"></div>
  581. </fieldset>
  582. </form>
  583. </div>
  584. <!-- //////////// jiha tambah formNFSP on 20 mei 2020//////// -->
  585. <div id="formNFSP">
  586. <form action="{{ url('/customer-service/submit-form-secured-developement') }}" class="main cussPayment" method="POST" enctype="multipart/form-data" id="securedForm" name="securedForm">
  587. <input type="hidden" name="_token" value="{{ csrf_token() }}">
  588. {{-- <input type="hidden" name="buildingssss" value="-"> --}}
  589. <input type="hidden" name="citizensss" value="-">
  590. <fieldset>
  591. <div class="widget grid2 widgetH"></div>
  592. <div class="widget grid8">
  593. <div class="whead"><h6>Customer Details</h6></div>
  594. <div class="formRow">
  595. <div class="grid2">&nbsp;</div>
  596. <div class="grid2">
  597. <label><b>Type Application<small style="color: red"> * </small>: </b></label>
  598. </div>
  599. <div class="grid6">
  600. <select class="styled" id="app" name="app" required>
  601. <option value="New">New</option>
  602. <option value="Upgrade">Upgrade</option>
  603. <option value="Relocation">Relocation</option>
  604. </select>
  605. </div>
  606. <div class="grid2">&nbsp;</div>
  607. </div>
  608. <div class="formRow">
  609. <div class="grid2">&nbsp;</div>
  610. <div class="grid2"><label><b>Customer Category<small style="color: red"> * </small> </b></label></div>
  611. <div class="grid6">
  612. <select class="styled" id="cust_category" name="cust_category" required>
  613. <option value="">Choose customer category</option>
  614. <option value="Allo">Allo</option>
  615. <option value="Astro">Astro</option>
  616. <option value="Maxis">Maxis</option>
  617. <option value="Digi">Digi</option>
  618. <option value="Celcom">Celcom</option>
  619. </select>
  620. </div>
  621. <div class="grid2">&nbsp;</div>
  622. </div>
  623. <div class="formRow">
  624. <div class="grid2">&nbsp;</div>
  625. <div class="grid2"><label><b>Full Name<small style="color: red"> * </small>: </b></label></div>
  626. <div class="grid6"><input type="text" name="name" id="name" required /></div>
  627. <div class="grid2">&nbsp;</div>
  628. </div>
  629. <div class="formRow">
  630. <div class="grid2">&nbsp;</div>
  631. <div class="grid4"><label><b>Race<small style="color: red"> * </small>: </b></label>
  632. <select class="styled" id="race" name="race" required>
  633. <option value="malay">Malay</option>
  634. <option value="chinese">Chinese</option>
  635. <option value="indian">Indian</option>
  636. <option value="others">Others</option>
  637. </select>
  638. </div>
  639. <div class="grid4"><label><b>Gender<small style="color: red"> * </small>: </b></label>
  640. <select class="styled" id="gender" name="gender" required>
  641. <option value="Male">Male</option>
  642. <option value="Female">Female</option>
  643. </select>
  644. </div>
  645. <div class="grid2">&nbsp;</div>
  646. </div>
  647. <div class="formRow">
  648. <div class="grid2">&nbsp;</div>
  649. <div class="grid4">
  650. <label><b>Primary Number<small style="color: red"> * </small>: </b></label>
  651. <input type="text" name="phone1" id="phone1" required />
  652. </div>
  653. <div class="grid4">
  654. <label><b>Secondary Number : </b></label>
  655. <input type="text" name="phone2" id="phone2" value=""/>
  656. </div>
  657. <div class="grid2">&nbsp;</div>
  658. </div>
  659. <!-- <div class="formRow">
  660. <div class="grid2">&nbsp;</div>
  661. <div class="grid2">
  662. <label><b>Citizen<small style="color: red"> * </small>: </b></label>
  663. </div>
  664. <div class="grid6">
  665. <select class="styled" id="citizensss" name="citizensss" required>
  666. <option value="">Choose citizen</option>
  667. <option value="" selected="selected">Select Country</option>
  668. <option value="Afghanistan">Afghanistan</option>
  669. <option value="Albania">Albania</option>
  670. <option value="Algeria">Algeria</option>
  671. <option value="American Samoa">American Samoa</option>
  672. <option value="Andorra">Andorra</option>
  673. <option value="Angola">Angola</option>
  674. <option value="Anguilla">Anguilla</option>
  675. <option value="Antarctica">Antarctica</option>
  676. <option value="Antigua and Barbuda">Antigua and Barbuda</option>
  677. <option value="Argentina">Argentina</option>
  678. <option value="Armenia">Armenia</option>
  679. <option value="Aruba">Aruba</option>
  680. <option value="Australia">Australia</option>
  681. <option value="Austria">Austria</option>
  682. <option value="Azerbaijan">Azerbaijan</option>
  683. <option value="Bahamas">Bahamas</option>
  684. <option value="Bahrain">Bahrain</option>
  685. <option value="Bangladesh">Bangladesh</option>
  686. <option value="Barbados">Barbados</option>
  687. <option value="Belarus">Belarus</option>
  688. <option value="Belgium">Belgium</option>
  689. <option value="Belize">Belize</option>
  690. <option value="Benin">Benin</option>
  691. <option value="Bermuda">Bermuda</option>
  692. <option value="Bhutan">Bhutan</option>
  693. <option value="Bolivia">Bolivia</option>
  694. <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option>
  695. <option value="Botswana">Botswana</option>
  696. <option value="Bouvet Island">Bouvet Island</option>
  697. <option value="Brazil">Brazil</option>
  698. <option value="British Indian Ocean Territory">British Indian Ocean Territory</option>
  699. <option value="Brunei Darussalam">Brunei Darussalam</option>
  700. <option value="Bulgaria">Bulgaria</option>
  701. <option value="Burkina Faso">Burkina Faso</option>
  702. <option value="Burundi">Burundi</option>
  703. <option value="Cambodia">Cambodia</option>
  704. <option value="Cameroon">Cameroon</option>
  705. <option value="Canada">Canada</option>
  706. <option value="Cape Verde">Cape Verde</option>
  707. <option value="Cayman Islands">Cayman Islands</option>
  708. <option value="Central African Republic">Central African Republic</option>
  709. <option value="Chad">Chad</option>
  710. <option value="Chile">Chile</option>
  711. <option value="China">China</option>
  712. <option value="Christmas Island">Christmas Island</option>
  713. <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option>
  714. <option value="Colombia">Colombia</option>
  715. <option value="Comoros">Comoros</option>
  716. <option value="Congo">Congo</option>
  717. <option value="Congo, The Democratic Republic of The">Congo, The Democratic Republic of The</option>
  718. <option value="Cook Islands">Cook Islands</option>
  719. <option value="Costa Rica">Costa Rica</option>
  720. <option value="Cote D'ivoire">Cote D'ivoire</option>
  721. <option value="Croatia">Croatia</option>
  722. <option value="Cuba">Cuba</option>
  723. <option value="Cyprus">Cyprus</option>
  724. <option value="Czech Republic">Czech Republic</option>
  725. <option value="Denmark">Denmark</option>
  726. <option value="Djibouti">Djibouti</option>
  727. <option value="Dominica">Dominica</option>
  728. <option value="Dominican Republic">Dominican Republic</option>
  729. <option value="Ecuador">Ecuador</option>
  730. <option value="Egypt">Egypt</option>
  731. <option value="El Salvador">El Salvador</option>
  732. <option value="Equatorial Guinea">Equatorial Guinea</option>
  733. <option value="Eritrea">Eritrea</option>
  734. <option value="Estonia">Estonia</option>
  735. <option value="Ethiopia">Ethiopia</option>
  736. <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option>
  737. <option value="Faroe Islands">Faroe Islands</option>
  738. <option value="Fiji">Fiji</option>
  739. <option value="Finland">Finland</option>
  740. <option value="France">France</option>
  741. <option value="French Guiana">French Guiana</option>
  742. <option value="French Polynesia">French Polynesia</option>
  743. <option value="French Southern Territories">French Southern Territories</option>
  744. <option value="Gabon">Gabon</option>
  745. <option value="Gambia">Gambia</option>
  746. <option value="Georgia">Georgia</option>
  747. <option value="Germany">Germany</option>
  748. <option value="Ghana">Ghana</option>
  749. <option value="Gibraltar">Gibraltar</option>
  750. <option value="Greece">Greece</option>
  751. <option value="Greenland">Greenland</option>
  752. <option value="Grenada">Grenada</option>
  753. <option value="Guadeloupe">Guadeloupe</option>
  754. <option value="Guam">Guam</option>
  755. <option value="Guatemala">Guatemala</option>
  756. <option value="Guinea">Guinea</option>
  757. <option value="Guinea-bissau">Guinea-bissau</option>
  758. <option value="Guyana">Guyana</option>
  759. <option value="Haiti">Haiti</option>
  760. <option value="Heard Island and Mcdonald Islands">Heard Island and Mcdonald Islands</option>
  761. <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option>
  762. <option value="Honduras">Honduras</option>
  763. <option value="Hong Kong">Hong Kong</option>
  764. <option value="Hungary">Hungary</option>
  765. <option value="Iceland">Iceland</option>
  766. <option value="India">India</option>
  767. <option value="Indonesia">Indonesia</option>
  768. <option value="Iran, Islamic Republic of">Iran, Islamic Republic of</option>
  769. <option value="Iraq">Iraq</option>
  770. <option value="Ireland">Ireland</option>
  771. <option value="Israel">Israel</option>
  772. <option value="Italy">Italy</option>
  773. <option value="Jamaica">Jamaica</option>
  774. <option value="Japan">Japan</option>
  775. <option value="Jordan">Jordan</option>
  776. <option value="Kazakhstan">Kazakhstan</option>
  777. <option value="Kenya">Kenya</option>
  778. <option value="Kiribati">Kiribati</option>
  779. <option value="Korea, Democratic People's Republic of">Korea, Democratic People's Republic of</option>
  780. <option value="Korea, Republic of">Korea, Republic of</option>
  781. <option value="Kuwait">Kuwait</option>
  782. <option value="Kyrgyzstan">Kyrgyzstan</option>
  783. <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option>
  784. <option value="Latvia">Latvia</option>
  785. <option value="Lebanon">Lebanon</option>
  786. <option value="Lesotho">Lesotho</option>
  787. <option value="Liberia">Liberia</option>
  788. <option value="Libyan Arab Jamahiriya">Libyan Arab Jamahiriya</option>
  789. <option value="Liechtenstein">Liechtenstein</option>
  790. <option value="Lithuania">Lithuania</option>
  791. <option value="Luxembourg">Luxembourg</option>
  792. <option value="Macao">Macao</option>
  793. <option value="Macedonia, The Former Yugoslav Republic of">Macedonia, The Former Yugoslav Republic of</option>
  794. <option value="Madagascar">Madagascar</option>
  795. <option value="Malawi">Malawi</option>
  796. <option value="Malaysia">Malaysia</option>
  797. <option value="Maldives">Maldives</option>
  798. <option value="Mali">Mali</option>
  799. <option value="Malta">Malta</option>
  800. <option value="Marshall Islands">Marshall Islands</option>
  801. <option value="Martinique">Martinique</option>
  802. <option value="Mauritania">Mauritania</option>
  803. <option value="Mauritius">Mauritius</option>
  804. <option value="Mayotte">Mayotte</option>
  805. <option value="Mexico">Mexico</option>
  806. <option value="Micronesia, Federated States of">Micronesia, Federated States of</option>
  807. <option value="Moldova, Republic of">Moldova, Republic of</option>
  808. <option value="Monaco">Monaco</option>
  809. <option value="Mongolia">Mongolia</option>
  810. <option value="Montserrat">Montserrat</option>
  811. <option value="Morocco">Morocco</option>
  812. <option value="Mozambique">Mozambique</option>
  813. <option value="Myanmar">Myanmar</option>
  814. <option value="Namibia">Namibia</option>
  815. <option value="Nauru">Nauru</option>
  816. <option value="Nepal">Nepal</option>
  817. <option value="Netherlands">Netherlands</option>
  818. <option value="Netherlands Antilles">Netherlands Antilles</option>
  819. <option value="New Caledonia">New Caledonia</option>
  820. <option value="New Zealand">New Zealand</option>
  821. <option value="Nicaragua">Nicaragua</option>
  822. <option value="Niger">Niger</option>
  823. <option value="Nigeria">Nigeria</option>
  824. <option value="Niue">Niue</option>
  825. <option value="Norfolk Island">Norfolk Island</option>
  826. <option value="Northern Mariana Islands">Northern Mariana Islands</option>
  827. <option value="Norway">Norway</option>
  828. <option value="Oman">Oman</option>
  829. <option value="Pakistan">Pakistan</option>
  830. <option value="Palau">Palau</option>
  831. <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option>
  832. <option value="Panama">Panama</option>
  833. <option value="Papua New Guinea">Papua New Guinea</option>
  834. <option value="Paraguay">Paraguay</option>
  835. <option value="Peru">Peru</option>
  836. <option value="Philippines">Philippines</option>
  837. <option value="Pitcairn">Pitcairn</option>
  838. <option value="Poland">Poland</option>
  839. <option value="Portugal">Portugal</option>
  840. <option value="Puerto Rico">Puerto Rico</option>
  841. <option value="Qatar">Qatar</option>
  842. <option value="Reunion">Reunion</option>
  843. <option value="Romania">Romania</option>
  844. <option value="Russian Federation">Russian Federation</option>
  845. <option value="Rwanda">Rwanda</option>
  846. <option value="Saint Helena">Saint Helena</option>
  847. <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>
  848. <option value="Saint Lucia">Saint Lucia</option>
  849. <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option>
  850. <option value="Saint Vincent and The Grenadines">Saint Vincent and The Grenadines</option>
  851. <option value="Samoa">Samoa</option>
  852. <option value="San Marino">San Marino</option>
  853. <option value="Sao Tome and Principe">Sao Tome and Principe</option>
  854. <option value="Saudi Arabia">Saudi Arabia</option>
  855. <option value="Senegal">Senegal</option>
  856. <option value="Serbia and Montenegro">Serbia and Montenegro</option>
  857. <option value="Seychelles">Seychelles</option>
  858. <option value="Sierra Leone">Sierra Leone</option>
  859. <option value="Singapore">Singapore</option>
  860. <option value="Slovakia">Slovakia</option>
  861. <option value="Slovenia">Slovenia</option>
  862. <option value="Solomon Islands">Solomon Islands</option>
  863. <option value="Somalia">Somalia</option>
  864. <option value="South Africa">South Africa</option>
  865. <option value="South Georgia and The South Sandwich Islands">South Georgia and The South Sandwich Islands</option>
  866. <option value="Spain">Spain</option>
  867. <option value="Sri Lanka">Sri Lanka</option>
  868. <option value="Sudan">Sudan</option>
  869. <option value="Suriname">Suriname</option>
  870. <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option>
  871. <option value="Swaziland">Swaziland</option>
  872. <option value="Sweden">Sweden</option>
  873. <option value="Switzerland">Switzerland</option>
  874. <option value="Syrian Arab Republic">Syrian Arab Republic</option>
  875. <option value="Taiwan, Province of China">Taiwan, Province of China</option>
  876. <option value="Tajikistan">Tajikistan</option>
  877. <option value="Tanzania, United Republic of">Tanzania, United Republic of</option>
  878. <option value="Thailand">Thailand</option>
  879. <option value="Timor-leste">Timor-leste</option>
  880. <option value="Togo">Togo</option>
  881. <option value="Tokelau">Tokelau</option>
  882. <option value="Tonga">Tonga</option>
  883. <option value="Trinidad and Tobago">Trinidad and Tobago</option>
  884. <option value="Tunisia">Tunisia</option>
  885. <option value="Turkey">Turkey</option>
  886. <option value="Turkmenistan">Turkmenistan</option>
  887. <option value="Turks and Caicos Islands">Turks and Caicos Islands</option>
  888. <option value="Tuvalu">Tuvalu</option>
  889. <option value="Uganda">Uganda</option>
  890. <option value="Ukraine">Ukraine</option>
  891. <option value="United Arab Emirates">United Arab Emirates</option>
  892. <option value="United Kingdom">United Kingdom</option>
  893. <option value="United States">United States</option>
  894. <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option>
  895. <option value="Uruguay">Uruguay</option>
  896. <option value="Uzbekistan">Uzbekistan</option>
  897. <option value="Vanuatu">Vanuatu</option>
  898. <option value="Venezuela">Venezuela</option>
  899. <option value="Viet Nam">Viet Nam</option>
  900. <option value="Virgin Islands, British">Virgin Islands, British</option>
  901. <option value="Virgin Islands, U.S.">Virgin Islands, U.S.</option>
  902. <option value="Wallis and Futuna">Wallis and Futuna</option>
  903. <option value="Western Sahara">Western Sahara</option>
  904. <option value="Yemen">Yemen</option>
  905. <option value="Zambia">Zambia</option>
  906. <option value="Zimbabwe">Zimbabwe</option>
  907. </select>
  908. </div>
  909. <div class="grid2">&nbsp;</div>
  910. </div> -->
  911. <div class="formRow">
  912. <div class="grid2">&nbsp;</div>
  913. <div class="grid4">
  914. <label><b>Unit No.<small style="color: red"> * </small>: </b></label>
  915. <input type="text" name="unit_no" id="unit_no" required />
  916. </div>
  917. <div class="grid4">
  918. <label><b>Building<small style="color: red"> * </small>: </b></label>
  919. <select class="styled" id="buildingsssss" name="buildingsssss" required>
  920. <option value="">Choose building</option>
  921. @foreach($coverage as $c)
  922. <option value="{{ $c->building_name }}">{{ $c->building_name }}</option>
  923. @endforeach
  924. </select>
  925. </div>
  926. <div class="grid2">&nbsp;</div>
  927. </div>
  928. <div class="formRow">
  929. <div class="grid2">&nbsp;</div>
  930. <div class="grid8">
  931. <label><b>Street<small style="color: red"> * </small>: </b></label>
  932. <select id="streetss" name="streetss" class="styled" required aria-required="true">
  933. <option value>Select Street</option>
  934. </select>
  935. </div>
  936. <div class="grid2">&nbsp;</div>
  937. </div>
  938. <div class="formRow">
  939. <div class="grid2">&nbsp;</div>
  940. <div class="grid2"><label><b>Package<small style="color: red"> * </small>: </b></label></div>
  941. <div class="grid6">
  942. <select class="styled" id="package" name="package" required>
  943. <option value="">Choose package</option>
  944. <option value="NA">NA</option>
  945. <option value="30">30Mbps</option>
  946. @foreach($product as $c)
  947. <option value="{{ $c->speed }}">{{ $c->package_name }}</option>
  948. @endforeach
  949. </select>
  950. </div>
  951. <div class="grid2">&nbsp;</div>
  952. </div>
  953. <div class="formRow">
  954. <div class="grid2">&nbsp;</div>
  955. <div class="grid2"><label><b>Subscription/ Contract Period : </b></label></div>
  956. <div class="grid2">
  957. <div class="checker" id="uniform-check1">
  958. <span class="checked"><input type="checkbox" id="period" name="period" style="opacity: 0;" checked="checked"></span>
  959. </div>
  960. <label for="check1" class="mr20">24 Month</label>
  961. </div>
  962. <div class="grid2"><label><b>Billing Cycle: </b></label></div>
  963. <div class="grid2">
  964. <div class="checker" id="uniform-check2">
  965. <span>
  966. <input type="checkbox" id="billing" name="billing" style="opacity: 0;" checked="checked">
  967. </span>
  968. </div>
  969. <label for="check2" class="mr20">Monthly</label>
  970. </div>
  971. <div class="grid2">&nbsp;</div>
  972. </div>
  973. <div class="formRow noBorderB">
  974. <div class="grid12">
  975. <input type="submit" name="secured" id="secured" class="buttonM bPurple formSubmit" value="Add New Customer Detail">
  976. </div>
  977. </div>
  978. </div>
  979. <div class="widget grid2 widgetH"></div>
  980. </fieldset>
  981. </form>
  982. </div>
  983. <!-- ///////////////////////////////// -->
  984. </div>
  985. </div>
  986. @endsection
  987. @section('external_js')
  988. <script>
  989. $(document).ready(function() {
  990. var formSD = document.getElementById("formSD");
  991. var formR = document.getElementById("formR");
  992. var formNFSP = document.getElementById("formNFSP");
  993. formSD.style.display = "none";
  994. formR.style.display = "none";
  995. formNFSP.style.display = "none";
  996. $('#type_customer').on('change',function(){
  997. if ($('#type_customer').val() == "formR"){
  998. formSD.style.display = "none";
  999. formR.style.display = "";
  1000. $.getJSON('{{url("/CustomerService/wo/country-json")}}', function( data ) {
  1001. $.each(data, function (key, entry) {
  1002. $('#citizenss').append($('<option></option>').attr('value', entry.name).text(entry.name));
  1003. });
  1004. });
  1005. $.ajax({
  1006. type: "GET",
  1007. url: "{{url('/CustomerService/wo/building-json')}}",
  1008. data: { },
  1009. dataType: "json",
  1010. success:function(data){
  1011. $.each(data, function (key, entry) {
  1012. $('#buildingsss').append($('<option></option>').attr('value', entry.name).text(entry.name));
  1013. });
  1014. }
  1015. });
  1016. $('#buildingsss').change(function(){
  1017. if( $(this).val()==""){
  1018. $("#street").prop("checked", false);
  1019. $('#street').empty();
  1020. $('#street').append('<option value="">Please choose street</option>');
  1021. }
  1022. else {
  1023. $('#street').empty();
  1024. $('#street').append('<option value="">Please choose street</option>');
  1025. $.ajax({
  1026. type: "GET",
  1027. url: "{{ url('api/get-street') }}"+"/"+$(this).val(),
  1028. success: function(result){
  1029. $.each(result.data, function(i, d) {
  1030. $('#street').append('<option value="' + d.street + '">' + d.street + '</option>');
  1031. $('#street').prop('required',true);
  1032. });
  1033. }
  1034. });
  1035. }
  1036. });
  1037. $('#street').change(function(){
  1038. $.ajax({
  1039. type: "GET",
  1040. url: "{{ url('api/get-coverage-detail') }}"+"/"+$('#coverage').val()+"/"+$('#street').val(),
  1041. success: function(result){
  1042. $.each(result.data, function(i, d) {
  1043. $('#city').val(d.city);
  1044. $('#state').val(d.state);
  1045. $('#postcode').val(d.postcode);
  1046. });
  1047. }
  1048. });
  1049. });
  1050. //$(".styled, input:radio, input:checkbox, .dataTables_length select").uniform();
  1051. }else if($('#type_customer').val() == "formSD"){
  1052. formSD.style.display = "";
  1053. formR.style.display = "none";
  1054. $.getJSON('{{url("/CustomerService/wo/country-json")}}', function( data ) {
  1055. $.each(data, function (key, entry) {
  1056. $('#citizensss').append($('<option></option>').attr('value', entry.name).text(entry.name));
  1057. });
  1058. });
  1059. $.ajax({
  1060. type: "GET",
  1061. url: "{{url('/CustomerService/wo/building-json')}}",
  1062. data: { },
  1063. dataType: "json",
  1064. success:function(data){
  1065. $.each(data, function (key, entry) {
  1066. $('#buildingssss').append($('<option></option>').attr('value', entry.name).text(entry.name));
  1067. });
  1068. }
  1069. });
  1070. $('#buildingssss').change(function(){
  1071. if( $(this).val()==""){
  1072. $("#streets").prop("checked", false);
  1073. $('#streets').empty();
  1074. $('#streets').append('<option value="">Please choose street</option>');
  1075. }
  1076. else {
  1077. $('#streets').empty();
  1078. $('#streets').append('<option value="">Please choose street</option>');
  1079. $.ajax({
  1080. type: "GET",
  1081. url: "{{ url('api/get-street') }}"+"/"+$(this).val(),
  1082. success: function(result){
  1083. $.each(result.data, function(i, d) {
  1084. $('#streets').append('<option value="' + d.street + '">' + d.street + '</option>');
  1085. $('#streets').prop('required',true);
  1086. });
  1087. }
  1088. });
  1089. }
  1090. });
  1091. $('#streets').change(function(){
  1092. $.ajax({
  1093. type: "GET",
  1094. url: "{{ url('api/get-coverage-detail') }}"+"/"+$('#coverage').val()+"/"+$('#street').val(),
  1095. success: function(result){
  1096. $.each(result.data, function(i, d) {
  1097. $('#city').val(d.city);
  1098. $('#state').val(d.state);
  1099. $('#postcode').val(d.postcode);
  1100. });
  1101. }
  1102. });
  1103. });
  1104. //$(".styled, input:radio, input:checkbox, .dataTables_length select").uniform();
  1105. }else if($('#type_customer').val() == "formNFSP"){
  1106. formNFSP.style.display = "";
  1107. formSD.style.display = "none";
  1108. formR.style.display = "none";
  1109. // $.getJSON('{{url("/CustomerService/wo/country-json")}}', function( data ) {
  1110. // $.each(data, function (key, entry) {
  1111. // $('#citizensss').append($('<option></option>').attr('value', entry.name).text(entry.name));
  1112. // });
  1113. // });
  1114. // $.ajax({
  1115. // type: "GET",
  1116. // url: "{{url('/CustomerService/wo/building-json')}}",
  1117. // data: { },
  1118. // dataType: "json",
  1119. // success:function(data){
  1120. // $.each(data, function (key, entry) {
  1121. // $('#buildingssss').append($('<option></option>').attr('value', entry.name).text(entry.name));
  1122. // });
  1123. // }
  1124. // });
  1125. //$(".styled, input:radio, input:checkbox, .dataTables_length select").uniform();
  1126. $('#buildingsssss').change(function(){
  1127. if( $(this).val()==""){
  1128. $("#streetss").prop("checked", false);
  1129. $('#streetss').empty();
  1130. $('#streetss').append('<option value="">Please choose street</option>');
  1131. }
  1132. else {
  1133. $('#streetss').empty();
  1134. $('#streetss').append('<option value="">Please choose street</option>');
  1135. $.ajax({
  1136. type: "GET",
  1137. url: "{{ url('api/get-street') }}"+"/"+$(this).val(),
  1138. success: function(result){
  1139. $.each(result.data, function(i, d) {
  1140. $('#streetss').append('<option value="' + d.street + '">' + d.street + '</option>');
  1141. $('#streetss').prop('required',true);
  1142. });
  1143. }
  1144. });
  1145. }
  1146. });
  1147. $('#street').change(function(){
  1148. $.ajax({
  1149. type: "GET",
  1150. url: "{{ url('api/get-coverage-detail') }}"+"/"+$('#coverage').val()+"/"+$('#street').val(),
  1151. success: function(result){
  1152. $.each(result.data, function(i, d) {
  1153. $('#city').val(d.city);
  1154. $('#state').val(d.state);
  1155. $('#postcode').val(d.postcode);
  1156. });
  1157. }
  1158. });
  1159. });
  1160. }
  1161. });
  1162. $('#refresh').on('click',function(){
  1163. window.location.reload();
  1164. });
  1165. });
  1166. </script>
  1167. @endsection