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

   1                         <form id="frmStockView" action="">
   2                                 <div class="row-fluid page-title-wrapper">
   3                                         <div class="span12">
   4                                                 <h1>Vehicle</h1>
   5                                                 <p class="page-title-header">
   6                                                         Vehicle details provided below.
   7                                                 </p>
   8                                                 <a class="back-btn btn">Back</a>
   9                                         </div>
  10                                 </div>
  11
  12                                 <div class="row-fluid page-top-forms-wrapper">
  13                                         <div class="valuation-details-form pg-a-data-wrapper span4">
  14                                                 <div class="visible-phone mobile-form-headers">
  15                                                         <p>
  16                                                                 <span class="btn-content">
  17                                                                         <i class="mobile-clipboard"></i>
  18                                                                 </span>
  19                                                                 Price Guide and Auction
  20                                                         </p>
  21                                                 </div>
  22                                                 <p class="hidden-phone form-header"><img class="clipboard" src="imgs/clipboard.gif" alt="">Price Guide and Auction</p>
  23                                                 <div class="form-horizontal mobile-form-horizontal">
  24                                                         <div class="control-group-wrapper mobile-control-group-wrapper">
  25                                                             <div class="control-group mobile-control-group price-guide-info hide">
  26                                                                     <label class="control-label mobile-control-label valuation-line" for="inputDateLoaded">Date loaded on price guide:</label>
  27                                                                     <div class="controls mobile-controls">
  28                                                                                 <p class="information-lines" id="[tid]_loadedOnPriceGuide">[loadedOnPriceGuide]</p>
  29                                                                         </div>
  30                                                                 </div>
  31                                                             <div class="control-group mobile-control-group price-guide-info hide">
  32                                                                     <label class="control-label mobile-control-label valuation-line" for="inputNumOffers">Number of offers:</label>
  33                                                                     <div class="controls mobile-controls">
  34                                                                                 <p class="information-lines" id="[tid]_numberOfOffers">[numberOfOffers]</p>
  35                                                                         </div>
  36                                                                 </div>
  37                                                             <div class="control-group mobile-control-group price-guide-info hide">
  38                                                                     <label class="control-label mobile-control-label valuation-line" for="inputDateLoaded">Highest offer:</label>
  39                                                                     <div class="controls mobile-controls">
  40                                                                                 <p class="information-lines" id="[tid]_highestOffer">[highestOffer]</p>
  41                                                                         </div>
  42                                                                 </div>
  43                                                             <hr/>
  44                                                             <div class="control-group mobile-control-group auction-info hide">
  45                                                                     <label class="control-label mobile-control-label valuation-line" for="inputTimesListed">Times listed on auction:</label>
  46                                                                     <div class="controls mobile-controls">
  47                                                                                 <p class="information-lines" id="[tid]_timesListed">[timesListed]</p>
  48                                                                         </div>
  49                                                                 </div>
  50                                                             <div class="control-group mobile-control-group auction-info hide">
  51                                                                     <label class="control-label mobile-control-label valuation-line" for="inputHighestBid">Highest bid:</label>
  52                                                                     <div class="controls mobile-controls">
  53                                                                                 <p class="information-lines" id="[tid]_highestBid">[highestBid]</p>
  54                                                                         </div>
  55                                                                 </div>
  56                                                         </div>
  57                                                 </div>
  58                                         </div>
  59                                         <div class="hidden-phone pricing-details-form span4">
  60                                                 <p class="form-header"><img class="money" src="imgs/money.gif" alt="">Pricing details</p>
  61                                                 <div class="form-horizontal">
  62                                                         <div class="control-group-wrapper mobile-control-group-wrapper">
  63                                                             <div class="control-group mobile-control-group ref-no">
  64                                                                     <label class="control-label mobile-control-label valuation-line" for="inputRefNo">Reference no:</label>
  65                                                                     <div class="controls mobile-controls">
  66                                                                         <p class="information-lines" id="[tid]_referenceNumber">[referenceNumber]</p>
  67                                                                 </div>
  68                                                             </div>
  69                                                             <div class="control-group mobile-control-group vechile">
  70                                                                     <label class="control-label mobile-control-label valuation-line" for="inputVechileStatus">Vehicle status:</label>
  71                                                                     <div class="controls mobile-controls">
  72                                                                         <p class="information-lines" id="[tid]_jobState">[jobState]</p>
  73                                                                 </div>
  74                                                             </div>
  75                                                             <div class="control-group mobile-control-group vechile">
  76                                                                     <label class="control-label mobile-control-label valuation-line" for="inputTradePrice">Trade Price:</label>
  77                                                                     <div class="controls mobile-controls">
  78                                                                         <p class="information-lines" id="[tid]_tradePrice">[tradePrice]</p>
  79                                                                 </div>
  80                                                             </div>
  81                                                             <div class="control-group mobile-control-group vechile">
  82                                                                     <label class="control-label mobile-control-label valuation-line" for="inputRetailPrice">Retail Price:</label>
  83                                                                     <div class="controls mobile-controls">
  84                                                                         <p class="information-lines" id="[tid]_retailPrice">[retailPrice]</p>
  85                                                                 </div>
  86                                                             </div>
  87                                 <div class="control-group mobile-control-group vechile">
  88                                     <label class="control-label mobile-control-label valuation-line" for="inputListPrice">Trade Price:</label>
  89                                     <div class="controls mobile-controls">
  90                                         <p class="information-lines" id="[tid]_listPrice">[listPrice]</p>
  91                                     </div>
  92                                 </div>
  93
  94                                                                 <span id="[tid]_coverReceived">
  95                                                                                 [coverReceived]
  96                                                                         </span>
  97                                                         </div>
  98                                                 </div>
  99                                         </div>
 100                                 </div>
 101
 102
 103                                 <div class="row-fluid page-middle-forms-wrapper">
 104                                         <div class="vehicle-specs-form span8">
 105                                                 <div class="visible-phone mobile-form-headers">
 106                                                         <p>
 107                                                                 <span class="btn-content">
 108                                                                         <i class="mobile-car"></i>
 109                                                                 </span>
 110                                                                 Vehicle specifications
 111                                                         </p>
 112                                                 </div>
 113                                                 <p class="hidden-phone form-header"><img class="car" src="imgs/car.gif" alt="">Vehicle specifications</p>
 114                                                 <div class="form-horizontal left-and-right-side">
 115                                                         <div class="left-side mobile-left-side">
 116                                                                 <input type="hidden" id="retailPrice">
 117                                                                 <input type="hidden" id="tradePrice">
 118                                 <input type="hidden" id="listPrice">
 119                                                                 <div class="control-group mobile-control-group" id="[tid]_vehicleYear">
 120                                                                         [vehicleYear]
 121                                                             </div>
 122                                                                 <div class="control-group mobile-control-group" id="[tid]_category">
 123                                                                         [category]
 124                                                             </div>
 125                                                                 <div class="control-group mobile-control-group" id="[tid]_make">
 126                                                                         [make]
 127                                                             </div>
 128                                                                 <div class="control-group mobile-control-group" id="[tid]_model">
 129                                                                         [model]
 130                                                             </div>
 131                                                                 <div class="control-group mobile-control-group" id="[tid]_type">
 132                                                                         [type]
 133                                                             </div>
 134                                                             <div class="control-group mobile-control-group" id="[tid]_stockNumber">
 135                                                                         [stockNumber]
 136                                                             </div>
 137                                                             <!-- <div class="control-group mobile-control-group">
 138                                                                     <label class="control-label mobile-control-label" for="inputVechileType"></label>
 139                                                                     <div class="btn-group find-value">
 140                                                                                 <button id="btnFetchTu" class="btn find-value-btn">Find value</button>
 141                                                                                 <div class="red-lines"></div>
 142                                                                         </div>
 143                                                                 </div> -->
 144                                                                 <div class="control-group mobile-control-group registration-no" id="[tid]_registrationNumber">
 145                                                                         [registrationNumber]
 146                                                             </div>
 147                                                                 <div class="control-group mobile-control-group" id="[tid]_fuelType">
 148                                                                         [fuelType]
 149                                                             </div>
 150                                                                 <div class="control-group mobile-control-group" id="[tid]_transmissionType">
 151                                                                         [transmissionType]
 152                                                             </div>
 153                                                                 <div class="control-group mobile-control-group" id="[tid]_vinNumber">
 154                                                                         [vinNumber]
 155                                                             </div>
 156                                                                 <div class="control-group mobile-control-group" id="[tid]_engineNumber">
 157                                                                         [engineNumber]
 158                                                             </div>
 159                                                         </div>
 160                                                         <div class="right-side">
 161                                                                 <div class="control-group mobile-control-group" id="[tid]_km">
 162                                                                         [km]
 163                                                             </div>
 164                                                                 <div class="control-group mobile-control-group" id="[tid]_condition">
 165                                                                         [condition]
 166                                                             </div>
 167                                                                 <div class="control-group mobile-control-group" id="[tid]_exteriorColour">
 168                                                                         [exteriorColour]
 169                                                             </div>
 170                                                                 <div class="control-group mobile-control-group" id="[tid]_interiorColour">
 171                                                                         [interiorColour]
 172                                                             </div>
 173                                                                 <div class="control-group mobile-control-group" id="[tid]_upholstery">
 174                                                                         [upholstery]
 175                                                             </div>
 176                                                                 <div class="control-group mobile-control-group" id="[tid]_papers">
 177                                                                         [papers]
 178                                                             </div>
 179                                                                 <div class="control-group mobile-control-group" id="[tid]_natis">
 180                                                                         [natis]
 181                                                             </div>
 182                                                                 <div class="control-group mobile-control-group" id="[tid]_spareKeys">
 183                                                                         [spareKeys]
 184                                                             </div>
 185                                                                 <div class="control-group mobile-control-group" id="[tid]_fullServiceHistory">
 186                                                                         [fullServiceHistory]
 187                                                             </div>
 188                                                                 <div class="control-group mobile-control-group" id="[tid]_fshNotes">
 189                                                                         [fshNotes]
 190                                                             </div>
 191
 192
 193                                                              <!--  New HPI Report Here -->
 194                                                                     <div class="row-fluid hidden-phone" style="display: block;">&nbsp;</div>
 195                                                                     <div class="hpiReport" style="display:block;">
 196
 197                                                                             <div class="control-group mobile-control-group row-fluid" style="display: block;" id="test">
 198                                                                                         <div class="form-header span12 warning">TransUnion HPI (Accident) Report</div>
 199                                                                                         <div class="control-group mobile-control-group row-fluid" style="display: block;border:1px solid #d3d3d3;" id="">
 200                                                                                                 <div class="control-group mobile-control-group span6" style="padding-left:10px; padding-top:13px;">Last date requested:</div>
 201                                                                                                 <div class="control-group mobile-control-group span6" style="padding-left:10px;border-left:1px solid #d3d3d3; padding-top:13px;">
 202                                                                                                         <div class="span9">none</div>
 203                                                                                                         <div class="span3"><button class="btn pull-right span12" type="button" style="display: inline-block; margin:-5px 0 0 0;">view</button></div>
 204                                                                                                 </div>
 205                                                                                 </div>
 206                                                                                 </div>
 207
 208                                                                     </div>
 209
 210
 211
 212                                                         </div>
 213                                                 </div>
 214                                         </div>
 215                                         <div class="hidden-phone damages-form span4">
 216                                                 <p class="form-header"><img class="bomb" src="imgs/bomb.gif" alt=""> Damages</p>
 217                                                 <div class="form-horizontal">
 218                                                         <span id="[tid]_damages">
 219                                                                 [damages]
 220                                                         </span><br/>
 221                                                         <div class="" >
 222                                                                 <p style="color:red">IMPORTANT: The estimated repair price is at best an estimate, which must be used as a guideline only.</p>
 223                                                         </div>
 224                                                         <span id="[tid]_damageNotes">
 225                                                                 [damageNotes]
 226                                                         </span>
 227                                                         <div class="control-group mobile-control-group total-estimated">
 228                                                                 <label class="total-estimated-label" for="inputTotalEstimated">Total estimated repair price:</label>
 229                                                                 <div class="controls mobile-controls">
 230                                                                   <p class="price" id="[tid]_damageTotal">[damageTotal]</p>
 231                                                                 </div>
 232                                                         </div>
 233                             <div class="control-group mobile-control-group" id="[tid]_previousRepairsNoted">
 234                                 [previousRepairsNoted]
 235                             </div>
 236                                                         <span id="[tid]_previousRepairsNotes">
 237                                                                 [previousRepairsNotes]
 238                                                         </span>
 239                                                 </div>
 240                                         </div>
 241                                 </div>
 242                                 <div class="row-fluid page-bottom-forms-wrapper">
 243                                         <div class="accessories-form span4">
 244                                                 <div class="visible-phone mobile-form-headers">
 245                                                         <p>
 246                                                                 <span class="btn-content">
 247                                                                         <i class="mobile-headphones"></i>
 248                                                                 </span>
 249                                                                 Accessories
 250                                                         </p>
 251                                                 </div>
 252                                                 <p class="hidden-phone form-header"><img class="headphones" src="imgs/headphones.gif" alt="">Accessories</p>
 253                                                 <div class="form-horizontal">
 254                                                         <span id="[tid]_accessories">
 255                                                                 [accessories]
 256                                                         </span>
 257                                                         <div class="comment-box" id="[tid]_accessoryNotes">
 258                                                                 [accessoryNotes]
 259                                                         </div>
 260                                                 </div>
 261                                         </div>
 262                                         <div class="photos-form span4">
 263                                                 <div class="visible-phone mobile-form-headers">
 264                                                         <p>
 265                                                                 <span class="btn-content">
 266                                                                         <i class="mobile-camera"></i>
 267                                                                 </span>
 268                                                                 Photos
 269                                                         </p>
 270                                                 </div>
 271                                                 <p class="hidden-phone form-header"><img class="camera" src="imgs/camera.gif" alt="">Photos</p>
 272                                                 <div class="form-horizontal left-and-right-side">
 273                                                         <p class="instruction-paragraph">Click on the container to upload images from file:</p>
 274                                                         <p class="warning-paragraph">Maximum of eight photos allowed</p>
 275                                                         <div class="column-left">
 276                                                                 <span id="[tid]_mainImage">[mainImage]</span>
 277                                                                 <span id="[tid]_leftImage">[leftImage]</span>
 278                                                                 <span id="[tid]_backImage">[backImage]</span>
 279                                                                 <span id="[tid]_engineImage">[engineImage]</span>
 280                                                         </div>
 281                                                         <div class="column-left">
 282                                                                 <span id="[tid]_frontImage">[frontImage]</span>
 283                                                                 <span id="[tid]_rightImage">[rightImage]</span>
 284                                                                 <span id="[tid]_interiorImage">[interiorImage]</span>
 285                                                                 <span id="[tid]_natisImage">[natisImage]</span>
 286                                                         </div>
 287                                                 </div>
 288                                         </div>
 289                                         <div class="select-valuator span4">
 290                                                 <div class="btn-wrapper">
 291                                                         <div class="bottom-grey-set">
 292                                                                 <span id="[tid]_print" class="printStockPdf">
 293                                                                         [print]
 294                                                                 </span>
 295                                 <span id="[tid]_printAuction" class="printStockAuctionPdf hide">
 296                                                                         [printAuction]
 297                                                                 </span>
 298                                                                 <button type="button" id="btnUnarchive" class="btn hide">Unarchive</button>
 299                                                                 <button id="btnReclaimFromRetail" type="button" class="btn hide">
 300                                                                         Reclaim from Retail
 301                                                                 </button>
 302                                                                 <button type="button" id="btnDispute" class="btn btn-warning bmw-btn hide" onClick="$('#dropDsp').slideToggle();">Log a dispute</button>
 303                                                         </div>
 304                                                         <div id="dropDsp" class="well well-small well-dark dropSlide hide">
 305                                                                 <div class="control-group mobile-control-group" id="[tid]_complaint">
 306                                                                         [complaint]
 307                                                         </div>
 308                                                         <button type="button" class="btn btn-success pull-right" id="btnLogDispute">Log dispute</button>
 309                                                         &nbsp;<br/>&nbsp;
 310                                                         </div>
 311                                                         <div class="colored-btn-set">
 312                                                                 <button type="button" id="btnB4cAccidentReport" class="btn btn-danger Bid4cars-btn hide" disabled>Request Bid4cars accident report</button>
 313                                                                 <button type="button" id="btnBwmAccidentReport" class="btn btn-warning bmw-btn hide" disabled>Request BMW accident report</button>
 314                                                         </div>
 315                                                 </div>
 316                                         </div>
 317                                 </div>
 318                         </form>