1 <form id="frmStockView" action="">
2 <div class="row-fluid page-title-wrapper">
5 <p class="page-title-header">
6 Vehicle details provided below.
8 <a class="back-btn btn">Back</a>
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">
16 <span class="btn-content">
17 <i class="mobile-clipboard"></i>
19 Price Guide and Auction
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>
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>
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>
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>
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>
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>
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>
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>
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>
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>
94 <span id="[tid]_coverReceived">
103 <div class="row-fluid page-middle-forms-wrapper">
104 <div class="vehicle-specs-form span8">
105 <div class="visible-phone mobile-form-headers">
107 <span class="btn-content">
108 <i class="mobile-car"></i>
110 Vehicle specifications
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">
122 <div class="control-group mobile-control-group" id="[tid]_category">
125 <div class="control-group mobile-control-group" id="[tid]_make">
128 <div class="control-group mobile-control-group" id="[tid]_model">
131 <div class="control-group mobile-control-group" id="[tid]_type">
134 <div class="control-group mobile-control-group" id="[tid]_stockNumber">
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>
144 <div class="control-group mobile-control-group registration-no" id="[tid]_registrationNumber">
147 <div class="control-group mobile-control-group" id="[tid]_fuelType">
150 <div class="control-group mobile-control-group" id="[tid]_transmissionType">
153 <div class="control-group mobile-control-group" id="[tid]_vinNumber">
156 <div class="control-group mobile-control-group" id="[tid]_engineNumber">
160 <div class="right-side">
161 <div class="control-group mobile-control-group" id="[tid]_km">
164 <div class="control-group mobile-control-group" id="[tid]_condition">
167 <div class="control-group mobile-control-group" id="[tid]_exteriorColour">
170 <div class="control-group mobile-control-group" id="[tid]_interiorColour">
173 <div class="control-group mobile-control-group" id="[tid]_upholstery">
176 <div class="control-group mobile-control-group" id="[tid]_papers">
179 <div class="control-group mobile-control-group" id="[tid]_natis">
182 <div class="control-group mobile-control-group" id="[tid]_spareKeys">
185 <div class="control-group mobile-control-group" id="[tid]_fullServiceHistory">
188 <div class="control-group mobile-control-group" id="[tid]_fshNotes">
193 <!-- New HPI Report Here -->
194 <div class="row-fluid hidden-phone" style="display: block;"> </div>
195 <div class="hpiReport" style="display:block;">
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>
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">
222 <p style="color:red">IMPORTANT: The estimated repair price is at best an estimate, which must be used as a guideline only.</p>
224 <span id="[tid]_damageNotes">
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>
233 <div class="control-group mobile-control-group" id="[tid]_previousRepairsNoted">
234 [previousRepairsNoted]
236 <span id="[tid]_previousRepairsNotes">
237 [previousRepairsNotes]
242 <div class="row-fluid page-bottom-forms-wrapper">
243 <div class="accessories-form span4">
244 <div class="visible-phone mobile-form-headers">
246 <span class="btn-content">
247 <i class="mobile-headphones"></i>
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">
257 <div class="comment-box" id="[tid]_accessoryNotes">
262 <div class="photos-form span4">
263 <div class="visible-phone mobile-form-headers">
265 <span class="btn-content">
266 <i class="mobile-camera"></i>
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>
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>
289 <div class="select-valuator span4">
290 <div class="btn-wrapper">
291 <div class="bottom-grey-set">
292 <span id="[tid]_print" class="printStockPdf">
295 <span id="[tid]_printAuction" class="printStockAuctionPdf hide">
298 <button type="button" id="btnUnarchive" class="btn hide">Unarchive</button>
299 <button id="btnReclaimFromRetail" type="button" class="btn hide">
302 <button type="button" id="btnDispute" class="btn btn-warning bmw-btn hide" onClick="$('#dropDsp').slideToggle();">Log a dispute</button>
304 <div id="dropDsp" class="well well-small well-dark dropSlide hide">
305 <div class="control-group mobile-control-group" id="[tid]_complaint">
308 <button type="button" class="btn btn-success pull-right" id="btnLogDispute">Log dispute</button>
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>