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

   1
   2         <form id="frmBidView" 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 21 and 23 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 class="damageTotal control-group mobile-control-group" >
 214                                                                                                         <p style="color:red">IMPORTANT: The estimated repair price is at best an estimate, which must be used as a guideline only.</p>
 215                                                                                                 </div>
 216
 217                                                                                         </div>
 218                                                                                         <div class="row_even">
 219                                                                                                 <div class="damageNotes_title control-group mobile-control-group" id="[tid]_damageNotes_title">
 220                                                                                                         [damageNotes_title]
 221                                                                                                 </div>
 222                                                                                                 <div class="accessoryNotes_title control-group mobile-control-group hidden-phone hidden-tablet" id="[tid]_accessoryNotes_title">
 223                                                                                                         [accessoryNotes_title]
 224                                                                                                 </div>
 225                                                                                         </div>
 226                                                                                         <div class="row_even">
 227                                                                                                 <div class="damageNotes_data control-group mobile-control-group" id="[tid]_damageNotes_data">
 228                                                                                                         [damageNotes_data]
 229                                                                                                 </div>
 230                                                                                                 <div class="accessoryNotes_data control-group mobile-control-group hidden hidden-phone hidden-tablet" id="[tid]_accessoryNotes_data ">
 231                                                                                                         [accessoryNotes_data]
 232                                                                                                 </div>
 233                                                                                                  <div style="float:right;"  class="accessoryNotes_data control-group mobile-control-group hidden-phone hidden-tablet" id="[tid]_accessoryNew">
 234                                                                                                         [accessoryNew]
 235                                                                                             </div>
 236                                                                                         </div>
 237                                                                                         <div class="row_odd xtraborder">
 238                                                                                         <div class="previousRepairsNoted_title control-group mobile-control-group" id="[tid]_previousRepairsNoted">
 239                                                                                                         [previousRepairsNoted]
 240                                                                                                  </div>
 241                                                                                         </div>
 242
 243                                                                                         <div class="row_odd">
 244                                                                                                 <div class="previousRepairsNotes_title control-group mobile-control-group" id="[tid]_previousRepairsNotes_title">
 245                                                                                                                 [previousRepairsNotes_title]
 246                                                                                                         </div>
 247                                                                                         </div>
 248                                                                                         <div class="row_even">
 249                                                                                                 <div class="previousRepairsNotes_data control-group mobile-control-group" id="[tid]_previousRepairsNotes_data">
 250                                                                                                                 [previousRepairsNotes_data]
 251                                                                                                         </div>
 252                                                                                         </div>
 253                                                                                 </div>
 254
 255                                                                 </div>
 256                                                                 <!-- Damages wrapper to here -->
 257
 258
 259
 260                                                                     <!--  New HPI Report Here -->
 261                                                                     <!--<div class="HPIhide">-->
 262                                                                     <!--<div class="row-fluid hidden-phone" style="display: block;">&nbsp;</div>-->
 263                                                                     <!--<div class="hpiReport" style="display:block;">-->
 264
 265                                                                             <!--<div class="control-group mobile-control-group row-fluid" style="display: block;" id="test">-->
 266                                                                                         <!--<div class="row_red">TransUnion HPI (Accident) Report</div>-->
 267                                                                                         <!--<div class="control-group mobile-control-group row-fluid" style="display: block;border:1px solid #d3d3d3;" id="">-->
 268                                                                                                 <!--<div class="control-group mobile-control-group span6" style="padding-left:10px; padding-top:13px;">Last date requested:</div>-->
 269                                                                                                 <!--<div class="control-group mobile-control-group span6" style="padding-left:10px;border-left:1px solid #d3d3d3; padding-top:13px;">-->
 270                                                                                                         <!--<div id="tuhpiDate"  class="span9">Not requested yet.</div>-->
 271                                                                                                         <!--<div class="span3"><button id="downloadTuhpi" class="btn pull-right span12" type="button" style="display: none; margin:-5px 0 0 0;">view</button></div>-->
 272                                                                                                 <!--</div>-->
 273                                                                                 <!--</div>-->
 274                                                                                 <!--</div>-->
 275                                                                         <!--</div>-->
 276                                                                         <!--</div>-->
 277
 278
 279
 280
 281
 282                                                                         </div>
 283                                                                 </div>
 284                                                         </div>
 285                                                 </div>
 286
 287
 288                                                 <!--  Accessories Mobi -->
 289                                                 <div class="visible-phone">
 290                                                 <div id="vehicleAccessoriesClick" class=" mobile-form-headers open">
 291                                                         <i class="mobile-car"></i>
 292                                                         <p>
 293                                                                 <span class="btn-content">
 294                                                                 </span> Accessories
 295                                                         </p>
 296                                                         <i style="float:right;" class="icon-white-arrow-down"></i>
 297                                                 </div>
 298                                                 <!--  Vehicle Accessories Mobi to here -->
 299
 300                                                 <!-- Adding a Accessories wrapper -->
 301                                                 <div id="accessoriesMobiOpen" class="visible-phonexx ">
 302                                                         <div class="span12 bid-view-bid">
 303
 304                                                                 <div class="">
 305                                                                         <span id="[tid]_accessoriesMobi">
 306                                                                                 [accessoriesMobi]
 307                                                                         </span>
 308                                                                 </div>
 309                                                                 <div class="accessoryNotes_dataMobi">
 310                                                                         <div class="" id="[tid]_accessoryNotes_dataMobi">
 311                                                                                 [accessoryNotes_dataMobi]
 312                                                                         </div>
 313                                                                 </div>
 314                                                                 <div class="accessoryNotes_titleMobi">
 315                                                                         <div class="" id="[tid]_accessoryNotes_titleMobi">
 316                                                                                 [accessoryNotes_titleMobi]
 317                                                                         </div>
 318                                                                 </div>
 319                                                                 <div class="accessoryNotesMobi">
 320                                                                         <div class="hidden" id="[tid]_accessoryNotesMobi ">
 321                                                                                 [accessoryNotesMobi]
 322                                                                         </div>
 323                                                                          <div class="" id="[tid]_accessoryNewMobi">
 324                                                                                                         [accessoryNewMobi]
 325                                                                         </div>
 326                                                                 </div>
 327                                                         </div>
 328
 329                                                 </div>
 330                                                 </div>
 331                                                 <!--  Vehicle Bid Box Mobi -->
 332                                                 <div id="vehicleBidBoxClick" class="visible-phone mobile-form-headers open">
 333                                                         <i class="mobile-car"></i>
 334                                                         <p>
 335                                                                 <span class="btn-content">
 336                                                                 </span> Bid Box
 337                                                         </p>
 338                                                         <i style="float:right;" class="icon-white-arrow-down"></i>
 339                                                 </div>
 340                                                 <!--  Vehicle Bid Box Mobi to here -->
 341
 342                                                 <!-- Adding a Bid Box wrapper -->
 343                                                 <div id="vehicleBidBox">
 344                                                 <div class="span3 bid-view-bid">
 345                                                         <div id="dropCmp3" class="well well-small well-dark dropSlide hide">
 346                                                                 <div class="control-group mobile-control-group" id="[tid]_question">
 347                                                                         [question]
 348                                                             </div>
 349                                                             <button type="button" class="btn btn-success pull-right" id="btnAskQuestion">Submit question</button>
 350                                                             &nbsp;<br/>&nbsp;
 351                                                         </div>
 352                                                         <div class="control-group-wrapper mobile-control-group-wrapper">
 353                                                                 <div style="margin-top:10px;">
 354                                                                 <div class="control-group mobile-control-group" id="[tid]_mmCode">
 355                                                                         [mmCode]
 356                                                             </div>
 357                                                             </div>
 358                                                                 <div style="margin-top:8px;">
 359                                                                 <div>
 360                                                                 <div class="control-group mobile-control-group" id="[tid]_infTradePrice" style="text-align:center;">
 361                                                                         [infTradePrice]
 362                                                             </div>
 363                                                                 <div class="control-group mobile-control-group" id="[tid]_infRetailPrice" style="text-align:center;">
 364                                                                         [infRetailPrice]
 365                                                                 </div>
 366                                 <div class="control-group mobile-control-group" id="[tid]_infListPrice" style="text-align:center;">
 367                                     [infListPrice]
 368                                 </div>
 369                                                                 </div>
 370                                                         </div>
 371                                                         <div id="winningBid" class="row-fluid hide">
 372                                                                 <div class="select-valuator span12 pad7 bidbox">
 373                                                                         <p><b>You currently have the winning bid on this vehicle.</b></p>
 374                                                                 </div>
 375                                                         </div>
 376                                                         <div id="bidSection" class="bidbox hide">
 377                                                                 <div class="form-horizontal">
 378                                                                         <h1>Bid box</h1>
 379                                                                         <button id="btnAddToBasket" class="btn addtobasketbtn hidden-phone" type="button" disabled>
 380                                                                                 <i class="icon-export"></i>
 381                                                                                 Add to basket
 382                                                                         </button>
 383                                                                         <div class="nextBid control-group">
 384                                                                                 <b>Next bid:</b>
 385                                                                         </div>
 386                                                                         <div class="well btn-marg">
 387                                                                                 <span id="[tid]_nextBid_data" class="text-large-auction">
 388                                                                                         [nextBid_data]
 389                                                                                 </span>
 390                                                                         </div>
 391                                                                         <br>
 392                                                                         <div class="row-fluid">
 393                                                                                 <div id="bidSection" class="select-valuator">
 394                                                                                         <div class="btn-wrapper">
 395                                                                                                 <div id="dropCmp2" class="well well-small dropSlide">
 396                                                                                                         <div class="row_space">Or auto bid (Up to)</div>
 397                                                                                                         <div class="control-group mobile-control-group" id="[tid]_autoamount">
 398                                                                                                                 [autoamount]
 399                                                                                                     </div>
 400                                                                                                 </div>
 401                                                                                                 <div class="control-group">
 402                                                                                                 <label for="terms_accepted2" class="checkbox checkbox-line Coda">
 403                                                                                                                 <input id="terms_accepted2" type="checkbox">
 404                                                                                                                 <br>
 405                                                                                                                 <small>
 406                                                                                                         <br>
 407                                 <span class="span12">
 408                                                                                                         I accept the <a href="/documents/Registration_Terms_and_Conditions.pdf" target="_blank">terms and conditions</a> of the auction
 409                                 </span>
 410                                                                                                                 </small>
 411                                                                                                                 <br><br>
 412                                                                                                 </label>
 413                                                                                                 </div>
 414                                                                                         <button type="button" class="btn btn-success " id="btnMakeAutoBid" disabled>Bid Now</button>
 415                                                                                                 </div>
 416                                                                                                 <div id="dropConfirm" class="well well-small dropSlide hide textshow-dark">
 417                                                                                                         <span id="confirmation_msg" class="hide"></span>
 418                                                                                                         <span id="confirm_dynamic" class="hide">
 419                                                                                                                 <p>Are you sure you want to bid
 420                                                                                                                         <b>R <span id="[tid]_infAmount">[infAmount]</span></b> ?
 421                                                                                                                 </p>
 422                                                                                                                 &nbsp;<br/>&nbsp;
 423                                                                                                         <button type="button" class="btn btn-success pull-right" id="btnConfirm">Yes</button>
 424                                                                                                         <button type="button" class="btn btn-danger pull-left" onClick="$('#dropConfirm').slideToggle();">No</button>
 425                                                                                                         &nbsp;<br/>&nbsp;
 426                                                                                                 </span>
 427                                                                                                 </div>
 428                                                                                         <br>
 429                                                                                 </div>
 430                                                                         </div>
 431                                                                         <div class="control-group mobile-control-group" id="[tid]_myAutoBid">
 432                                                                                 [myAutoBid]
 433                                                                 </div>
 434                                                                 </div>
 435                                                         </div>
 436                                                         <br/>
 437                                                         <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;">
 438                                                                 [auctionId]
 439                                                         </div>
 440                                                         <div id="disputeSection" class="span12 hide">
 441                                                                 <br><br>
 442                                                                 <div >
 443                                                                         <div class="top-grey-set">
 444                                                                                 <button type="button" id="optLogDispute" class="btn btn-success make-bid-btn" onClick="$('#dropDsp').slideToggle();">Log a dispute</button>
 445                                                                         </div>
 446                                                                         <div id="dropDsp" class="well well-small well-dark dropSlide hide">
 447                                                                                 <div class="control-group mobile-control-group" id="[tid]_complaint">
 448                                                                                         [complaint]
 449                                                                         </div>
 450                                                                         <button type="button" class="btn btn-success pull-right" id="btnLogDispute">Log dispute</button>
 451                                                                         &nbsp;<br/>&nbsp;
 452                                                                         </div>
 453                                                                 </div>
 454                                                         </div>
 455
 456
 457
 458                                                         <div class="HPIhide">
 459                                                         <div class="row-fluid">&nbsp;</div>
 460                                                         <!-- The HPI Trans Union Section -->
 461                                                         <div id="hpiTransUnionSection" class="span12 ">
 462
 463                                                         <!-- TransUnion HPI Report -->
 464                                                         <button type="button" id="requestHPIreport" class="btn btn-purple hide" onClick="$('#tuHPIReport').slideToggle();">
 465                                                                                 TU HPI Report
 466                                                         </button>
 467                                                         <div id="tuHPIReport" class="well well-small well-dark dropSlide hide" style="float:left;">
 468                                                                 <div class="row">
 469                                                                         <div class="span12 offset2">
 470                                                                                 <div class="control-group mobile-control-group" id="HPIFormInputs">
 471                                                                                         <!-- <div class="row">User Name:<input class="field" id="email" name="email" type="text" placeholder="email" value=""></div> -->
 472                                                                                         <!-- <div class="row">Password: the impit</div> -->
 473
 474                                                                                         <div class="input-prepend login-input ">
 475                                                                                                 <span class="add-on"><i class="icon-user icon-black"></i></span><input class="field span10"
 476                                                                                                 id="HPIusername" name="HPIusername" type="text" placeholder="Username"
 477                                                                                                 value="">
 478                                                                                         </div>
 479
 480                                                                                         <div id="maskedPin" class="input-prepend ">
 481                                                                                                 <span class="add-on"><i class="icon-asterisk icon-black"></i></span><input class="field span10"
 482                                                                                                 id="HPIpin" name="HPIpin" type="password" placeholder="Password">
 483                                                                                         </div>
 484
 485                                                                                         <div id="HPIresponse"></div>
 486
 487                                                                             </div>
 488                                                                     </div>
 489
 490
 491                                                                      <div id="HPIdropConfirm" class="span11 offset2 well well-small well-dark dropSlide hide textshow-dark">
 492                                                                             <div class="span11 offset1">
 493                                                                                     You will be billed directly by Transunion for this transaction. Do you want to continue?
 494                                                                                 <br/>
 495                                                                                     <label for="acceptHPIdisclaimer" style="font-size:12px;">
 496                                                                                         <input id="acceptHPIdisclaimer" type="checkbox">
 497                                                                                         &nbsp;&nbsp;&nbsp;&nbsp;
 498                                                                                         Please ensure that the Vin, Engine and Reg number supplied is correct as you will be billed accordingly by Transunion if incorrect information supplied.
 499                                                                                     </label>
 500                                                                                     <br><br>
 501                                                                             </div>
 502
 503                                                                                 <button type="button" class="btn btn-success pull-right" id="HPIbtnConfirm">Yes</button>
 504                                                                             <button type="button" class="btn btn-danger pull-right" onClick="$('#HPIdropConfirm').slideToggle();">No</button>
 505                                                                         &nbsp;<br/>&nbsp;
 506                                                                         </div>
 507
 508
 509
 510                                                                     <div class="span12 hidden-phone hidden-desktop">
 511                                                                         <br><br>
 512                                                                     </div>
 513                                                                     <div class="span12 offset2">
 514                                                                     <br>
 515                                                                         <div class="span5">
 516                                                                                 <button type="button" class="btn btn-danger pull-left" onClick="$('#tuHPIReport').slideToggle();" id="btnCancelHPI">Cancel</button>
 517                                                                             </div>
 518                                                                             <div class="span5">
 519                                                                                 <button type="button" class="btn btn-success pull-left" id="btnRequestHPI" >Request</button>
 520                                                                             </div>
 521                                                                     </div>
 522
 523                                                             </div>
 524                                                         </div>
 525                                                 <!-- To here HPI -->
 526                                                 </div>
 527                                                 <!-- to here HPI Trans Union end -->
 528                                                 </div>
 529
 530                                                 </div> <!-- form-horizontal left-and-right-side ends -->
 531                                         </div>
 532                                 </div><!-- Bid Box wrapper ends here -->
 533                                 </div> <!-- vehicle-specs-form ends -->
 534                         </div> <!--  row-fluid page-middle-forms-wrapper ends -->
 535                 </div>
 536         </form>