Guest User

Untitled

a guest
Apr 21st, 2018
162
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.47 KB | None | 0 0
  1. <?php /* Template Name: dealerSite */ ?>
  2.  
  3. <?php get_header(); ?>
  4.  
  5.  
  6. <script type="text/javascript">
  7. jQuery(document).ready(function($) {
  8. $('.wordpress-ajax-form1').on('submit', function(e) {
  9. alert("HIiii");
  10. e.preventDefault();
  11. var input_data = $(this).serialize(); //We will transfer the data through POST method.//first_name=Richard
  12. console.log(input_data);
  13. var product_name = $(".documentName").val();
  14. var order_qty = $('.documents_req').val();
  15. debugger
  16. $.ajax({
  17. type: "POST",
  18. url: "admin_url('admin_ajax.php')",
  19. data: input_data,
  20. action: dealerOrderProducts,
  21. success: function(data){
  22. alert(data);
  23. }
  24. });
  25. });
  26. });
  27.  
  28.  
  29.  
  30. </script>
  31.  
  32. <div class="dealer-loggedin">
  33. <section class="dealer-cover-pic" style="background-image: url('<?php bloginfo('template_url'); ?>/images/banner/image_big.png');">
  34. <span data-toggle="modal" data-target="#updateCoverPicModal" class="update-cover-pic d-inline-block">
  35. <img src="<?php bloginfo('template_url'); ?>/images/icons/icon_edit.svg" height="20px">
  36. </span>
  37.  
  38. <div class="dealer-info mx-auto">
  39. <div class="container">
  40. <!-- Nav tabs -->
  41. <ul class="nav nav-tabs d-inline-flex border-0 row" role="tablist">
  42. <li class="nav-item">
  43. <a class="nav-link active" data-toggle="tab" href="#training" role="tab">Training</a>
  44. </li>
  45. <li class="nav-item">
  46. <a class="nav-link" data-toggle="tab" href="#orders" role="tab">Orders</a>
  47. </li>
  48. <li class="nav-item">
  49. <a class="nav-link" data-toggle="tab" href="#quote" role="tab">Quote</a>
  50. </li>
  51. <li class="nav-item">
  52. <a class="nav-link" data-toggle="tab" href="#myAccount" role="tab">My Account</a>
  53. </li>
  54. </ul>
  55. <div class="clearfix"></div>
  56. <div class="row profile-details py-60 bg-white">
  57. <div class="col-md-4">
  58. <div class="dealer-pic-holder">
  59. <a data-toggle="tab" href="#dealerEditProfile" class="hidden-md-up">
  60. <img src="<?php bloginfo('template_url'); ?>/images/icons/icon_edit.svg" height="20px" class="ml-3 ml-lg-4 float-right">
  61. </a>
  62. <div class="dealer-pic mx-auto" style="background-image: url('<?php bloginfo('template_url'); ?>/images/blog/image_person_blog_detail_1.png');"></div>
  63. </div>
  64. <div class="text-center">
  65. <a class="btn btn-danger text-white" data-toggle="modal" data-target="#requestNewModal">Request New</a>
  66. </div>
  67. </div>
  68. <div class="col-md-4 col-lg-3 offset-lg-1 border-right hidden-sm-down">
  69. <ul class="list-inline mb-0" role="tablist">
  70. <li class="nav-item">
  71. <a class="nav-link p-0" data-toggle="tab" href="#dealerEditProfile" role="tab">
  72. <span class="align-middle">Business Name </span>
  73. <img src="<?php bloginfo('template_url'); ?>/images/icons/icon_edit.svg" height="20px" class="ml-4">
  74. </a>
  75. </li>
  76. </ul>
  77. <div class="py-30">
  78. <p class="mb-0">123 Name St</p>
  79. <p class="mb-0"> City, ST 1234</p>
  80. <p class="mb-0"> Country</p>
  81. </div>
  82. <p class="mb-0"> Phone ( 123 ) 456 - 7891</p>
  83. <p class="mb-0"> Fax ( 123 ) 456 - 7891</p>
  84. </div>
  85. <div class="col-md-4 col-lg-3 offset-lg-1 hidden-sm-down">
  86. <ul class="list-inline mb-0" role="tablist">
  87. <li class="nav-item">
  88. <a class="nav-link p-0" data-toggle="tab" href="#dealerEditProfile" role="tab">
  89. <span class="align-middle">Mailing Address</span>
  90. <img src="<?php bloginfo('template_url'); ?>/images/icons/icon_edit.svg" height="20px" class="ml-4 ml-lg-3">
  91. </a>
  92. </li>
  93. </ul>
  94. <div class="py-30">
  95. <p class="mb-0">123 Name St</p>
  96. <p class="mb-0"> City, ST 1234</p>
  97. <p class="mb-0"> Country</p>
  98. </div>
  99. <p class="mb-0">Contact Name </p>
  100. <p class="mb-0">Phone ( 123 ) 456 - 7891</p>
  101. </div>
  102. </div>
  103. </div> <!-- container -->
  104. </div><!-- dealer-info -->
  105.  
  106. </section><!-- dealer-cover-pic -->
  107.  
  108. <!-- Tab panes -->
  109. <div class="tab-content py-30 pb-0">
  110. <?php
  111. $domain_name = getDomainData()->name;
  112. $training_subcat_pod = pods('dealer_training_subcat');
  113. $params = array(
  114. "select" => "*, category.name as category_name,d.subcategory_name",
  115. "where" => "domain_name.name = '$domain_name'"
  116. );
  117. $training_subcat_pod->find($params,$limit=-1);
  118. $training_subcat_data = $training_subcat_pod->data();
  119. ?>
  120. <div class="tab-pane active" id="training" role="tabpanel">
  121. <ul class="nav nav-tabs custom-nav-tabs bg-white justify-content-md-center" role="tablist">
  122. <li class="nav-item">
  123. <a class="nav-link active" data-toggle="tab" href="#salesPricing" role="tab">Sales / Pricing</a>
  124. </li>
  125. <li class="nav-item">
  126. <a class="nav-link" data-toggle="tab" href="#contracts" role="tab">Contracts</a>
  127. </li>
  128. <li class="nav-item">
  129. <a class="nav-link" data-toggle="tab" href="#miscellaneous" role="tab">Miscellaneous</a>
  130. </li>
  131. </ul>
  132.  
  133. <!-- Tab panes -->
  134. <div class="tab-content">
  135. <div class="tab-pane active" id="salesPricing" role="tabpanel">
  136. <div class="container">
  137. <div class="row">
  138. <?php
  139. $priceDocFile_pod = pods('salesprice_doc');
  140. $params = array(
  141. "select" => "*, file.ID",
  142. "orderby" => "document_no"
  143. );
  144. $priceDocFile_pod->find($params,$limit=-1);
  145. $priceDocFile_data = $priceDocFile_pod->data();
  146. foreach ($priceDocFile_data as $key => $docFile) {
  147. $price_doc=pods_image_url( $docFile->ID, $size = null, $default = 0, $force = false );
  148. ?>
  149. <div class="col-md-6 col-lg-4 col-xl-3 mb-5">
  150. <div class="bg-white document-holder salesPricing">
  151. <div class="doc-bg"><img src="<?php echo $price_doc ?>" class=""></div>
  152. <h6 class="mt-4 mb-3">Document <?php echo $docFile->document_no ?></h6>
  153. <div class="quantity d-block">
  154. <input type="number" min="0" max="9" step="1" value="0" disabled>
  155. </div>
  156. <div class="clearfix"></div>
  157. <div class="d-flex justify-content-between mt-3">
  158. <a href="" class="btn btn-danger text-white" download>Download</a>
  159. </div>
  160. </div>
  161. </div>
  162. <?php
  163. } ?>
  164. <div class="col-md-6 col-lg-4 col-xl-3 mb-5">
  165. <div class="bg-white document-holder">
  166. <div class="embed-responsive embed-responsive-16by9 doc-bg">
  167. <iframe class="embed-responsive-item" src="//www.youtube.com/embed/zpOULjyy-n8?rel=0" allowfullscreen></iframe>
  168. </div>
  169. <h6 class="mt-4 mb-3">Document 1</h6>
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. </div><!-- salesPricing tab -->
  175. <div class="tab-pane" id="contracts" role="tabpanel">
  176. <div class="container bg-white p-40">
  177. <div class="text-center"><img src="<?php bloginfo('template_url'); ?>/images/logo_header.png" height="65px"></div>
  178. <p class="text-uppercase text-center mb-0 py-40">DEALERSHIP CONTRACT WITH AMERICAN STEEL CARPORTS, INC.</p>
  179. <div class="contracts-content">
  180. <p class="text-danger">By signing this Dealership agreement, you (“Dealer”) agree to the following:</p>
  181. <ol class="pl-3">
  182. <li><b><u>Ownership of Name/Designs:</u></b> American Steel Carports, Inc. (” Manufacturer”) owns the name “American Steel Buildings” and all of the designs of its buildings.</li>
  183. <li><b><u>Dealership Samples/Displays: </u></b>Dealer shall not displayor offer for sale any carports,steelbuildings,or similarproducts manufactured by any person other than manufacturer. Any samples provided to you by Manufacturer will remain sole property of Manufacturer. All dealership samples will be installed on your property by Manufacturer. If you wish to have the (all) sample moved about your property, you must call Manufacturer to do this. If you move the sample and it is damaged or causes damage, you will be responsible for all the damage caused to or by the sample. If at any time a sample is damaged or comes disconnected from ties or anchors you must notify Manufacturer immediately. If Dealer removes a sample or fails to return a sample after dealership is terminated or cancelled, Dealer shall pay the Manufacturer the retail price for the sample. All samples have to be approved by plant management before they are final.</li>
  184. <li><b><u>Canceling Your Dealership:</u></b> If you no longer want to be a Dealer for manufacturer you must give manufacturer written notice prior to termination. You must also specifically provide the exact location of all Dealership samples so that we can retrieve them. Manufacturer will have up to sixty (60) days from receipt of notice to retrieve the samples.</li>
  185. <li><b><u>Taking Customer Orders:</u></b> All customer orders must be taken on the forms we provide you with. Both you and the customer must sign the forms and then you must send it to Manufacturer for final approval. It is very important that you stress to the customer that the order is not final until approval by American Steel Carports. At the time of taking the order, you may not collect more than a 10% down payment. THIS 10% DOWN PAYMENT IS YOUR COMMISSION. All other customer payments are to be collected only by Manufacturer. If Dealer receives any payments in excess of Dealer’s commission, Dealer shall immediately forward such payments to Manufacturer. If the customer later cancels the order, you as the Dealership remain solely responsible for paying the customer back the 10% down payment that you collected and failed to forward.</li>
  186. <li><b><u>Your Commission:</u></b>Your commission is the 10% of the retail sales price of the structure only, not including sales and use taxes, or other cost above and beyond the retails sales price of the structure only. If the customer later cancels the order, you as the Dealership remain solely responsible for paying the customer back the 10% down payment that you collected. YOUR COMMISSION IS DEEMED EARNED AND PAYABLE ONLY AFTER THE ENTIRE PURCHASE PRICE HAS BEEN RECEIVED BY MANUFACTURER. If Dealer fails to collect its commission at the time of the order, Manufacturer will forward such commission to Dealer after the customer has paid in full. At the end of the year, Manufacturer will provide you with an IRS 1099 form for tax purposes detailing all of your earned commissions. We must have your Vendor’s License number or Social Security number to provide this.</li>
  187. <li><b><u>Change Orders:</u></b>Any changes,additions,orextrasrequiredbythecustomerafteracceptanceofthepurchaseorderwill result in a “Change Order.” No commission will be earned or payable with respect to Change Orders of $200 or less, unless the Dealer directly handles these with the customer.</li>
  188. <li><b><u>Dealer Status:</u></b> It is agreed that at no time shall the Dealer or its employees be deemed employees or agents of Manufacturer. You may not assign the rights and obligations under this agreement as they are personal to you as a Dealer. Dealer shall not make representations or promises to customers about Manufacturer’s products that are inconsistent with any written warranty or other agreement and Dealer shall be responsible for any such representations or promises.</li>
  189. <li><b><u>Termination of Your Dealership:</u></b> Manufacturer may terminate the agreement without advance notice at any time,with or without cause. In the event of any termination under this agreement all commissions and other moneys due to Dealer shall be reduced by the amount owing by Dealer to Manufacturer.</li>
  190. <li><b><u>Entire Contract: Severability:</u></b> This agreement replacesand supersedes any and all previous agreements,written or oral, with respect to dealer. Compensation or other issues raised herein. Should any one or more provisions of this agreement be determined to be illegal or unenforceable, all remaining provisions will remain effective.</li>
  191. <li><b><u>Applicable Law: Dealer Liability:</u></b>This agreement and any disputes arising between the parties shall be construed according to the laws of the state of Ohio. Any suit instituted by either party pertaining to this agreement or otherwise shall only be brought in a court of competent jurisdiction in Williams County, Ohio or a federal court with jurisdiction over Williams County, Ohio; provided, however, that any judgement obtained by either party in a court of competent jurisdiction as defined herein may be transferred to another court strictly for enforcement and collections purposes. Manufacturer also reserves the right to institute any proceedings in any appropriate jurisdiction to recover any Dealer sample or other personal property. Dealer shall be responsible to Manufacturer for any breach of this agreement or other obligation imposed by applicable law. To the extent permitted by law, Manufacturer shall be permitted to recover attorney’s fees resulting from any litigation, but only to the extent it is prevailing party.</li>
  192. </ol>
  193. <form action="" class="app-form">
  194. <div class="row">
  195. <div class="form-group col-12 col-md-6">
  196. <label for="contractDate">Date</label>
  197. <input type="date" class="form-control" id="contractDate">
  198. </div>
  199. <div class="form-group col-12 col-md-6">
  200. <label for="contractFedearalId">Federal ID # Or Social Security #</label>
  201. <input type="text" class="form-control" id="contractFedearalId">
  202. </div>
  203. <div class="form-group col-12 col-md-6">
  204. <label for="contractSignatures1">Signatures</label>
  205. <input type="text" class="form-control" id="contractSignatures">
  206. <small>Authorized Representative of American Steel Carports, Inc.</small>
  207. </div>
  208. <div class="form-group col-12 col-md-6">
  209. <label for="contractSignatures2"></label>
  210. <input type="text" class="form-control" id="contractSignatures2">
  211. <small>Authorized Representative of Dealer</small>
  212. </div>
  213. <div class="form-group col-12 col-md-6">
  214. <label for="contractPrintedName1">Printed Name</label>
  215. <input type="text" class="form-control" id="contractPrintedName1">
  216. </div>
  217. <div class="form-group col-12 col-md-6">
  218. <label for="contractPrintedName2">Printed Name</label>
  219. <input type="text" class="form-control" id="contractPrintedName2">
  220. </div>
  221. <div class="form-group col-12">
  222. <label for="contractPrintedDealerName">Printed Name of Dealer</label>
  223. <input type="text" class="form-control" id="contractPrintedDealerName">
  224. </div>
  225. <div class="form-group col-12">
  226. <label for="contractDealerMail">Mailing Address of Dealer</label>
  227. <input type="text" class="form-control" id="contractDealerMail">
  228. </div>
  229. <div class="form-group col-12">
  230. <label for="contractPhysicalAddress">Physical Address of Dealer</label>
  231. <input type="text" class="form-control" id="contractPhysicalAddress">
  232. </div>
  233. <div class="form-group col-12">
  234. <label for="contractOwnership">Person with Ownership of Responsibility of Dealership</label>
  235. <input type="text" class="form-control" id="contractOwnership">
  236. </div>
  237. <div class="form-group col-12 col-md-6">
  238. <label for="contractPhone">Phone Number of Dealer</label>
  239. <input type="text" class="form-control" id="contractPhone">
  240. </div>
  241. <div class="form-group col-12 col-md-6">
  242. <label for="contractFaxNumber">Fax Number of Dealer</label>
  243. <input type="text" class="form-control" id="contractFaxNumber">
  244. </div>
  245. <div class="text-right col-12">
  246. <?php
  247. $contractDoc_pod = pods('training_contract');
  248. $params = array(
  249. "select" => "*, document.ID",
  250. );
  251. $contractDoc_pod->find($params,$limit=-1);
  252. $contractDoc_data = $contractDoc_pod->data();
  253. foreach ($contractDoc_data as $key => $contractDoc) {
  254. $uploaded_contractDoc=pods_image_url( $contractDoc->ID, $size = null, $default = 0, $force = false ); ?>
  255. <a href="<?php echo $uploaded_contractDoc?>" download class="btn btn-danger" download>Download</a>
  256. <?php
  257. } ?>
  258. <a href="#" class="btn btn-danger ml-3">Upload</a>
  259. </div>
  260. </div>
  261. </form>
  262. </div>
  263. </div>
  264. </div><!-- Contracts tab -->
  265. <div class="tab-pane" id="miscellaneous" role="tabpanel">
  266. <div class="container">
  267. miscellaneous
  268. </div>
  269. </div><!-- Miscellaneous tab -->
  270. </div> <!-- training tab-content -->
  271. </div><!-- training tab-->
  272.  
  273. <div class="tab-pane" id="orders" role="tabpanel">
  274. <!-- Nav tabs -->
  275. <ul class="nav nav-tabs custom-nav-tabs bg-white justify-content-md-center" role="tablist">
  276. <li class="nav-item">
  277. <a class="nav-link active" data-toggle="tab" href="#documents" role="tab">Documents</a>
  278. </li>
  279. <li class="nav-item">
  280. <a class="nav-link" data-toggle="tab" href="#colorSamples" role="tab">Color Samples</a>
  281. </li>
  282. <li class="nav-item">
  283. <a class="nav-link" data-toggle="tab" href="#promotionalItems" role="tab">Promotional Items</a>
  284. </li>
  285. <li class="nav-item">
  286. <a class="nav-link" data-toggle="tab" href="#orderHistory" role="tab">Order History</a>
  287. </li>
  288. </ul>
  289.  
  290. <!-- Tab panes -->
  291. <div class="tab-content">
  292. <div class="tab-pane active" id="documents" role="tabpanel">
  293. <div class="container">
  294. <div class="row">
  295. <?php
  296. $orders_doc_pod = pods('orders_document');
  297. $params = array(
  298. "select" => "*, document.ID",
  299. "where" => "domain_name.name = '$domain_name'",
  300. );
  301. $orders_doc_pod->find($params,$limit=-1);
  302. $orders_doc_data = $orders_doc_pod->data();
  303. foreach ($orders_doc_data as $key => $orderFile) {
  304. $order_doc=pods_image_url( $orderFile->ID, $size = null, $default = 0, $force = false );
  305. ?>
  306. <div class="col-md-6 col-lg-4 col-xl-3 mb-5">
  307. <form class="wordpress-ajax-form1 bg-white document-holder" method="post" action="<?php echo admin_url('admin-ajax.php'); ?>">
  308. <div class="doc-bg" style="background-image: url('<?php echo $order_doc ?>')">
  309. </div>
  310. <h6 class="mt-4 mb-3"><?php echo $orderFile->document_name ?></h6>
  311. <input type="hidden" class="documentName" value="<?php echo $orderFile->document_name ?>">
  312. <div class="quantity d-block">
  313. <input type="number" class="documents_req" min="0" max="9" step="1" name="documents_qty" value="0" disabled>
  314. </div>
  315. <input type="hidden" name="action" value="orderDocument">
  316. <div class="clearfix"></div>
  317. <div class="d-flex justify-content-between mt-3">
  318. <button class="btn btn-danger text-white orderDoc" type="submit">Request Copy</button>
  319. <a href="<?php echo $order_doc ?>" class="btn btn-danger text-white" download>Download</a>
  320. </div>
  321. </form>
  322. </div>
  323. <?php
  324. } ?>
  325. </div>
  326. </div>
  327. </div><!-- Documents tab -->
  328. <div class="tab-pane bg-white" id="colorSamples" role="tabpanel">
  329. <div class="container">
  330. <div class="row">
  331. <?php
  332. $colorSamples_pod = pods('color_samples');
  333. $params = array(
  334. "select" => "*,image.ID,d.sample_name",
  335. "orderby" => "display_no"
  336. );
  337. $colorSamples_pod->find($params,$limit=-1);
  338. $colorSamples_data = $colorSamples_pod->data();
  339. foreach ($colorSamples_data as $key => $sampleColor) {
  340. $sampleColor_image=pods_image_url( $sampleColor->ID, $size = null, $default = 0, $force = false );
  341. $sampleName=$sampleColor->sample_name;
  342. ?>
  343. <div class="col-md-3 col-lg-3 col-xl-2 col-sm-6">
  344. <div class="card rounded-0 border-0 mb-4">
  345. <img class="card-img-top rounded-0" src="<?php echo $sampleColor_image ?>" height="160px">
  346. <p class="card-text mt-2"><?php echo $sampleName ?></p>
  347. <div class="quantity d-block">
  348. <input type="number" min="0" max="9" step="1" value="0" disabled>
  349. </div>
  350. <div class="clearfix"></div>
  351. </div>
  352. </div>
  353. <?php } ?>
  354. </div><!-- row -->
  355. <div class="text-right mt-5"><button class="btn btn-danger">Request</button></div>
  356. </div>
  357. </div><!-- Color Samples tab -->
  358. <div class="tab-pane" id="promotionalItems" role="tabpanel">
  359. <div class="container">
  360. <div class="row">
  361. <?php
  362. $promotional_item_pod = pods('promotional_item');
  363. $params = array(
  364. "select" => "*,image.ID",
  365. "where" => "domain_name.name = '$domain_name'",
  366. "orderby" => "document_no"
  367. );
  368. $promotional_item_pod->find($params,$limit=-1);
  369. $promotional_item_data = $promotional_item_pod->data();
  370. foreach ($promotional_item_data as $key => $proItem) {
  371. $proItem_image=pods_image_url( $proItem->ID, $size = null, $default = 0, $force = false );
  372. ?>
  373. <div class="col-md-6 col-lg-4 col-xl-3 mb-5">
  374. <div class="bg-white document-holder">
  375. <div class="doc-bg" style="background-image: url('<?php echo $proItem_image ?>');">
  376. </div>
  377. <h6 class="mt-4 mb-3">Document <?php echo $proItem->document_no ?></h6>
  378. <div class="quantity d-block">
  379. <input type="number" min="0" max="9" step="1" value="0" disabled>
  380. </div>
  381. <div class="clearfix"></div>
  382. <div class="d-flex justify-content-between mt-3">
  383. <a href="" class="btn btn-danger text-white">Request Copy</a>
  384. <a href="<?php echo $proItem_image ?>" class="btn btn-danger text-white" download>Download</a>
  385. </div>
  386. </div>
  387. </div>
  388. <?php } ?>
  389. </div>
  390. </div>
  391. </div><!-- Promotional Items tab -->
  392. <div class="tab-pane bg-white" id="orderHistory" role="tabpanel">
  393. <div class="container">
  394. <div class="table-responsive">
  395. <table class="table table-bordered">
  396. <thead>
  397. <tr>
  398. <th></th>
  399. <th>Product</th>
  400. <th>Order No.</th>
  401. <th>Order Date</th>
  402. <th>Qty</th>
  403. <th>Status</th>
  404. <th>Completed On</th>
  405. </tr>
  406. </thead>
  407. <tbody>
  408. <tr>
  409. <td><div class="order-img" style="background-image: url('<?php bloginfo('template_url'); ?>/images/dealerSite/promotion_item2.jpeg');"></div></td>
  410. <td>Shirt</td>
  411. <td>21098876</td>
  412. <td>21-02-2018</td>
  413. <td>2</td>
  414. <td>Completed</td>
  415. <td>6-03-2018</td>
  416. </tr>
  417. <tr>
  418. <td><div class="order-img" style="background-image: url('<?php bloginfo('template_url'); ?>/images/dealerSite/promotion_item1.png');"></div></td>
  419. <td>Shirt</td>
  420. <td>21098876</td>
  421. <td>21-02-2018</td>
  422. <td>2</td>
  423. <td>Completed</td>
  424. <td>6-03-2018</td>
  425. </tr>
  426. <tr>
  427. <td><div class="order-img" style="background-image: url('<?php bloginfo('template_url'); ?>/images/dealerSite/promotion_item2.jpeg');"></div></td>
  428. <td>Shirt</td>
  429. <td>21098876</td>
  430. <td>21-02-2018</td>
  431. <td>2</td>
  432. <td>Completed</td>
  433. <td>6-03-2018</td>
  434. </tr>
  435. <tr>
  436. <td><div class="order-img" style="background-image: url('<?php bloginfo('template_url'); ?>/images/dealerSite/promotion_item1.png');"></div></td>
  437. <td>Shirt</td>
  438. <td>21098876</td>
  439. <td>21-02-2018</td>
  440. <td>2</td>
  441. <td>Completed</td>
  442. <td>6-03-2018</td>
  443. </tr>
  444. </tbody>
  445. </table>
  446. </div>
  447. </div>
  448. </div><!-- Order History tab -->
  449. </div><!-- orders tab-content -->
  450. </div><!-- orders tab-->
  451.  
  452. <div class="tab-pane bg-white" id="quote" role="tabpanel">
  453. <div class="container py-40">
  454. <div class="row filters mb-5">
  455. <div class="col-sm-6 col-md-2 col-lg-2 align-self-center px-0"><img src="<?php bloginfo('template_url'); ?>/images/icons/icon_filter.svg" class="mr-1" height="19px">Filter by</div>
  456. <div class="col-sm-6 col-md-2">
  457. <select id="quoteFilter1" class="form-control text-captalize" name="quoteFilter" style="background-image: url(<?php bloginfo('template_url'); ?>/images/icons/icon_dropdown.svg);">
  458. <option value="0">Days</option>
  459. <option value="1">7 days</option>
  460. <option value="2">8 days</option>
  461. </select>
  462. </div>
  463. <div class="col-sm-6 col-md-2">
  464. <input type="date" class="form-control" id="quoteFilter2">
  465. </div>
  466. <div class="col-sm-6 col-md-2">
  467. <div class="form-group row mb-0">
  468. <label for="quoteFilterToDate" class="col-2 col-form-label px-md-0">T0</label>
  469. <div class="col-10 px-md-0">
  470. <input class="form-control" type="date" id="quoteFilterToDate">
  471. </div>
  472. <div class="clearfix"></div>
  473. </div>
  474. </div>
  475. <div class="col-sm-6 col-md-2">
  476. <input type="text" class="form-control" placeholder="Search here…">
  477. </div>
  478. </div>
  479. <div class="quote-table">
  480. <div class="table-responsive">
  481. <table class="table table-bordered">
  482. <thead>
  483. <tr>
  484. <th></th>
  485. <th>Customer Name</th>
  486. <th>Product Code</th>
  487. <th>Phone</th>
  488. <th>Email</th>
  489. <th>Total</th>
  490. <th>Commission</th>
  491. </tr>
  492. </thead>
  493. <tbody>
  494. <tr>
  495. <td><div class="order-img" style="background-image: url('<?php bloginfo('template_url'); ?>/images/carport/half_side_horizontal_carport.png');"></div></td>
  496. <td>John Doe</td>
  497. <td>21098876</td>
  498. <td>( 123 ) 456 - 7891</td>
  499. <td>John Doe94@gmail.com</td>
  500. <td>6543</td>
  501. <td>6543</td>
  502. </tr>
  503. <tr>
  504. <td><div class="order-img" style="background-image: url('<?php bloginfo('template_url'); ?>/images/carport/enclosed_standard_carport.png');"></div></td>
  505. <td>John Doe</td>
  506. <td>21098876</td>
  507. <td>( 123 ) 456 - 7891</td>
  508. <td>John Doe94@gmail.com</td>
  509. <td>6543</td>
  510. <td>6543</td>
  511. </tr>
  512. <tr>
  513. <td><div class="order-img" style="background-image: url('<?php bloginfo('template_url'); ?>/images/carport/enclosed_vertical_carport.png');"></div></td>
  514. <td>John Doe</td>
  515. <td>21098876</td>
  516. <td>( 123 ) 456 - 7891</td>
  517. <td>John Doe94@gmail.com</td>
  518. <td>6543</td>
  519. <td>6543</td>
  520. </tr>
  521. <tr>
  522. <td><div class="order-img" style="background-image: url('<?php bloginfo('template_url'); ?>/images/carport/half_side_horizontal_carport.png');"></div></td>
  523. <td>John Doe</td>
  524. <td>21098876</td>
  525. <td>( 123 ) 456 - 7891</td>
  526. <td>John Doe94@gmail.com</td>
  527. <td>6543</td>
  528. <td>6543</td>
  529. </tr>
  530. </tbody>
  531. </table>
  532. </div>
  533. </div>
  534. </div>
  535. </div><!-- Quote tab -->
  536. <div class="tab-pane" id="myAccount" role="tabpanel">
  537. <div class="container">
  538. <h5 class="price mb-0 py-40">Demos on Location</h5>
  539. <div class="row">
  540. <?php
  541. $pod = pods('product');
  542. $params = array(
  543. "select" => "*, product_roofstyle.name as product_roofstyle_name, product_image.ID"
  544. );
  545. $pod->find($params,$limit=-1);
  546. $pod_data = $pod->data();
  547. foreach ($pod_data as $key => $roofStyleData) { ?>
  548. <div class="col-md-6 col-lg-4 col-xl-3 mb-5">
  549. <div class="bg-white document-holder demo-product">
  550. <div class="doc-bg demo-bg" style="background-image: url('<?php bloginfo('template_url'); ?>/images/carport/open_horizontal_carport.png');">
  551. </div>
  552. <h6 class="mt-4 mb-1"><?php echo $roofStyleData->product_title?></h6>
  553. <span><?php echo $roofStyleData->product_dimension ?></span>
  554. <div class="product-desc">
  555. <?php echo $roofStyleData->product_shortdescription ?>
  556. </div>
  557. <p class="text-danger"><?php echo $roofStyleData->product_price ?></p>
  558. <div class="d-flex justify-content-between mt-3">
  559. <a class="btn btn-danger text-white" data-toggle="modal" data-target="#requestQuoteModal">Request Quote</a>
  560. <a href="" class="btn btn-danger text-white" download>Download</a>
  561. </div>
  562. </div>
  563. </div>
  564. <?php } ?>
  565. </div>
  566. </div>
  567. </div><!-- My Account tab-->
  568. <div class="tab-pane bg-white" id="dealerEditProfile" role="tabpanel">
  569. <div class="dealer-page">
  570. <section class="py-60">
  571. <div class="container">
  572. <h2 class="text-danger text-center dealer-heading">Dealer Details</h2>
  573. <div class="row mb-2">
  574. <div class="form-group col-12 col-md-6">
  575. <label for="dealerUserName">User Name <sup class="text-danger">*</sup></label>
  576. <input type="text" class="form-control" id="dealerUserName" name="dealerUserName" required>
  577. </div>
  578. <div class="form-group col-12 col-md-6">
  579. <label for="dealerBusinessName">Business Name <sup class="text-danger">*</sup></label>
  580. <input type="text" class="form-control" id="dealerBusinessName" name="dealerBusinessName" required>
  581. </div>
  582. <div class="form-group col-12 col-md-6">
  583. <label for="dealerFirstName">First Name <sup class="text-danger">*</sup></label>
  584. <input type="text" class="form-control" id="dealerFirstName" name="dealerFirstName" required>
  585. </div>
  586. <div class="form-group col-12 col-md-6">
  587. <label for="dealerLastName">Last Name <sup class="text-danger">*</sup></label>
  588. <input type="text" class="form-control" id="dealerLastName" name="dealerLastName" required>
  589. </div>
  590. <div class="form-group col-12 col-md-6 mb-md-0">
  591. <label for="dealerPassword">Password <sup class="text-danger">*</sup></label>
  592. <input type="password" class="form-control" id="dealerPassword" name="dealerPassword" required>
  593. </div>
  594. <div class="form-group col-12 col-md-6 mb-md-0">
  595. <label for="dealerConfirmPassword">Confirm Password<sup class="text-danger">*</sup></label>
  596. <input type="password" class="form-control" id="dealerConfirmPassword" name="dealerConfirmPassword" required>
  597. </div>
  598. </div>
  599. </div>
  600. </section>
  601. <hr class="divider my-0">
  602.  
  603. <section class="py-60">
  604. <div class="container">
  605. <h2 class="text-danger text-center dealer-heading">Contact Details</h2>
  606. <div class="row mb-2">
  607. <div class="form-group col-12 col-md-6">
  608. <label for="dealerPhone">Phone<sup class="text-danger">*</sup></label>
  609. <input type="text" class="form-control" id="dealerPhone" name="dealerPhone" maxlength="10" required>
  610. </div>
  611. <div class="form-group col-12 col-md-6">
  612. <label for="dealerAltPhone">Alt Phone<sup class="text-danger">*</sup></label>
  613. <input type="text" class="form-control" id="dealerAltPhone" name="dealerAltPhone" pattern="\d{10}" maxlength="10" required>
  614. </div>
  615. <div class="form-group col-12 col-md-6 mb-md-0">
  616. <label for="dealerEmail">Email <sup class="text-danger">*</sup></label>
  617. <input type="email" class="form-control" id="dealerEmail" name="dealerEmail" required>
  618. <small><input type="checkbox" class="mt-1 mr-2" checked>Please send me emails regarding product information, latest news, and promotional offers.</small>
  619. </div>
  620. <div class="form-group col-12 col-md-6 mb-md-0">
  621. <label for="fax">Fax <sup class="text-danger">*</sup></label>
  622. <input type="text" class="form-control" id="dealerFax" name="fax" pattern="\d{10}" maxlength="10" required>
  623. </div>
  624. </div>
  625. </div>
  626. </section>
  627. <hr class="divider my-0">
  628.  
  629. <section class="py-60">
  630. <div class="container">
  631. <h2 class="text-danger text-center dealer-heading">Physical Address</h2>
  632. <div class="row mb-2">
  633. <div class="form-group col-12 col-md-6">
  634. <label for="pstreetAddress">Street Address<sup class="text-danger">*</sup></label>
  635. <input type="text" class="form-control" id="pstreetAddress" name="pstreetAddress" required>
  636. <p id="pstreetAddress_msg"></p>
  637. </div>
  638. <div class="form-group col-12 col-md-6">
  639. <label for="paddressLine">Address Line 2<sup class="text-danger">*</sup></label>
  640. <input type="text" class="form-control" id="paddressLine" name="paddressLine" required>
  641. <p id="paddressLine_msg"></p>
  642. </div>
  643. <div class="form-group col-12 col-md-6">
  644. <label for="pcity">City <sup class="text-danger">*</sup></label>
  645. <input type="text" class="form-control" id="pcity" name="pcity" required>
  646. <p id="pcity_msg"></p>
  647. </div>
  648. <div class="form-group col-12 col-md-6">
  649. <label for="pstate">State / Province / Region <sup class="text-danger">*</sup></label>
  650. <input type="text" class="form-control" id="pstate" name="pstate" required>
  651. <p id="pstate_msg"></p>
  652. </div>
  653. <div class="form-group col-12 col-md-6 mb-md-0">
  654. <label for="zip">ZIP / Postal Code<sup class="text-danger">*</sup></label>
  655. <input type="text" class="form-control" id="zip" name="zip" maxlength="6">
  656. <p id="zip_msg"></p>
  657. </div>
  658. <div class="form-group col-12 col-md-6 mb-md-0">
  659. <label for="pcountry">Country<sup class="text-danger">*</sup></label>
  660. <select id="pcountry" class="form-control" name="pcountry" style="background-image: url(<?php bloginfo('template_url'); ?>/images/icons/icon_dropdown.svg)">
  661. <option value="1">one</option>
  662. <option value="2">two</option>
  663. </select>
  664. </div>
  665. </div>
  666. </div>
  667. </section>
  668. <hr class="divider my-0">
  669.  
  670. <section class="py-60">
  671. <div class="container">
  672. <h2 class="text-danger text-center dealer-heading">Mailing Address</h2>
  673. <div class="row mb-2">
  674. <div class="form-group col-12 col-md-6">
  675. <label for="mstreetAddress">Street Address<sup class="text-danger">*</sup></label>
  676. <input type="text" class="form-control" id="mstreetAddress" name="mstreetAddress" required>
  677. <p id="mstreetAddress_msg"></p>
  678. </div>
  679. <div class="form-group col-12 col-md-6">
  680. <label for="maddressLine">Address Line 2<sup class="text-danger">*</sup></label>
  681. <input type="text" class="form-control" id="maddressLine" name="maddressLine" required>
  682. <p id="maddressLine_msg"></p>
  683. </div>
  684. <div class="form-group col-12 col-md-6">
  685. <label for="mcity">City <sup class="text-danger">*</sup></label>
  686. <input type="text" class="form-control" id="mcity" name="mcity" required>
  687. <p id="mcity_msg"></p>
  688. </div>
  689. <div class="form-group col-12 col-md-6">
  690. <label for="mstate">State / Province / Region <sup class="text-danger">*</sup></label>
  691. <input type="text" class="form-control" id="mstate" name="mstate">
  692. <p id="mstate_msg" required></p>
  693. </div>
  694. <div class="form-group col-12 col-md-6 mb-md-0">
  695. <label for="mzip">ZIP / Postal Code<sup class="text-danger">*</sup></label>
  696. <input type="text" class="form-control" id="mzip" name="mzip" pattern="\d{6}" maxlength="6">
  697. <p id="mzip_msg"></p>
  698. </div>
  699. <div class="form-group col-12 col-md-6 mb-md-0">
  700. <label for="mcountry">Country<sup class="text-danger">*</sup></label>
  701. <select id="mcountry" class="form-control" name="mcountry" style="background-image: url(<?php bloginfo('template_url'); ?>/images/icons/icon_dropdown.svg)">
  702. <option value="1">one</option>
  703. <option value="2">two</option>
  704. </select>
  705. </div>
  706. </div>
  707. </div>
  708. </section>
  709. <hr class="divider my-0">
  710.  
  711. <section class="py-60">
  712. <div class="container">
  713. <h2 class="text-danger text-center dealer-heading">Company Details</h2>
  714. <div class="row mb-2">
  715. <div class="form-group col-12 col-md-6">
  716. <label for="companyLogo">Company Photo or Logo<sup class="text-danger">*</sup></label>
  717. <input type="file" class="form-control-file" id="companyLogo" aria-describedby="fileHelp" name="companyLogo" required>
  718. </div>
  719. <div class="form-group col-12 col-md-6">
  720. <label for="w9">W9</label>
  721. <input type="file" class="form-control-file" id="w9" aria-describedby="fileHelp" name="w9" required>
  722. <small id="fileHelp" class="form-text text-muted">Accepted file types: pdf.</small>
  723. </div>
  724. </div>
  725. </div>
  726. </section>
  727. <hr class="divider my-0">
  728.  
  729. <section class="py-40">
  730. <div class="container">
  731. <div class="float-right">
  732. <button class="btn btn-grey mr-4 px-4">Reset</button>
  733. <a class="btn btn-danger text-white" href="complete_profile.html">Submit</a>
  734. </div>
  735. </div>
  736. <div class="clearfix"></div>
  737. </section>
  738. <hr class="divider my-0">
  739.  
  740. <section class="py-60">
  741. <div class="container">
  742. <div class="">
  743. Disclaimer:We do not give out individual information such as telephone numbers, addresses, screen names or email addresses, unless specifically authorized to do so or compelled by valid court order.
  744. </div>
  745. </div>
  746. </section>
  747.  
  748. </div><!-- dealer-page -->
  749. </div>
  750. </div>
  751. </div><!-- dealer-loggedin -->
  752.  
  753.  
  754. <?php get_footer(); ?>
Add Comment
Please, Sign In to add comment