API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 12th, 2022
52
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.15 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title><?= $data['title'] ?></title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <link href="css/create.css" rel="stylesheet">
  9. <script src="https://kit.fontawesome.com/69362e78c5.js" crossorigin="anonymous"></script>
  10. <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  11. <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
  12. <?php require_once __DIR__ . '/header.phtml'; ?>
  13. </head>
  14. <script>
  15. $(document).ready(function(){
  16. $('a[data-bs-toggle="tab"]').on("shown.bs.tab", function(e){
  17. console.log(e.target); // newly activated tab
  18. console.log(e.relatedTarget); // previous active tab
  19. });
  20. });
  21. </script>
  22. <script>
  23. $('.btnNext').click(function(){
  24. $('.nav-tabs > .active').next('li').find('a').trigger('click');
  25. });
  26.  
  27. $('.btnPrevious').click(function(){
  28. $('.nav-tabs > .active').prev('li').find('a').trigger('click');
  29. });
  30. </script>
  31.  
  32. <body>
  33. <?php if(isset($data['extra_css'])): ?>
  34. <link href="css/<?= $data['extra_css']; ?>" rel="stylesheet">
  35. <?php endif; ?>
  36. <div class="container">
  37.  
  38. <?php if(isset($data['record']['id'])): ?>
  39. <input type="hidden" name="id" value="<?= $data['record']['id'] ?>" />
  40. <?php endif; ?>
  41. <?php if(isset($data['currentPage'])): ?>
  42. <input type="hidden" name="page" value="<?= $data['currentPage'] ?>" />
  43. <?php endif; ?>
  44. <?php if(isset($data['hash'])): ?>
  45. <input type="hidden" name="hash" value="<?= $data['hash'] ?>" />
  46. <?php endif; ?>
  47.  
  48. <ul class="nav nav-tabs"> <!--Using a list to create the tabs -->
  49. <li class="nav-item">
  50. <a href="#contact-tab" class="nav-link active" data-bs-toggle="tab">Contact Details</a>
  51. </li>
  52. <li class="nav-item">
  53. <a href="#questions-tab" class="nav-link" data-bs-toggle="tab">Questions</a>
  54. </li>
  55. <li class="nav-item">
  56. <a href="#delivery-tab" class="nav-link" data-bs-toggle="tab">Delivery Info</a>
  57. </li>
  58. </ul>
  59. <!------------------------------------------------------------------------------------------------------------------------------------------------- -->
  60. <form class="row g-3" action="<?= $data['action'] ?>" method="post">
  61. <div class="tab-content"> <!-- This involves the tav content -->
  62. <div class="tab-pane fade show active" id="contact-tab">
  63.  
  64. <div class="row"> <!-- start row here -->
  65. <h1>Contact & Site Details</h1>
  66. <div class="col-md-7">
  67. <label for="site_name" class="form-label">Site Name*</label>
  68. <input type="text"
  69. class="form-control"
  70. id="site_name"
  71. name="site_name"
  72. value="<?= $data['record']['site_name'] ?? '' ?>"
  73. placeholder="Enter Site Name"
  74. required><br>
  75. </div>
  76.  
  77. <div class="col-md-5">
  78. <label for="poNum" class="form-label">PO Number*</label>
  79. <input type="text"
  80. class="form-control"
  81. id="poNum"
  82. name="poNum"
  83. value="<?= $data['record']['poNum'] ?? '' ?>"
  84. placeholder="Enter PO Num (Given in Email)"
  85. required>
  86. </div>
  87.  
  88. <div class="col-md-5">
  89. <label for="customer_name" class="form-label">Contact Name*</label>
  90. <input type="text"
  91. class="form-control"
  92. id="customer_name"
  93. name="customer_name"
  94. value="<?= $data['record']['customer_name'] ?? '' ?>"
  95. placeholder="Enter Contact Name"
  96. required>
  97. </div>
  98.  
  99. <div class="col-md-7">
  100. <label for="customer_email" class="form-label">Email Address*</label>
  101. <input type="email"
  102. class="form-control"
  103. id="customer_email"
  104. name="customer_email"
  105. value="<?= $data['record']['customer_email'] ?? '' ?>"
  106. placeholder="Enter Email"
  107. required>
  108. <br>
  109. </div>
  110.  
  111. <div class="col-4">
  112. <label for="customer_mobile" class="form-label">Contact Number*</label>
  113. <input type="tel"
  114. class="form-control"
  115. id="customer_mobile"
  116. name="customer_mobile"
  117. value="<?= $data['record']['customer_mobile'] ?? '' ?>"
  118. placeholder="Enter Contact Number"
  119. required> <br>
  120. </div>
  121.  
  122. <div class="col-8">
  123. <label for="street1" class="form-label">Address*</label>
  124. <input type="text"
  125. class="form-control"
  126. id="street1"
  127. name="street1"
  128. value="<?= $data['record']['street1'] ?? '' ?>"
  129. placeholder="Address"
  130. required>
  131. </div>
  132.  
  133. <div class="col-md-5">
  134. <label for="city" class="form-label">City/Town*</label>
  135. <input type="text"
  136. class="form-control"
  137. id="city"
  138. name="city"
  139. value="<?= $data['record']['city'] ?? '' ?>"
  140. placeholder="City/Town"
  141. required>
  142. </div>
  143.  
  144. <div class="col-md-5">
  145. <label for="county" class="form-label">County</label>
  146. <input type="text"
  147. class="form-control"
  148. id="county"
  149. name="county"
  150. value="<?= $data['record']['county'] ?? '' ?>"
  151. placeholder="County">
  152. </div>
  153.  
  154. <div class="col-md-2">
  155. <label for="postcode" class="form-label">Postcode*</label>
  156. <input type="text"
  157. class="form-control"
  158. id="postcode"
  159. name="postcode"
  160. value="<?= $data['record']['postcode'] ?? '' ?>"
  161. placeholder="Postcode"
  162. required> <br>
  163. </div>
  164. <a class="btn btn-primary btnNext">Next</a>
  165. </div>
  166. </div>
  167.  
  168. <div class="tab-pane fade" id="questions-tab">
  169. <div class="row">
  170. <div class="col-12">
  171. <h6 for="current_machine">1. What is your Current Machine?</h6>
  172. <input type="text"
  173. class="form-control"
  174. id="current_machine"
  175. name="current_machine"
  176. value="<?= $data['record']['current_machine'] ?? '' ?>"
  177. placeholder="Leave blank if none"><br>
  178. </div>
  179. <div class="col-12">
  180. <h6 for="ordered_machine">2. What Machine did you Order?*</h6>
  181. <input type="text"
  182. class="form-control"
  183. id="ordered_machine"
  184. name="ordered_machine"
  185. value="<?= $data['record']['ordered_machine'] ?? '' ?>"
  186. placeholder="Machine(s) Ordered"
  187. required> <br>
  188. </div>
  189. <div class="col-12">
  190. <h6 for="q1">3. Are you aware of the Dimensions of the Machine(s) Ordered?
  191. <a href="img/size-reference.pdf#page=1" target="_blank"><i class="fas fa-question-circle"></i> </a></h6>
  192. <select class="form-select form-select-sm" name="q1">
  193. <option selected>--Select--</option>
  194. <option value="YES"<?= isset($data['record']['q1']) && $data['record']['q1'] === "YES" ? ' selected' : '' ?>>Yes</option>
  195. <option value="NO"<?= isset($data['record']['q1']) && $data['record']['q1'] === "NO" ? ' selected' : '' ?>>No</option>
  196. </select><br><br>
  197. </div>
  198.  
  199. <div class="col-12">
  200. <h6 for="q2">4. Are you aware of the Capacity of the Machine(s) Ordered?
  201. <a href="img/website-resources.pdf#page=1" target="_blank"><i class="fas fa-question-circle"></i> </a></h6>
  202. <select class="form-select form-select-sm" name="q2">
  203. <option selected>--Select--</option>
  204. <option value="YES"<?= isset($data['record']['q2']) && $data['record']['q2'] === "YES" ? ' selected' : '' ?>>Yes</option>
  205. <option value="NO"<?= isset($data['record']['q2']) && $data['record']['q2'] === "NO" ? ' selected' : '' ?>>No</option>
  206. </select><br><br>
  207. </div>
  208. <div class="col-12">
  209. <h6 for="q3">5. Are you aware that the Maximum Drain Height is <i>600mm</i> up from the bottom of Machine(s)?
  210. <a href="img/website-resources.pdf#page=2" target="_blank"><i class="fas fa-question-circle"></i> </a></h6>
  211. <select class="form-select form-select-sm" name="q3">
  212. <option selected>--Select--</option>
  213. <option value="YES"<?= isset($data['record']['q3']) && $data['record']['q3'] === "YES" ? ' selected' : '' ?>>Yes</option>
  214. <option value="NO"<?= isset($data['record']['q3']) && $data['record']['q3'] === "NO" ? ' selected' : '' ?>>No</option>
  215. </select><br><br>
  216. </div>
  217. <div class="col-12">
  218. <h6 for="q4">6. Are you aware of the Power Supply required for the Machine(s)?
  219. <a href="img/website-resources.pdf#page=3" target="_blank"><i class="fas fa-question-circle"></i> </a></h6>
  220. <select class="form-select form-select-sm" name="q4">
  221. <option selected>--Select--</option>
  222. <option value="YES"<?= isset($data['record']['q4']) && $data['record']['q4'] === "YES" ? ' selected' : '' ?>>Yes</option>
  223. <option value="NO"<?= isset($data['record']['q4']) && $data['record']['q4'] === "NO" ? ' selected' : '' ?>>No</option>
  224. </select><br><br>
  225. </div>
  226. <div class="col-12">
  227. <h6 for="q5">7. Is there a suitable Water Supply & Waste within <i>1metre</i> of the location?
  228. <a href="img/website-resources.pdf#page=2" target="_blank"><i class="fas fa-question-circle"></i> </a></h6>
  229. <select class="form-select form-select-sm" name="q5">
  230. <option selected>--Select--</option>
  231. <option value="YES"<?= isset($data['record']['q5']) && $data['record']['q5'] === "YES" ? ' selected' : '' ?>>Yes</option>
  232. <option value="NO"<?= isset($data['record']['q5']) && $data['record']['q5'] === "NO" ? ' selected' : '' ?>>No</option>
  233. </select><br><br>
  234. </div>
  235. <br>
  236. <div class="col-12">
  237. <h6 for="q6">8. Is your Site located in a Hard Water area?
  238. <a href="https://www.aquacure.co.uk/knowledge-base/uk-hard-water-map/" target="_blank"><i class="fas fa-question-circle"></i> </a></h6>
  239. <select class="form-select form-select-sm" name="q6">
  240. <option selected>--Select--</option>
  241. <option value="YES"<?= isset($data['record']['q6']) && $data['record']['q6'] === "YES" ? ' selected' : '' ?>>Yes</option>
  242. <option value="NO"<?= isset($data['record']['q6']) && $data['record']['q6'] === "NO" ? ' selected' : '' ?>>No</option>
  243. </select><br>
  244. </div>
  245. </div>
  246. </div>
  247.  
  248. <div class="tab-pane fade" id="delivery-tab">
  249. <div class="row">
  250. <div class="col-12">
  251. <h6 for="q7">9. What floor is the Machine(s) going to be located on?</h6>
  252. <input type="text"
  253. class="form-control"
  254. id="q7"
  255. name="q7"
  256. value="<?= $data['record']['q7'] ?? '' ?>"
  257. placeholder="Please enter what floor your machine will be located on"> <br><br>
  258. </div>
  259. <div class="col-12">
  260. <h6 for="q8">10. Does the Machine Require lifting over a Bar/Countertop?</h6>
  261. <select class="form-select form-select-sm" name="q8">
  262. <option selected>--Select--</option>
  263. <option value="YES"<?= isset($data['record']['q8']) && $data['record']['q8'] === "YES" ? ' selected' : '' ?>>Yes</option>
  264. <option value="NO"<?= isset($data['record']['q8']) && $data['record']['q8'] === "NO" ? ' selected' : '' ?>>No</option>
  265. </select><br><br>
  266. </div>
  267. <div class="col-12">
  268. <h6 for="q9">11. Is there clear Access to the position of the Machine(s)&nbsp&nbsp&nbsp(e.g. Access through doors)</h6>
  269. <select class="form-select form-select-sm" name="q9">
  270. <option selected>--Select--</option>
  271. <option value="YES"<?= isset($data['record']['q9']) && $data['record']['q9'] === "YES" ? ' selected' : '' ?>>Yes</option>
  272. <option value="NO"<?= isset($data['record']['q9']) && $data['record']['q9'] === "NO" ? ' selected' : '' ?>>No</option>
  273. </select><br><br>
  274. </div>
  275. <div class="col-12">
  276. <h6 for="q10">12. Are you aware or do you accept that Delivery will be the day <u>before</u> Install and collection of any old machine will be the day <u>after</u> install?</h6>
  277. <select class="form-select form-select-sm" name="q10">
  278. <option selected>--Select--</option>
  279. <option value="YES"<?= isset($data['record']['q10']) && $data['record']['q10'] === "YES" ? ' selected' : '' ?>>Yes</option>
  280. <option value="NO"<?= isset($data['record']['q10']) && $data['record']['q10'] === "NO" ? ' selected' : '' ?>>No</option>
  281. </select><br><br>
  282. </div>
  283. <div class="col-12">
  284. <h6 for="q11">13. Can you accept Delivery/Install between 8am & 6pm on Weekdays?</h6>
  285. <select class="form-select form-select-sm" name="q11">
  286. <option selected>--Select--</option>
  287. <option value="YES"<?= isset($data['record']['q11']) && $data['record']['q11'] === "YES" ? ' selected' : '' ?>>Yes</option>
  288. <option value="NO"<?= isset($data['record']['q11']) && $data['record']['q11'] === "NO" ? ' selected' : '' ?>>No</option>
  289. </select><br><br>
  290. </div>
  291. <div class="col-12">
  292. <h6 for="q12">14. Are there any Restrictions on Vehicle Size or Time restrictions in the area? (If Yes, Please Elaborate)</h6>
  293. <input type="text"
  294. class="form-control"
  295. id="q12"
  296. name="q12"
  297. value="<?= $data['record']['q12'] ?? '' ?>"
  298. placeholder="Please enter any restrictions to your site">
  299. </div>
  300. <div class="col-12">
  301. <hr>
  302. <h4 for="suggestions">Added Notes / Suggestions</h4>
  303. <input type="text"
  304. class="form-control"
  305. id="suggestions"
  306. name="suggestions"
  307. value="<?= $data['record']['suggestions'] ?? '' ?>"
  308. placeholder="Leave blank if none"><br>
  309. </div>
  310. </div>
  311. </div>
  312.  
  313. </div>
  314. </form>
  315. </div>
  316. </body>
  317. <?php require_once __DIR__ . '/footer.phtml'; ?>
  318.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!