xp-dev.com Git - namibia/blob - public/templates/page/publicvaluation.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 <!-- End Google Tag Manager -->
  15 <form id="frmValuationView" action="">
  16         <div class="row-fluid page-title-wrapper">
  17                 <div class="span12">
  18                         <h1>Vehicle</h1>
  19                         <p class="page-title-header">Vehicle details provided below.</p><br>
  20                 </div>
  21         </div>
  22
  23
  24
  25         <div class="row-fluid page-top-forms-wrapper">
  26                 <div id="customerDetailsClick" class="visible-phone mobile-form-headers open">
  27                         <i class="mobile-icon-user"></i>
  28                         <p>
  29                                 <span class="btn-content">
  30                                 </span> Customer details
  31                         </p>
  32                         <i style="float:right;" class="icon-white-arrow-down"></i>
  33
  34                 </div>
  35                 <div id="customerDetails" class="customer-details customer-details-form span4">
  36                         <p id="customerTitle" class="hidden-phone form-header">
  37                                 <i class="icon-user icon-white"></i> Customer details
  38                         </p>
  39                                 <div class="row-fluid">
  40                                         <div class="span12">
  41                                                 <div class="form-horizontal mobile-form-horizontal">
  42                                                         <div class="control-group mobile-control-group" id="[tid]_firstName">
  43                                                                 [firstName]
  44                                                         </div>
  45                                                         <div class="control-group mobile-control-group" id="[tid]_familyName">
  46                                                                 [familyName]
  47                                                         </div>
  48                                                         <div class="control-group mobile-control-group" id="[tid]_idNumber">
  49                                                                 [idNumber]
  50                                                         </div>
  51                                                         <div class="control-group mobile-control-group" id="[tid]_mobile">
  52                                                                 [mobile]
  53                                                         </div>
  54                                                         <div class="control-group mobile-control-group" id="[tid]_email">
  55                                                                 [email]
  56                                                         </div>
  57                                                         <div class="control-group mobile-control-group" id="[tid]_confirmEmail">
  58                                                                 [confirmEmail]
  59                                                     </div>
  60                                                         <div class="control-group mobile-control-group" id="[tid]_region">
  61                                                                 [region]
  62                                                         </div>
  63                                                         <!-- <div class="control-group mobile-control-group " id="[tid]_city">
  64                                                                 [city]
  65                                                         </div> -->
  66                                                         <div class="control-group mobile-control-group" id="[tid]_publicCentre">
  67                                                                 [publicCentre]
  68                                                         </div>
  69                                                         <div class="control-group mobile-control-group" id="[tid]_street">
  70                                                                 [street]
  71                                                         </div>
  72                                                         <div class="control-group mobile-control-group" id="[tid]_requiredPrice">
  73                                                                 [requiredPrice]
  74                                                         </div>
  75                                                 </div>
  76                                 </div>
  77                         </div>
  78                 </div>
  79                 <div class="vehicle-specs-form span8">
  80                         <div id="vehicleSpecificationsClick" class="visible-phone mobile-form-headers open">
  81                                 <i class="mobile-car"></i>
  82                                 <p>
  83                                         <span class="btn-content">
  84                                         </span> Vehicle specifications
  85                                 </p>
  86                                 <i style="float:right;" class="icon-white-arrow-down"></i>
  87                         </div>
  88                         <p class="hidden-phone form-header">
  89                                 <img class="car" src="imgs/car.gif" alt="">
  90                                 <span class="headerImgLable">Vehicle specifications </span>
  91                         </p>
  92                         <div id="vehicleSpecifications" class="form-horizontal mobile-form-horizontal">
  93                                 <div class="row-fluid">
  94                                         <div class="span12">
  95                                                 <div class="span6">
  96                                                         <input type="hidden" id="retailPrice"> <input
  97                                                                 type="hidden" id="tradePrice"> <input type="hidden"
  98                                                                 id="MmCode">
  99                                                         <div class="control-group mobile-control-group"
 100                                                                 id="[tid]_vehicleYear">[vehicleYear]</div>
 101                                                         <div class="control-group mobile-control-group"
 102                                                                 id="[tid]_category">[category]</div>
 103                                                         <div class="control-group mobile-control-group" id="[tid]_make">
 104                                                                 [make]</div>
 105                                                         <div class="control-group mobile-control-group" id="[tid]_model">
 106                                                                 [model]</div>
 107                                                         <div class="control-group mobile-control-group" id="[tid]_type">
 108                                                                 [type]</div>
 109
 110                                                         <div class="control-group mobile-control-group"
 111                                                                 id="[tid]_registrationNumber">[registrationNumber]</div>
 112                                                         <div class="control-group mobile-control-group"
 113                                                                 id="[tid]_fuelType">[fuelType]</div>
 114                                                         <div class="control-group mobile-control-group"
 115                                                                 id="[tid]_transmissionType">[transmissionType]</div>
 116                                                         <div class="control-group mobile-control-group"
 117                                                                 id="[tid]_vinNumber">[vinNumber]</div>
 118                                                         <div class="control-group mobile-control-group"
 119                                                                 id="[tid]_engineNumber">[engineNumber]</div>
 120                                                 </div>
 121                                                 <div class="span6">
 122                                                         <div class="control-group mobile-control-group" id="[tid]_km">
 123                                                                 [km]</div>
 124                                                         <div class="control-group mobile-control-group"
 125                                                                 id="[tid]_condition">[condition]</div>
 126                                                         <div class="control-group mobile-control-group"
 127                                                                 id="[tid]_exteriorColour">[exteriorColour]</div>
 128                                                         <div class="control-group mobile-control-group"
 129                                                                 id="[tid]_interiorColour">[interiorColour]</div>
 130                                                         <div class="control-group mobile-control-group"
 131                                                                 id="[tid]_upholstery">[upholstery]</div>
 132                                                         <div class="control-group mobile-control-group" id="[tid]_papers">
 133                                                                 [papers]</div>
 134                                                         <div class="control-group mobile-control-group" id="[tid]_natis">
 135                                                                 [natis]</div>
 136                                                         <div class="control-group mobile-control-group"
 137                                                                 id="[tid]_spareKeys">[spareKeys]</div>
 138                                                         <div class="control-group mobile-control-group"
 139                                                                 id="[tid]_fullServiceHistory">[fullServiceHistory]</div>
 140
 141                                                         <div class="span12" style="margin-left:0px;">
 142                                                                 <div class="control-group "
 143                                                                         id="[tid]_fshNotes">[fshNotes]
 144                                                                 </div>
 145                                                         </div>
 146                                                 </div>
 147                                         </div>
 148                                 </div>
 149                         </div>
 150                 </div>
 151         </div>
 152
 153
 154
 155
 156
 157         <div class="row-fluid page-middle-forms-wrapper">
 158                 <div class="damages-form span4">
 159                         <div id="damagesClick" class="visible-phone mobile-form-headers open">
 160                                 <p>
 161                                         <i class="mobile-bomb"></i>
 162                                         <span class="btn-content">
 163                                         </span> Damages
 164                                 </p>
 165                                 <i style="float:right;" class="icon-white-arrow-down"></i>
 166                         </div>
 167                         <p class="hidden-phone form-header">
 168                                 <img class="bomb" src="imgs/bomb.gif" alt="">
 169                                 <span class="headerImgLableBomb">Damages </span>
 170                         </p>
 171
 172                                 <div class="form-horizontal mobile-form-horizontal damages">
 173                                                 <div class="row-fluid">
 174                                                         <div class="span12">
 175
 176                                                         <p>
 177                                                                 Does your vehicle have any damages that has not been fixed yet?
 178                                                                 <!--   Please tick the appropriate category/ies and comment below.-->
 179                                                         </p>
 180                                                         <span id="[tid]_damages">
 181                                                                         [damages]
 182                                                         </span><br/>
 183                                                         <p>
 184                                                         <div class="span12" style="margin-left:0px;">
 185                                                                 <span id="[tid]_damageNotes"> [damageNotes] </span>
 186                                                         </div>
 187                                                         </p>
 188                                                         <div class="hidden-phone hidden-tablet">
 189                                                         <br/>&nbsp;<br/>&nbsp;
 190                                                         </div>
 191                                                         <br/>&nbsp;
 192                                                         <p>
 193                                                                 <!--  Does your vehicle have any previous repairs?-->
 194                                                                 Has your vehicle had any previous repairs?<br>
 195                                                                 Please tick the box if "Yes" and comment below.
 196                                                                 <br/>&nbsp;
 197                                                         </p>
 198
 199                                                         <div class="control-group mobile-control-group"
 200                                                                 id="[tid]_previousRepairsNoted">[previousRepairsNoted]
 201                                                         </div>
 202                                                         <div class="span12" style="margin-left:0px;">
 203                                                                 <div class="control-group "
 204                                                                         id="[tid]_previousRepairsNotes">[previousRepairsNotes]
 205                                                                 </div>
 206                                                         </div>
 207
 208                                                 </div>
 209                                         </div>
 210                                 </div>
 211                 </div>
 212                 <div class="accessories-form span4">
 213                         <div id="accessoriesClick" class="visible-phone mobile-form-headers open">
 214                                         <i class="mobile-headphones"></i>
 215                                 <p>
 216                                         <span class="btn-content">
 217                                         </span> Accessories
 218                                 </p>
 219                                 <i style="float:right;" class="icon-white-arrow-down"></i>
 220                         </div>
 221                         <p class="hidden-phone form-header">
 222                                 <img class="headphones" src="imgs/headphones.gif" alt="">
 223                                 <span class="headerImgLableHeadphones">Accessories </span>
 224                         </p>
 225                         <div class="form-horizontal mobile-form-horizontal accessories">
 226                                 <div class="row-fluid">
 227                                         <div class="span12">
 228                                                 <span id="[tid]_accessories"> [accessories] </span>
 229                                                 <div class="span12" style="margin-left:0px;">
 230                                                         <div class="comment-box" id="[tid]_accessoryNotes">
 231                                                                 [accessoryNotes]
 232                                                         </div>
 233                                                 </div>
 234                                         </div>
 235                                 </div>
 236                         </div>
 237
 238                 </div>
 239                 <div class="photos-form span4">
 240                         <div id="photosClick" class="visible-phone mobile-form-headers open">
 241                                 <i class="mobile-camera"></i>
 242                                 <p>
 243                                         <span class="btn-content">
 244                                         </span> Photos
 245                                 </p>
 246                                 <i style="float:right;" class="icon-white-arrow-down"></i>
 247                         </div>
 248                         <p class="hidden-phone form-header">
 249                                 <img class="camera" src="imgs/camera.gif" alt="">
 250                                 <span class="headerImgLableCamera">Photos </span>
 251                         </p>
 252                         <div id="photos" class="form-horizontal mobile-form-horizontal left-and-right-side">
 253                                 <div class="row-fluid">
 254                                         <div class="span12">
 255                                                 <p class="instruction-paragraph mobile-instruction-paragraph"> Click on the image to upload at least 2 photos.<br/>&nbsp;
 256                                                         <span class="visible-phone" style="font-size:10px; line-height:10px;" >(If your mobile device's operating system does not support uploading images,
 257                                                         Submit Vehicle Details and a Bid4Cars staff member will be in touch to get the required images)</span>
 258                                                 </p>
 259                                                 <div class="column-left">
 260                                                         <span id="[tid]_mainImage">[mainImage]</span>
 261                                                         <span id="[tid]_leftImage">[leftImage]</span>
 262                                                         <span id="[tid]_backImage">[backImage]</span>
 263                                                         <span id="[tid]_engineImage">[engineImage]</span>
 264                                                 </div>
 265                                                 <div class="column-left">
 266                                                         <span id="[tid]_frontImage">[frontImage]</span>
 267                                                         <span id="[tid]_rightImage">[rightImage]</span>
 268                                                         <span id="[tid]_interiorImage">[interiorImage]</span>
 269                                                         <span id="[tid]_natisImage">[natisImage]</span>
 270                                                 </div>
 271                                         </div>
 272                                 </div>
 273                         </div>
 274
 275                 </div> <!-- // photo's end here -->
 276
 277
 278
 279
 280         </div>
 281
 282         <div class="row-fluid">
 283                 <div class="span4 offset4">
 284
 285                                 <div class="control-group mobile-control-group" id="0_previousRepairsNoted">
 286
 287                                         <label class="checkbox checkbox-line">
 288                                                 <input type="checkbox" id="terms" value="">
 289                                                 <span class="styled-checkbox"></span>
 290                                                 <!--   <a href="/documents/Registration_Terms_and_Conditions.pdf" target="_blank">terms and conditions</a> -->
 291                                                 <span class="acceptText">
 292                                                         I accept the <a style="color:#08c;" href="/documents/Legal_Notice_v2.pdf" title="" target="_blank">terms &amp; conditions</a> of this submission.
 293                                                 </span>
 294                                         </label>
 295                                         <span class="acceptTextIE" style="display:none;">
 296                                                         I accept the <a style="color:#08c;" href="/documents/Legal_Notice_v2.pdf" title="" target="_blank">terms &amp; conditions</a> of this submission.
 297                                                 </span>
 298
 299
 300                                 </div>
 301                                 <button type="button" id="btnSaveNewValuation" class="offset2 btn btn-success save-and-send-btn">
 302                                         Submit Vehicle Details
 303                                 </button><br/><br/>
 304
 305                 </div>
 306         </div>
 307
 308         <div class="row-fluid">&nbsp;</div>
 309
 310 </form>