xp-dev.com Git - namibia/blob - public/templates/page/limitedstockview.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 Created:</label>
  27                                                                     <div class="controls mobile-controls">
  28                                                                                 <p class="information-lines" id="[tid]_dateCreatedPriceGuide">[dateCreatedPriceGuide]</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="inputDateLoaded">Date loaded on price guide:</label>
  33                                                                     <div class="controls mobile-controls">
  34                                                                                 <p class="information-lines" id="[tid]_loadedOnPriceGuide">[loadedOnPriceGuide]</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="inputNumOffers">Number of offers:</label>
  39                                                                     <div class="controls mobile-controls">
  40                                                                                 <p class="information-lines" id="[tid]_numberOfOffers">[numberOfOffers]</p>
  41                                                                         </div>
  42                                                                 </div>
  43                                                             <div class="control-group mobile-control-group price-guide-info hide">
  44                                                                     <label class="control-label mobile-control-label valuation-line" for="inputDateLoaded">Highest offer:</label>
  45                                                                     <div class="controls mobile-controls">
  46                                                                                 <p class="information-lines" id="[tid]_highestOffer">[highestOffer]</p>
  47                                                                         </div>
  48                                                                 </div>
  49                                                             <hr/>
  50                                                             <div class="control-group mobile-control-group auction-info hide">
  51                                                                     <label class="control-label mobile-control-label valuation-line" for="inputTimesListed">Times listed on auction:</label>
  52                                                                     <div class="controls mobile-controls">
  53                                                                                 <p class="information-lines" id="[tid]_timesListed">[timesListed]</p>
  54                                                                         </div>
  55                                                                 </div>
  56                                                             <div class="control-group mobile-control-group auction-info hide">
  57                                                                     <label class="control-label mobile-control-label valuation-line" for="inputHighestBid">Highest bid:</label>
  58                                                                     <div class="controls mobile-controls">
  59                                                                                 <p class="information-lines" id="[tid]_highestBid">[highestBid]</p>
  60                                                                         </div>
  61                                                                 </div>
  62                                                         </div>
  63                                                 </div>
  64                                         </div>
  65                                         <div class="hidden-phone pricing-details-form span4">
  66                                                 <p class="form-header"><img class="money" src="imgs/money.gif" alt="">Pricing details</p>
  67                                                 <div class="form-horizontal">
  68                                                         <div class="control-group-wrapper mobile-control-group-wrapper">
  69                                                             <div class="control-group mobile-control-group ref-no">
  70                                                                     <label class="control-label mobile-control-label valuation-line" for="inputRefNo">Reference no:</label>
  71                                                                     <div class="controls mobile-controls">
  72                                                                         <p class="information-lines" id="[tid]_referenceNumber">[referenceNumber]</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="inputVechileStatus">Vehicle status:</label>
  77                                                                     <div class="controls mobile-controls">
  78                                                                         <p class="information-lines" id="[tid]_jobState">[jobState]</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="inputTradePrice">Trade Price:</label>
  83                                                                     <div class="controls mobile-controls">
  84                                                                         <p class="information-lines" id="[tid]_tradePrice">[tradePrice]</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="inputRetailPrice">Retail Price:</label>
  89                                                                     <div class="controls mobile-controls">
  90                                                                         <p class="information-lines" id="[tid]_retailPrice">[retailPrice]</p>
  91                                                                 </div>
  92                                                             </div>
  93                                 <div class="control-group mobile-control-group vechile">
  94                                     <label class="control-label mobile-control-label valuation-line" for="inputListPrice">New List Price:</label>
  95                                     <div class="controls mobile-controls">
  96                                         <p class="information-lines" id="[tid]_listPrice">[listPrice]</p>
  97                                     </div>
  98                                 </div>
  99                                                             <div class="control-group mobile-control-group vechile">
 100                                                                     <label class="control-label mobile-control-label valuation-line" for="inputVechileStatus">Initial Trade:</label>
 101                                                                     <div class="controls mobile-controls">
 102                                                                         <p class="information-lines" id="[tid]_initialTradePrice">[initialTradePrice]</p>
 103                                                                 </div>
 104                                                             </div>
 105                                                             <div class="control-group mobile-control-group vechile">
 106                                                                     <label class="control-label mobile-control-label valuation-line" for="inputVechileStatus">Updated Trade:</label>
 107                                                                     <div class="controls mobile-controls">
 108                                                                         <p class="information-lines" id="[tid]_updatedTradePrice">[updatedTradePrice]</p>
 109                                                                 </div>
 110                                                             </div>
 111                                                                 <span id="[tid]_coverReceived">
 112                                                                                 [coverReceived]
 113                                                                         </span>
 114                                                         </div>
 115                                                 </div>
 116                                         </div>
 117                                 </div>
 118
 119
 120                                 <div class="row-fluid page-middle-forms-wrapper">
 121                                         <div class="vehicle-specs-form span8">
 122                                                 <div class="visible-phone mobile-form-headers">
 123                                                         <p>
 124                                                                 <span class="btn-content">
 125                                                                         <i class="mobile-car"></i>
 126                                                                 </span>
 127                                                                 Vehicle specifications
 128                                                         </p>
 129                                                 </div>
 130                                                 <p class="hidden-phone form-header"><img class="car" src="imgs/car.gif" alt="">Vehicle specifications</p>
 131                                                 <div class="form-horizontal left-and-right-side">
 132                                                         <div class="left-side mobile-left-side">
 133                                                                 <input type="hidden" id="retailPrice">
 134                                                                 <input type="hidden" id="tradePrice">
 135                                 <input type="hidden" id="listPrice">
 136                                                                 <div class="control-group mobile-control-group" id="[tid]_vehicleYear">
 137                                                                         [vehicleYear]
 138                                                             </div>
 139                                                                 <div class="control-group mobile-control-group" id="[tid]_category">
 140                                                                         [category]
 141                                                             </div>
 142                                                                 <div class="control-group mobile-control-group" id="[tid]_make">
 143                                                                         [make]
 144                                                             </div>
 145                                                                 <div class="control-group mobile-control-group" id="[tid]_model">
 146                                                                         [model]
 147                                                             </div>
 148                                                                 <div class="control-group mobile-control-group" id="[tid]_type">
 149                                                                         [type]
 150                                                             </div>
 151                                                            <div class="control-group mobile-control-group" id="[tid]_mmCode">
 152                                                                         [mmCode]
 153                                                             </div>
 154                                                             <!-- <div class="control-group mobile-control-group">
 155                                                                     <label class="control-label mobile-control-label" for="inputVechileType"></label>
 156                                                                     <div class="btn-group find-value">
 157                                                                                 <button id="btnFetchTu" class="btn find-value-btn">Find value</button>
 158                                                                                 <div class="red-lines"></div>
 159                                                                         </div>
 160                                                                 </div> -->
 161                                                                 <div class="control-group mobile-control-group registration-no" id="[tid]_registrationNumber">
 162                                                                         [registrationNumber]
 163                                                             </div>
 164                                                                 <div class="control-group mobile-control-group" id="[tid]_fuelType">
 165                                                                         [fuelType]
 166                                                             </div>
 167                                                                 <div class="control-group mobile-control-group" id="[tid]_transmissionType">
 168                                                                         [transmissionType]
 169                                                             </div>
 170                                                                 <div class="control-group mobile-control-group" id="[tid]_vinNumber">
 171                                                                         [vinNumber]
 172                                                             </div>
 173                                                                 <div class="control-group mobile-control-group" id="[tid]_engineNumber">
 174                                                                         [engineNumber]
 175                                                             </div>
 176                                                         </div>
 177                                                         <div class="right-side">
 178                                                                 <div class="control-group mobile-control-group" id="[tid]_km">
 179                                                                         [km]
 180                                                             </div>
 181                                                                 <div class="control-group mobile-control-group" id="[tid]_condition">
 182                                                                         [condition]
 183                                                             </div>
 184                                                                 <div class="control-group mobile-control-group" id="[tid]_exteriorColour">
 185                                                                         [exteriorColour]
 186                                                             </div>
 187                                                                 <div class="control-group mobile-control-group" id="[tid]_interiorColour">
 188                                                                         [interiorColour]
 189                                                             </div>
 190                                                                 <div class="control-group mobile-control-group" id="[tid]_upholstery">
 191                                                                         [upholstery]
 192                                                             </div>
 193                                                                 <div class="control-group mobile-control-group" id="[tid]_papers">
 194                                                                         [papers]
 195                                                             </div>
 196                                                                 <div class="control-group mobile-control-group" id="[tid]_natis">
 197                                                                         [natis]
 198                                                             </div>
 199                                                                 <div class="control-group mobile-control-group" id="[tid]_spareKeys">
 200                                                                         [spareKeys]
 201                                                             </div>
 202                                                                 <div class="control-group mobile-control-group" id="[tid]_fullServiceHistory">
 203                                                                         [fullServiceHistory]
 204                                                             </div>
 205                                                                 <div class="control-group mobile-control-group" id="[tid]_fshNotes">
 206                                                                         [fshNotes]
 207                                                             </div>
 208
 209                                                             <div class="HPIhide">
 210                                                             <!--  New HPI Report Here -->
 211                                                                     <div class="row-fluid hidden-phone" style="display: block;">&nbsp;</div>
 212                                                                     <div class="hpiReport" style="display:block;">
 213
 214                                                                             <div class="control-group mobile-control-group row-fluid" style="display: block;" id="test">
 215                                                                                         <div class="form-header span12 warning">TransUnion HPI (Accident) Report</div>
 216                                                                                         <div class="control-group mobile-control-group row-fluid" style="display: block;border:1px solid #d3d3d3;" id="">
 217                                                                                                 <div class="control-group mobile-control-group span6" style="padding-left:10px; padding-top:13px;">Last date requested:</div>
 218                                                                                                 <div class="control-group mobile-control-group span6" style="padding-left:10px;border-left:1px solid #d3d3d3; padding-top:13px;">
 219                                                                                                         <div id="tuhpiDate" class="span9">Not requested yet.</div>
 220                                                                                                         <div class="span3">
 221                                                                                                         <button id="downloadTuhpi" class="btn pull-right span12" type="button" style="display: none; margin:-5px 0 0 0;">view</button>
 222
 223                                                                                                         </div>
 224                                                                                                 </div>
 225                                                                                 </div>
 226                                                                                 </div>
 227                                                                          </div>
 228                                                                 </div>
 229
 230                                                         </div>
 231                                                 </div>
 232                                         </div>
 233                                         <div class="hidden-phone damages-form span4">
 234                                                 <p class="form-header"><img class="bomb" src="imgs/bomb.gif" alt=""> Damages</p>
 235                                                 <div class="form-horizontal">
 236                                                         <span id="[tid]_damages">
 237                                                                 [damages]
 238                                                         </span><br/>
 239                                                         <div class="" >
 240                                                                 <p style="color:red">IMPORTANT: The estimated repair price is at best an estimate, which must be used as a guideline only.</p>
 241                                                         </div>
 242                                                         <span id="[tid]_damageNotes">
 243                                                                 [damageNotes]
 244                                                         </span>
 245                                                         <div class="control-group mobile-control-group total-estimated">
 246                                                                 <label class="total-estimated-label" for="inputTotalEstimated">Total estimated repair price:</label>
 247                                                                 <div class="controls mobile-controls">
 248                                                                   <p class="price" id="[tid]_damageTotal">[damageTotal]</p>
 249                                                                 </div>
 250                                                         </div>
 251                                                                 <div class="control-group mobile-control-group" id="[tid]_previousRepairsNoted">
 252                                                                 [previousRepairsNoted]
 253                                                         </div>
 254                                                         <span id="[tid]_previousRepairsNotes">
 255                                                                 [previousRepairsNotes]
 256                                                         </span>
 257                                                 </div>
 258                                         </div>
 259                                 </div>
 260                                 <div class="row-fluid page-bottom-forms-wrapper">
 261                                         <div class="accessories-form span4">
 262                                                 <div class="visible-phone mobile-form-headers">
 263                                                         <p>
 264                                                                 <span class="btn-content">
 265                                                                         <i class="mobile-headphones"></i>
 266                                                                 </span>
 267                                                                 Accessories
 268                                                         </p>
 269                                                 </div>
 270                                                 <p class="hidden-phone form-header"><img class="headphones" src="imgs/headphones.gif" alt="">Accessories</p>
 271                                                 <div class="form-horizontal">
 272                                                         <span id="[tid]_accessories">
 273                                                                 [accessories]
 274                                                         </span>
 275                                                         <div class="comment-box" id="[tid]_accessoryNotes">
 276                                                                 [accessoryNotes]
 277                                                         </div>
 278                                                 </div>
 279                                         </div>
 280                                         <div class="photos-form span4">
 281                                                 <div class="visible-phone mobile-form-headers">
 282                                                         <p>
 283                                                                 <span class="btn-content">
 284                                                                         <i class="mobile-camera"></i>
 285                                                                 </span>
 286                                                                 Photos
 287                                                         </p>
 288                                                 </div>
 289                                                 <p class="hidden-phone form-header"><img class="camera" src="imgs/camera.gif" alt="">Photos</p>
 290                                                 <div class="form-horizontal left-and-right-side">
 291                                                         <p class="instruction-paragraph">Click on the container to upload images from file:</p>
 292                                                         <p class="warning-paragraph">Maximum of eight photos allowed</p>
 293                                                         <div class="column-left">
 294                                                                 <span id="[tid]_mainImage">[mainImage]</span>
 295                                                                 <span id="[tid]_leftImage">[leftImage]</span>
 296                                                                 <span id="[tid]_backImage">[backImage]</span>
 297                                                                 <span id="[tid]_engineImage">[engineImage]</span>
 298                                                         </div>
 299                                                         <div class="column-left">
 300                                                                 <span id="[tid]_frontImage">[frontImage]</span>
 301                                                                 <span id="[tid]_rightImage">[rightImage]</span>
 302                                                                 <span id="[tid]_interiorImage">[interiorImage]</span>
 303                                                                 <span id="[tid]_natisImage">[natisImage]</span>
 304                                                         </div>
 305                                                 </div>
 306                                         </div>
 307                                         <div class="select-valuator span4">
 308                                                 <div class="btn-wrapper">
 309                                                         <div class="bottom-grey-set">
 310                                                                 <span id="[tid]_print" class="printStockPdf">
 311                                                                         [print]
 312                                                                 </span>
 313                                 <span id="[tid]_printAuction" class="printStockAuctionPdf hide">
 314                                                                         [printAuction]
 315                                                                 </span>
 316                                                                 <button type="button" id="btnUnarchive" class="btn hide">Unarchive</button>
 317                                                                 <button id="btnReclaimFromRetail" type="button" class="btn hide">
 318                                                                         Reclaim from Retail
 319                                                                 </button>
 320                                                                 <button type="button" id="btnDispute" class="btn btn-warning bmw-btn hide" onClick="$('#dropDsp').slideToggle();">Log a dispute</button>
 321                                                         </div>
 322                                                         <div id="dropDsp" class="well well-small well-dark dropSlide hide">
 323                                                                 <div class="control-group mobile-control-group" id="[tid]_complaint">
 324                                                                         [complaint]
 325                                                         </div>
 326                                                         <button type="button" class="btn btn-success pull-right" id="btnLogDispute">Log dispute</button>
 327                                                         &nbsp;<br/>&nbsp;
 328                                                         </div>
 329                                                         <div class="colored-btn-set">
 330                                                                 <button type="button" id="btnB4cAccidentReport" class="btn btn-danger Bid4cars-btn" disabled>Request Bid4cars accident report</button>
 331                                                                 <button type="button" id="btnBwmAccidentReport" class="btn btn-warning bmw-btn" disabled>Request BMW accident report</button>
 332                                                         </div>
 333                                                 </div>
 334                                         </div>
 335
 336
 337                                         <div class="row-fluid page-middle-forms-wrapper">
 338                                         <div class="vehicle-specs-form span4"> &nbsp;</div>
 339                                         <div id="pricinghistory" class="vehicle-specs-form span4">
 340
 341                                                 <p class="hidden-phone form-header pricinghistory"><img class="pricinghistoryimg" src="imgs/icon-pricingHistory.png" alt="">Pricing History</p>
 342                                                 <div class="form-horizontal short">
 343                                                         <div class="row-fluid">
 344                                                         <div class="span12">Please note: This history section includes the last 10 entries for the past 3 months</div>
 345                                                         </div>
 346                                                         <div class="row-fluid">&nbsp;</div>
 347                                                         <div class="row-fluid">
 348                                                         <div class="span12">
 349
 350                                                                         <div class="row-fluid table-form">
 351                                                                                 <div class="span12">
 352                                                                                         <table class="table" id="PHColumnHeaders">
 353
 354                                                                                                 <tr class="table-header table-header-wrapper" id="[tid]_gridPricingHistoryColumnHeaders">
 355
 356                                                                                                 </tr>
 357
 358                                                                                                 <tbody class="grid" id="[tid]_gridPricingHistoryRowRepeater">
 359                                                                                                         <span id = "pricing_history_none_found" style="display:none;" ><strong>There were no vehicles loaded for the past 3 months on the system for this selection.</strong></span>
 360                                                                                                 </tbody>
 361                                                                                         </table>
 362                                                                                 </div>
 363                                                                         </div>
 364
 365
 366                                                         </div>
 367
 368                                                         </div>
 369                                                 </div>
 370                                         </div>
 371
 372
 373                                 </div>
 374                         </form>