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