xp-dev.com Git - namibia/blob - public/templates/page/customervaluation.html

   1 <script>
   2     dataLayer = [];
   3 </script>
   4 <!-- Google Tag Manager -->
   5 <noscript>
   6     <iframe src="//www.googletagmanager.com/ns.html?id=GTM-PQWKM6" height="0" width="0" style="display:none;visibility:hidden"></iframe>
   7 </noscript>
   8 <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
   9         new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  10         j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  11         '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  12 })(window,document,'script','dataLayer','GTM-PQWKM6');
  13 </script>
  14
  15 <!-- End Google Tag Manager -->
  16 <form id="frmCustomerValuationView" action="">
  17     <div >
  18         <div class="wizardDiv">
  19
  20             <div class="wizard" data-initialize="wizard" data-restrict="next" id="myWizard">
  21
  22                 <div class="step-content">
  23                     <div class="steps-container">
  24                         <ul class="steps">
  25                             <li data-step="1" data-name="campaign" class="active"><span class="badge">1</span>How much for my car?<span class="chevron"></span></li>
  26                             <li data-step="2"><span class="badge">2</span>Vehicle specifications<span class="chevron"></span></li>
  27                             <li data-step="3"><span class="badge">3</span>Customer details<span class="chevron"></span></li>
  28                             <li data-step="4"><span class="badge">4</span>Confirmation<span class="chevron"></span></li>
  29                         </ul>
  30                     </div>
  31
  32                     <div class="step-pane active" data-step="1">
  33                         <br>
  34                         <center><h2 style="color:white;margin-top:40px!important;">How much for my car?</h2></center>
  35                         <br>
  36                         <div class="row-fluid">
  37                             <div class="span12">
  38                                 <div class="span4 offset1 boxed" >
  39                                     <div class="span12">
  40                                         <input type="hidden" id="retailPrice">
  41                                         <input type="hidden" id="tradePrice">
  42                                         <input type="hidden" id="listPrice">
  43                                         <input type="hidden" id="mmCode">
  44                                         <a href="#" id="refresh" onclick="location.reload();">Empty Dropdowns? Click Here...</a><img width="15" height="10" src="/images/an_arrow.gif">
  45                                         <br><br>
  46                                         <div class="control-group mobile-control-group" id="[tid]_vehicleYear">[vehicleYear]</div>
  47                                         <div class="control-group mobile-control-group" id="[tid]_category">[category]</div>
  48                                         <div class="control-group mobile-control-group" id="[tid]_make">[make]</div>
  49                                         <div class="control-group mobile-control-group" id="[tid]_model">[model]</div>
  50                                         <div class="control-group mobile-control-group" id="[tid]_type">[type]</div>
  51                                     </div>
  52                                 </div>
  53                                 <div class="span7">
  54                                     <div class="span12">
  55                                         <ul class="square highlighted" >
  56                                             <li>
  57                                                 <p>By loading my car onto WePay4Cars I accept the <a href="/documents/t_c_7Sept16.pdf" target="_blank" title="">Terms &amp; Conditions</a> of submission.</p>
  58                                             </li>
  59                                             <li>
  60                                                 <p>The Offer received is dependent on the information submitted, therefore any discrepancies identified e.g., incorrect vehicle year, model, type or condition will lead to the Offer being revised accordingly.</p>
  61                                             </li>
  62                                             <li>
  63                                                 <p>You are not guaranteed your <b>Requested Price</b> but you will receive the best possible trade price on your car.</p>
  64                                             </li>
  65                                             <li>
  66                                                 <p>Offers are only valid for 7 days.</p>
  67                                             </li>
  68                                             <li>
  69                                                 <p>All Offers are subject to a final inspection by one of our representatives.</p>
  70                                             </li>
  71                                         </ul>
  72                                     </div>
  73                                 </div>
  74                             </div>
  75                         </div>
  76                         <div class="row-fluid">
  77                             <div class="span12">
  78                                 <button type="button" id="btnContinue1" class="offset1 btn btn-success span2 pull-right" style="padding: 20px;">
  79                                     Continue
  80                                 </button>
  81                             </div>
  82                         </div>
  83                     </div>
  84                     <div class="step-pane" data-step="2">
  85                         <br>
  86                         <center><h2 style="color:white;margin-top:40px!important;" >Vehicle specifications</h2></center>
  87                         <br>
  88                         <div class="row-fluid">
  89                             <div class="span12">
  90                                 <div class="span4 offset1 boxed">
  91                                     <div class="span12">
  92                                         <div class="control-group mobile-control-group" id="[tid]_registrationNumber">[registrationNumber]</div>
  93                                         <div class="control-group mobile-control-group" id="[tid]_km">[km]</div>
  94                                         <div class="control-group mobile-control-group" id="[tid]_fullServiceHistory">[fullServiceHistory]</div>
  95                                         <div class="control-group mobile-control-group" id="[tid]_fuelType">[fuelType]</div>
  96                                         <div class="control-group mobile-control-group" id="[tid]_transmissionType">[transmissionType]</div>
  97                                     </div>
  98                                 </div>
  99                                 <div class="span7">
 100                                     <div class="span12">
 101                                         <ul class="square highlighted" >
 102                                             <li>
 103                                                 <p>By loading my car onto WePay4Cars I accept the <a href="/documents/t_c_7Sept16.pdf" target="_blank" title="">Terms &amp; Conditions</a> of submission.</p>
 104                                             </li>
 105                                             <li>
 106                                                 <p>The Offer received is dependent on the information submitted, therefore any discrepancies identified e.g., incorrect vehicle year, model, type or condition will lead to the Offer being revised accordingly.</p>
 107                                             </li>
 108                                             <li>
 109                                                 <p>You are not guaranteed your <b>Requested Price</b> but you will receive the best possible trade price on your car.</p>
 110                                             </li>
 111                                             <li>
 112                                                 <p>Offers are only valid for 7 days.</p>
 113                                             </li>
 114                                             <li>
 115                                                 <p>All Offers are subject to a final inspection by one of our representatives.</p>
 116                                             </li>
 117                                         </ul>
 118                                     </div>
 119                                 </div>
 120                             </div>
 121                         </div>
 122                         <div class="row-fluid">
 123                             <div class="span12">
 124                                 <button type="button" id="btnContinue2" class="offset1 btn btn-success span2 pull-right" style="padding: 20px;">
 125                                     Continue
 126                                 </button>
 127                                 <button type="button" class="btn btn-primary span2 pull-left btn-prev" style="padding: 20px;">
 128                                     Previous
 129                                 </button>
 130                             </div>
 131                         </div>
 132                     </div>
 133                     <div class="step-pane" data-step="3">
 134                         <br>
 135                         <center><h2 style="color:white;margin-top:40px!important;" >Customer details</h2></center>
 136                         <br>
 137                         <div class="row-fluid">
 138                             <div class="span12">
 139                                 <div class="span5 offset1 boxed">
 140                                     <div class="span12">
 141                                         <div class="control-group mobile-control-group" id="[tid]_firstName">
 142                                             [firstName]
 143                                         </div>
 144                                         <div class="control-group mobile-control-group" id="[tid]_familyName">
 145                                             [familyName]
 146                                         </div>
 147                                         <div class="control-group mobile-control-group" id="[tid]_mobile">
 148                                             [mobile]
 149                                         </div>
 150                                         <div class="control-group mobile-control-group" id="[tid]_email">
 151                                             [email]
 152                                         </div>
 153                                         <div class="control-group mobile-control-group" id="[tid]_confirmEmail">
 154                                             [confirmEmail]
 155                                         </div>
 156                                     </div>
 157                                 </div>
 158                                 <div class="span5 boxed">
 159
 160                                     <div class="control-group mobile-control-group" id="[tid]_region">
 161                                         [region]
 162                                     </div>
 163                                     <!--<div class="control-group mobile-control-group " id="[tid]_city">-->
 164                                         <!--[city]-->
 165                                     <!--</div>-->
 166                                     <div class="control-group mobile-control-group" id="[tid]_publicCentre">
 167                                         [publicCentre]
 168                                     </div>
 169                                     <div class="control-group mobile-control-group" id="[tid]_requiredPrice">
 170                                         [requiredPrice]
 171                                     </div>
 172                                  </div>
 173                             </div>
 174                         </div>
 175                         <div class="row-fluid">
 176                             <div class="span12">
 177                                 <button type="button" id="btnContinue3" class="offset1 btn btn-success span2 pull-right" style="padding: 20px;">
 178                                     Continue
 179                                 </button>
 180                                 <button type="button" class="btn btn-primary span2 pull-left btn-prev" style="padding: 20px;">
 181                                     Previous
 182                                 </button>
 183                             </div>
 184                         </div>
 185                     </div>
 186                     <div class="step-pane" data-step="4">
 187                         <br>
 188                         <center><h2 style="color:white;margin-top:40px!important;" >Your valuation summary details</h2></center>
 189                         <br>
 190
 191                         <div class="row-fluid">
 192                             <div class="span12 boxed">
 193                                 <div class="span12">
 194                                     <div class="span12 offset1">
 195                                         <div id="confirmationOfInfo"></div>
 196                                     </div>
 197                                 </div>
 198                             </div>
 199
 200                             <br><br><br>
 201
 202                             <div class="span12 offset3 ">
 203                                 <div class="control-group mobile-control-group" >
 204                                     <label class="checkbox checkbox-line highlighted">
 205                                         <input type="checkbox" id="terms" value="">
 206                                         <span class="styled-checkbox"></span>
 207                                         <!--   <a href="/documents/Registration_Terms_and_Conditions.pdf" target="_blank">terms and conditions</a> -->
 208                                                     <span class="acceptText">
 209                                                         I accept the <a style="color:#08c;" href="/documents/t_c_7Sept16.pdf" title="" target="_blank">terms &amp; conditions</a> of this submission.
 210                                                     </span>
 211                                     </label>
 212                                                 <span class="acceptTextIE" style="display:none;">
 213                                                     I accept the <a style="color:#08c;" href="/documents/t_c_7Sept16.pdf" title="" target="_blank">terms &amp; conditions</a> of this submission.
 214                                                 </span>
 215                                 </div>
 216                             </div>
 217                         </div>
 218                         <div class="row-fluid">
 219                             <div class="span12">
 220                                 <button type="button" id="btnContinue4" class="offset1 btn btn-success span2 pull-right" style="padding: 20px;">
 221                                     Submit
 222                                 </button>
 223                                 <button type="button" class="btn btn-primary span2 pull-left btn-prev" style="padding: 20px;">
 224                                     Previous
 225                                 </button>
 226                             </div>
 227                         </div>
 228                     </div>
 229                 </div>
 230
 231
 232                 <div class="actions" style="display: none">
 233                     <button type="button" class="btn btn-default btn-prev"><span
 234                             class="glyphicon glyphicon-arrow-left"></span>&nbsp;</button>
 235                     <button type="button" class="btn btn-default btn-next" data-last=" ">&nbsp;<span
 236                             class="glyphicon glyphicon-arrow-right"></span></button>
 237                 </div>
 238             </div>
 239
 240
 241             <div class="row-fluid">&nbsp;</div>
 242         </div>
 243
 244
 245     </div>
 246
 247 </form>