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

   1
   2         <form id="frmHistoryView" action="">
   3                 <br/><br/>
   4                 <div class="row-fluid page-middle-forms-wrapper">
   5                         <div class="vehicle-specs-form span10 offset1">
   6                                         <button type="button" onClick="window.history.back();" class="backBtn btn pull-right">Back</button>
   7                         </div>
   8                         <div class="vehicle-specs-form span10 offset1">
   9                                 <p class="hidden-phone form-header"><img class="car" src="imgs/car.gif" alt="">Vehicle specifications</p>
  10                                 <div class="form-horizontal box-shadow">
  11                                         <div class="row-fluid">
  12
  13                                         <!--  Vehicle Details Mobi -->
  14                                         <div id="vehicleDetailsClick" class="visible-phone mobile-form-headers open">
  15                                                 <i class="mobile-car"></i>
  16                                                 <p>
  17                                                         <span class="btn-content">
  18                                                         </span> Vehicle Details
  19                                                 </p>
  20                                                 <i style="float:right;" class="icon-white-arrow-down"></i>
  21                                         </div>
  22                                         <!--  Vehicle Details Mobi to here -->
  23
  24
  25                                                 <div class="span9 bid-details">
  26                                         <!-- Adding a wrapper -->
  27                                         <div id="vehicleDetails" class="vehicle-details vehicle-details-form ">
  28                                                         <div class="row-fluid">
  29                                                                 <div class="span12">
  30                                                                         <span id="[tid]_vehicle">[vehicle]</span>
  31                                                                         <hr class="grey">
  32                                                                 </div>
  33                                                         </div>
  34                                                         <div class="row-fluid">
  35                                                                 <div class="span9">
  36                                                                         <span id="[tid]_seller">[seller]</span>
  37                                                                 </div>
  38                                                                 <div class="span3 bid-emai-seller-button">
  39                                                                         <button type="button" onClick="$('#dropCmp3').slideToggle();" class="btn pull-right">
  40                                                                                 Email the Seller
  41                                                                         </button>
  42                                                                 </div>
  43                                                         </div>
  44                                                         <div class="row-fluid">
  45                                                                         <hr class="red">
  46                                                         </div>
  47                                         </div>
  48                                         <!-- wrapper to here -->
  49                                                         <div class="row-fluid">
  50                                         <!-- Adding a wrapper -->
  51                                         <div id="vehicleDetails2">
  52                                                                 <div class="photos-form span4 bid-details-photos">
  53                                                                         <div class="row-fluid">
  54                                                                                 <div class="span12 bidMainImage">
  55                                                                                         <span id="[tid]_bidImgMain">[bidImgMain]</span>
  56                                                                                 </div>
  57                                                                         </div>
  58                                                                         <div id="gal1">
  59                                                                                 <div id="tS1" class="jThumbnailScroller">
  60                                                                                         <div class="jTscrollerContainer">
  61                                                                                                 <div class="jTscroller">
  62                                                                                                         [mainImage]
  63                                                                                                         [frontImage]
  64                                                                                                         [leftImage]
  65                                                                                                         [rightImage]
  66                                                                                                         [backImage]
  67                                                                                                         [interiorImage]
  68                                                                                                         [engineImage]
  69                                                                                                         [natisImage]
  70                                                                                                 </div>
  71                                                                                         </div>
  72                                                                                         <a href="#" class="jTscrollerPrevButton"></a>
  73                                                                                         <a href="#" class="jTscrollerNextButton"></a>
  74                                                                                 </div>
  75                                                                         </div>
  76                                                                         <div class="row-fluid">
  77                                                                             <div class="span12 bid-view-t-c">
  78                                                                                 <br><br>
  79                                                                                         <p>
  80                                                                                         The reconditioning expenses are, to the best of the Seller's knowledge and belief, accurate and the amounts quoted are reasonably market related.
  81                                                                                         <Br><Br>
  82                                                                                         In this regard the Purchaser's attention is drawn to the provisions of clauses 8.3 and 9 of the Conditions of Sale (PART 3)
  83                                                                                         </p>
  84                                                                                 </div>
  85                                                                         </div>
  86                                                                 </div>
  87                                                 </div>
  88                                                 <!-- wrapper to here -->
  89
  90                                                 <!--  Vehicle pecifications Mobi -->
  91                                                 <div id="vehicleSpecificationsClick" class="visible-phone mobile-form-headers open">
  92                                                         <i class="mobile-car"></i>
  93                                                         <p>
  94                                                                 <span class="btn-content">
  95                                                                 </span> Vehicle specifications
  96                                                         </p>
  97                                                         <i style="float:right;" class="icon-white-arrow-down"></i>
  98                                                 </div>
  99                                                 <!--  Vehicle specifications Mobi to here -->
 100
 101                                                                 <div class="vehicle-specs-form span8 bid-view-table">
 102                                                                         <div class="form-horizontal left-and-right-side specs span12">
 103                                                                                 <div class="control-group-wrapper mobile-control-group-wrapper">
 104                                                                                         <input type="hidden" id="retailPrice">
 105                                                                                         <input type="hidden" id="tradePrice">
 106                                             <input type="hidden" id="listPrice">
 107
 108                                                 <!-- Adding a vehicleSpecifications wrapper -->
 109                                                 <div id="vehicleSpecifications">
 110
 111                                                                                         <div class="row_even">
 112                                                                                                 <div class="one control-group mobile-control-group" id="[tid]_fuelType">
 113                                                                                                         [fuelType]
 114                                                                                             </div>
 115
 116                                                                                             <div class="two control-group mobile-control-group" id="[tid]_interiorColour">
 117                                                                                                         [interiorColour]
 118                                                                                         </div>
 119                                                                                 </div>
 120                                                                                     <div class="row_odd">
 121                                                                                             <div class="one control-group mobile-control-group" id="[tid]_transmissionType">
 122                                                                                                         [transmissionType]
 123                                                                                             </div>
 124                                                                                         <div class="two control-group mobile-control-group" id="[tid]_upholstery">
 125                                                                                                 [upholstery]
 126                                                                                         </div>
 127                                                                                     </div>
 128                                                                                     <div class="row_even">
 129                                                                                             <div class="one control-group mobile-control-group" id="[tid]_vinNumber">
 130                                                                                                         [vinNumber]
 131                                                                                             </div>
 132                                                                                             <div class="two control-group mobile-control-group" id="[tid]_papers">
 133                                                                                                         [papers]
 134                                                                                             </div>
 135                                                                                     </div>
 136                                                                                         <div class="row_odd">
 137                                                                                                 <div class="one control-group mobile-control-group" id="[tid]_engineNumber">
 138                                                                                                         [engineNumber]
 139                                                                                             </div>
 140                                                                                             <div class="two control-group mobile-control-group" id="[tid]_natis">
 141                                                                                                         [natis]
 142                                                                                             </div>
 143                                                                                         </div>
 144                                                                                     <div class="row_even">
 145                                                                                             <div class="one control-group mobile-control-group" id="[tid]_km">
 146                                                                                                         [km]
 147                                                                                             </div>
 148                                                                                             <div class="two control-group mobile-control-group" id="[tid]_spareKeys">
 149                                                                                                         [spareKeys]
 150                                                                                             </div>
 151                                                                                 </div>
 152                                                                                     <div class="row_odd">
 153                                                                                             <div class="one control-group mobile-control-group" id="[tid]_condition">
 154                                                                                                         [condition]
 155                                                                                             </div>
 156                                                                                             <div class="two control-group mobile-control-group" id="[tid]_fullServiceHistory">
 157                                                                                                         [fullServiceHistory]
 158                                                                                             </div>
 159                                                                                     </div>
 160                                                                                     <div class="row_even xtraborder">
 161                                                                                             <div class="one control-group mobile-control-group" id="[tid]_exteriorColour">
 162                                                                                                         [exteriorColour]
 163                                                                                             </div>
 164                                                                                         </div>
 165                                                                                     <div class="row_wrapper">
 166                                                                                         <div class="row_odd">
 167                                                                                                 <div class="control-group mobile-control-group" id="[tid]_fshNotes_title">[fshNotes_title]</div>
 168                                                                                         </div>
 169                                                                                     </div>
 170                                                                                         <div class="row_even fshdata">
 171                                                                                                 <div class="control-group mobile-control-group" id="[tid]_fshNotes_data">[fshNotes_data]</div>
 172                                                                                     </div>
 173
 174
 175                                                                 </div>
 176                                                                 <!-- vehicleSpecifications wrapper to here -->
 177
 178                                                                 <!--  Vehicle Damages Mobi -->
 179                                                                 <div id="vehicleDamagesClick" class="visible-phone mobile-form-headers row open">
 180                                                                         <i class="mobile-car"></i>
 181                                                                         <p>
 182                                                                                 <span class="btn-content">
 183                                                                                 </span> Damages
 184                                                                         </p>
 185                                                                         <i style="float:right;" class="icon-white-arrow-down"></i>
 186                                                                 </div>
 187                                                                 <!--  Vehicle Damages Mobi to here -->
 188
 189                                                                 <!-- Adding a Damages wrapper -->
 190                                                                 <div id="vehicleDamages">
 191                                                                                     <div class="row_red">
 192                                                                                             <div class="one control-group mobile-control-group" id="">
 193                                                                                                         Damages
 194                                                                                             </div>
 195                                                                                             <div class="two control-group mobile-control-group hidden-phone hidden-tablet" id="">
 196                                                                                                         Accessories
 197                                                                                         </div>
 198                                                                                 </div>
 199                                                                                         <div class="div-striped control-group-wrapper mobile-control-group-wrapper">
 200                                                                                                 <span id="[tid]_damages">
 201                                                                                                         [damages]
 202                                                                                                 </span>
 203                                                                                         </div>
 204                                                                                         <div style="float:right;" class="div-striped control-group-wrapper mobile-control-group-wrapper hidden-phone hidden-tablet">
 205                                                                                                 <span id="[tid]_accessories">
 206                                                                                                         [accessories]
 207                                                                                                 </span>
 208                                                                                         </div>
 209                                                                                         <div class="row_even xtraborder">
 210                                                                                                 <div class="damageTotal control-group mobile-control-group" id="[tid]_damageTotal">
 211                                                                                                         [damageTotal]
 212                                                                                                 </div>
 213                                                                                         </div>
 214                                                                                         <div class="row_even">
 215                                                                                                 <div class="damageNotes_title control-group mobile-control-group" id="[tid]_damageNotes_title">
 216                                                                                                         [damageNotes_title]
 217                                                                                                 </div>
 218                                                                                                 <div class="accessoryNotes_title control-group mobile-control-group hidden-phone hidden-tablet" id="[tid]_accessoryNotes_title">
 219                                                                                                         [accessoryNotes_title]
 220                                                                                                 </div>
 221                                                                                         </div>
 222                                                                                         <div class="row_even">
 223                                                                                                 <div class="damageNotes_data control-group mobile-control-group" id="[tid]_damageNotes_data">
 224                                                                                                         [damageNotes_data]
 225                                                                                                 </div>
 226                                                                                                 <div class="accessoryNotes_data control-group mobile-control-group hidden hidden-phone hidden-tablet" id="[tid]_accessoryNotes_data ">
 227                                                                                                         [accessoryNotes_data]
 228                                                                                                 </div>
 229                                                                                                  <div style="float:right;"  class="accessoryNotes_data control-group mobile-control-group hidden-phone hidden-tablet" id="[tid]_accessoryNew">
 230                                                                                                         [accessoryNew]
 231                                                                                             </div>
 232                                                                                         </div>
 233                                                                                         <div class="row_odd xtraborder">
 234                                                                                         <div class="previousRepairsNoted_title control-group mobile-control-group" id="[tid]_previousRepairsNoted">
 235                                                                                                         [previousRepairsNoted]
 236                                                                                                  </div>
 237                                                                                         </div>
 238
 239                                                                                         <div class="row_odd">
 240                                                                                                 <div class="previousRepairsNotes_title control-group mobile-control-group" id="[tid]_previousRepairsNotes_title">
 241                                                                                                                 [previousRepairsNotes_title]
 242                                                                                                         </div>
 243                                                                                         </div>
 244                                                                                         <div class="row_even">
 245                                                                                                 <div class="previousRepairsNotes_data control-group mobile-control-group" id="[tid]_previousRepairsNotes_data">
 246                                                                                                                 [previousRepairsNotes_data]
 247                                                                                                         </div>
 248                                                                                         </div>
 249                                                                                 </div>
 250
 251                                                                 </div>
 252                                                                 <!-- Damages wrapper to here -->
 253
 254
 255
 256                                                                     <!--  New HPI Report Here -->
 257                                                                     <div class="HPIhide">
 258                                                                     <div class="row-fluid hidden-phone" style="display: block;">&nbsp;</div>
 259                                                                     <div class="hpiReport" style="display:block;">
 260
 261                                                                             <div class="control-group mobile-control-group row-fluid" style="display: block;" id="test">
 262                                                                                         <div class="row_red">TransUnion HPI (Accident) Report</div>
 263                                                                                         <div class="control-group mobile-control-group row-fluid" style="display: block;border:1px solid #d3d3d3;" id="">
 264                                                                                                 <div class="control-group mobile-control-group span6" style="padding-left:10px; padding-top:13px;">Last date requested:</div>
 265                                                                                                 <div class="control-group mobile-control-group span6" style="padding-left:10px;border-left:1px solid #d3d3d3; padding-top:13px;">
 266                                                                                                         <div id="tuhpiDate"  class="span9">Not requested yet.</div>
 267                                                                                                         <div class="span3"><button id="downloadTuhpi" class="btn pull-right span12" type="button" style="display: none; margin:-5px 0 0 0;">view</button></div>
 268                                                                                                 </div>
 269                                                                                 </div>
 270                                                                                 </div>
 271                                                                         </div>
 272                                                                         </div>
 273
 274
 275
 276
 277
 278                                                                         </div>
 279                                                                 </div>
 280                                                         </div>
 281                                                 </div>
 282
 283
 284                                                 <!--  Accessories Mobi -->
 285                                                 <div class="visible-phone">
 286                                                 <div id="vehicleAccessoriesClick" class=" mobile-form-headers open">
 287                                                         <i class="mobile-car"></i>
 288                                                         <p>
 289                                                                 <span class="btn-content">
 290                                                                 </span> Accessories
 291                                                         </p>
 292                                                         <i style="float:right;" class="icon-white-arrow-down"></i>
 293                                                 </div>
 294                                                 <!--  Vehicle Accessories Mobi to here -->
 295
 296                                                 <!-- Adding a Accessories wrapper -->
 297                                                 <div id="accessoriesMobiOpen" class="visible-phonexx ">
 298                                                         <div class="span12 bid-view-bid">
 299
 300                                                                 <div class="">
 301                                                                         <span id="[tid]_accessoriesMobi">
 302                                                                                 [accessoriesMobi]
 303                                                                         </span>
 304                                                                 </div>
 305                                                                 <div class="accessoryNotes_dataMobi">
 306                                                                         <div class="" id="[tid]_accessoryNotes_dataMobi">
 307                                                                                 [accessoryNotes_dataMobi]
 308                                                                         </div>
 309                                                                 </div>
 310                                                                 <div class="accessoryNotes_titleMobi">
 311                                                                         <div class="" id="[tid]_accessoryNotes_titleMobi">
 312                                                                                 [accessoryNotes_titleMobi]
 313                                                                         </div>
 314                                                                 </div>
 315                                                                 <div class="accessoryNotesMobi">
 316                                                                         <div class="hidden" id="[tid]_accessoryNotesMobi ">
 317                                                                                 [accessoryNotesMobi]
 318                                                                         </div>
 319                                                                          <div class="" id="[tid]_accessoryNewMobi">
 320                                                                                                         [accessoryNewMobi]
 321                                                                         </div>
 322                                                                 </div>
 323                                                         </div>
 324
 325                                                 </div>
 326                                                 </div>
 327                                                 <!--  Vehicle Bid Box Mobi -->
 328                                                 <div id="vehicleBidBoxClick" class="visible-phone mobile-form-headers open">
 329                                                         <i class="mobile-car"></i>
 330                                                         <p>
 331                                                                 <span class="btn-content">
 332                                                                 </span> Bid Box
 333                                                         </p>
 334                                                         <i style="float:right;" class="icon-white-arrow-down"></i>
 335                                                 </div>
 336                                                 <!--  Vehicle Bid Box Mobi to here -->
 337
 338                                                 <!-- Adding a Bid Box wrapper -->
 339                                                 <div id="vehicleBidBox">
 340                                                 <div class="span3 bid-view-bid">
 341                                                         <div id="dropCmp3" class="well well-small well-dark dropSlide hide">
 342                                                                 <div class="control-group mobile-control-group" id="[tid]_question">
 343                                                                         [question]
 344                                                             </div>
 345                                                             <button type="button" class="btn btn-success pull-right" id="btnAskQuestion">Submit question</button>
 346                                                             &nbsp;<br/>&nbsp;
 347                                                         </div>
 348                                                         <div class="control-group-wrapper mobile-control-group-wrapper">
 349                                                                 <div style="margin-top:10px;">
 350                                                                 <div class="control-group mobile-control-group" id="[tid]_mmCode">
 351                                                                         [mmCode]
 352                                                             </div>
 353                                                             </div>
 354                                                                 <div style="margin-top:8px;">
 355                                                                 <div>
 356                                                                 <div class="control-group mobile-control-group" id="[tid]_infTradePrice" style="text-align:center;">
 357                                                                         [infTradePrice]
 358                                                             </div>
 359                                                                 <div class="control-group mobile-control-group" id="[tid]_infRetailPrice" style="text-align:center;">
 360                                                                         [infRetailPrice]
 361                                                                 </div>
 362                                 <div class="control-group mobile-control-group" id="[tid]_infListPrice" style="text-align:center;">
 363                                     [infListPrice]
 364                                 </div>
 365                                                                 </div>
 366                                                         </div>
 367                                                         <div id="winningBid" class="row-fluid hide">
 368                                                                 <div class="select-valuator span12 pad7 bidbox">
 369                                                                         <p><b>You currently have the winning bid on this vehicle.</b></p>
 370                                                                 </div>
 371                                                         </div>
 372                                                         <div id="bidSection" class="bidbox hide">
 373                                                                 <div class="form-horizontal">
 374                                                                         <h1>Bid box</h1>
 375                                                                         <button id="btnAddToBasket" class="btn addtobasketbtn hidden-phone" type="button" disabled>
 376                                                                                 <i class="icon-export"></i>
 377                                                                                 Add to basket
 378                                                                         </button>
 379                                                                         <div class="nextBid control-group">
 380                                                                                 <b>Next bid:</b>
 381                                                                         </div>
 382                                                                         <div class="well btn-marg">
 383                                                                                 <span id="[tid]_nextBid_data" class="text-large-auction">
 384                                                                                         [nextBid_data]
 385                                                                                 </span>
 386                                                                         </div>
 387                                                                         <br>
 388                                                                         <div class="row-fluid">
 389                                                                                 <div id="bidSection" class="select-valuator">
 390                                                                                         <div class="btn-wrapper">
 391                                                                                                 <div id="dropCmp2" class="well well-small dropSlide">
 392                                                                                                         <div class="row_space">Or auto bid (Up to)</div>
 393                                                                                                         <div class="control-group mobile-control-group" id="[tid]_autoamount">
 394                                                                                                                 [autoamount]
 395                                                                                                     </div>
 396                                                                                                 </div>
 397                                                                                                 <div class="control-group">
 398                                                                                                 <label for="terms_accepted2" class="checkbox checkbox-line Coda">
 399                                                                                                                 <input id="terms_accepted2" type="checkbox">
 400                                                                                                                 <br>
 401                                                                                                                 <small>
 402                                                                                                         <br>
 403                                 <span class="span12">
 404                                                                                                         I accept the <a href="/documents/Registration_Terms_and_Conditions.pdf" target="_blank">terms and conditions</a> of the auction
 405                                 </span>
 406                                                                                                                 </small>
 407                                                                                                                 <br><br>
 408                                                                                                 </label>
 409                                                                                                 </div>
 410                                                                                         <button type="button" class="btn btn-success " id="btnMakeAutoBid" disabled>Bid Now</button>
 411                                                                                                 </div>
 412                                                                                                 <div id="dropConfirm" class="well well-small dropSlide hide textshow-dark">
 413                                                                                                         <span id="confirmation_msg" class="hide"></span>
 414                                                                                                         <span id="confirm_dynamic" class="hide">
 415                                                                                                                 <p>Are you sure you want to bid
 416                                                                                                                         <b>R <span id="[tid]_infAmount">[infAmount]</span></b> ?
 417                                                                                                                 </p>
 418                                                                                                                 &nbsp;<br/>&nbsp;
 419                                                                                                         <button type="button" class="btn btn-success pull-right" id="btnConfirm">Yes</button>
 420                                                                                                         <button type="button" class="btn btn-danger pull-left" onClick="$('#dropConfirm').slideToggle();">No</button>
 421                                                                                                         &nbsp;<br/>&nbsp;
 422                                                                                                 </span>
 423                                                                                                 </div>
 424                                                                                         <br>
 425                                                                                 </div>
 426                                                                         </div>
 427                                                                         <div class="control-group mobile-control-group" id="[tid]_myAutoBid">
 428                                                                                 [myAutoBid]
 429                                                                 </div>
 430                                                                 </div>
 431                                                         </div>
 432                                                         <br/>
 433                                                         <div class="span12 row_odd" id="[tid]_auctionId" style="margin-left:-1px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.4);text-align:center;color:#787878;padding-top:12px;border:1px solid #aeaeae;">
 434                                                                 [auctionId]
 435                                                         </div>
 436
 437
 438
 439
 440
 441
 442                                                 </div> <!-- form-horizontal left-and-right-side ends -->
 443                                         </div>
 444                                 </div><!-- Bid Box wrapper ends here -->
 445                                 </div> <!-- vehicle-specs-form ends -->
 446                         </div> <!--  row-fluid page-middle-forms-wrapper ends -->
 447                 </div>
 448         </form>