1 <form id="frmValuationView" 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>
14 <div class="row-fluid page-top-forms-wrapper">
15 <div class="customer-details-form span4">
16 <div id="customerDetailsClick" class="visible-phone mobile-form-headers open">
17 <i class="mobile-icon-user"></i>
19 <span class="btn-content">
23 <i style="float:right;" class="icon-white-arrow-down"></i>
25 <div id="customerDetails">
26 <p class="hidden-phone form-header"><i class="icon-user icon-white"></i> Customer details</p>
27 <div class="form-horizontal">
28 <div class="control-group mobile-control-group" id="[tid]_firstName">
31 <div class="control-group mobile-control-group" id="[tid]_familyName">
34 <div class="control-group mobile-control-group" id="[tid]_idNumber">
37 <div class="control-group mobile-control-group" id="[tid]_mobile">
40 <div class="control-group mobile-control-group" id="[tid]_email">
43 <div class="control-group mobile-control-group" id="[tid]_department">
46 <div class="control-group mobile-control-group" id="[tid]_region">
49 <div class="control-group mobile-control-group" id="[tid]_city">
52 <div class="control-group mobile-control-group" id="[tid]_street">
55 <div class="control-group mobile-control-group" id="[tid]_requiredPrice">
59 </div><!-- wrapper ends -->
61 <div class="valuation-details-form span4">
62 <div id="valuationDetailsClick" class="visible-phone mobile-form-headers open">
63 <i class="mobile-clipboard"></i>
65 <span class="btn-content">
69 <i style="float:right;" class="icon-white-arrow-down"></i>
71 <div id="valuationDetails">
72 <p class="hidden-phone form-header"><img class="clipboard" src="imgs/clipboard.gif" alt="">Valuation details</p>
73 <div class="form-horizontal">
74 <div class="control-group-wrapper mobile-control-group-wrapper">
75 <div class="control-group mobile-control-group date-created">
76 <label class="control-label mobile-control-label valuation-line" for="inputDateCreated">Date created:</label>
77 <div class="controls mobile-controls">
78 <p class="information-lines" id="[tid]_infCreated">[infCreated]</p>
81 <div class="control-group mobile-control-group valuation-no">
82 <label class="control-label mobile-control-label valuation-line" for="inputValuationNo">Valuation no:</label>
83 <div class="controls mobile-controls">
84 <p class="information-lines" id="[tid]_infValuationNumber">[infValuationNumber]</p>
87 <div class="control-group mobile-control-group ref-no">
88 <label class="control-label mobile-control-label valuation-line" for="inputRefNo">Reference no:</label>
89 <div class="controls mobile-controls">
90 <p class="information-lines" id="[tid]_infReferenceNumber">[infReferenceNumber]</p>
93 <div class="control-group mobile-control-group vechile">
94 <label class="control-label mobile-control-label valuation-line" for="inputVechile">Vehicle status:</label>
95 <div class="controls mobile-controls">
96 <p class="information-lines" id="[tid]_infStatus">[infStatus]</p>
99 <div class="control-group mobile-control-group created-by">
100 <label class="control-label mobile-control-label valuation-line" for="inputCreatedBy">Created by:</label>
101 <div class="controls mobile-controls">
102 <p class="information-lines" id="[tid]_infCreatedBy">[infCreatedBy]</p>
105 <div class="control-group mobile-control-group valuator">
106 <label class="control-label mobile-control-label valuation-line" for="inputValuator">Valuator:</label>
107 <div class="controls mobile-controls">
108 <p class="information-lines" id="[tid]_infValuator">[infValuator]</p>
111 <div class="control-group mobile-control-group sales-person">
112 <label class="control-label mobile-control-label valuation-line" for="inputSalesPerson">Sales person:</label>
113 <div class="controls mobile-controls">
114 <p class="information-lines" id="[tid]_infSalesUser">[infSalesUser]</p>
117 <div class="control-group mobile-control-group date-loaded">
118 <label class="control-label mobile-control-label valuation-line" for="inputDateLoaded">Date loaded on price guide:</label>
119 <div class="controls mobile-controls">
120 <p class="information-lines" id="[tid]_infLoadedOnPriceGuide">[infLoadedOnPriceGuide]</p>
125 </div><!-- wrapper ends -->
127 <div class="hidden-phone pricing-details-form span4">
128 <div id="pricingDetailsClick" class="visible-phone mobile-form-headers open">
129 <i class="mobile-money"></i>
131 <span class="btn-content">
135 <i style="float:right;" class="icon-white-arrow-down"></i>
138 <div id="pricingDetails">
139 <p class="hidden-phone form-header">
140 <img class="money" src="imgs/money.gif" alt="">Pricing details</p>
141 <div class="form-horizontal">
142 <p>Trade:<span class="price" id="[tid]_infTradePrice">[infTradePrice]</span></p>
143 <p class="trade-and-retail">*Trade and Retail avaliable</p>
144 <p class="retail">Retail:<span class="price" id="[tid]_infRetailPrice">[infRetailPrice]</span></p>
145 <p class="list">List:<span class="price" id="[tid]_infListPrice">[infListPrice]</span></p>
147 <div class="control-group mobile-control-group" id="[tid]_amountOffered">
150 <div class="control-group mobile-control-group" id="[tid]_overAllowance">
153 <div class="control-group mobile-control-group" id="[tid]_standInValue">
156 <div class="control-group mobile-control-group" id="[tid]_projectedRetail">
159 <div class="control-group mobile-control-group" id="[tid]_plannedMargin">
163 </div><!-- wrapper ends -->
171 <div class="row-fluid page-middle-forms-wrapper">
172 <div class="vehicle-specs-form span8">
173 <div id="vSpecsClick" class="visible-phone mobile-form-headers open">
174 <i class="mobile-car"></i>
176 <span class="btn-content">
178 Vehicle specifications
180 <i style="float:right;" class="icon-white-arrow-down"></i>
184 <p class="hidden-phone form-header"><img class="car" src="imgs/car.gif" alt="">Vehicle specifications</p>
185 <div class="form-horizontal">
186 <div class="row-fluid">
188 <input type="hidden" id="retailPrice">
189 <input type="hidden" id="tradePrice">
190 <input type="hidden" id="listPrice">
191 <div class="control-group mobile-control-group" id="[tid]_vehicleYear">
194 <div class="control-group mobile-control-group" id="[tid]_category">
197 <div class="control-group mobile-control-group" id="[tid]_make">
200 <div class="control-group mobile-control-group" id="[tid]_model">
203 <div class="control-group mobile-control-group" id="[tid]_type">
206 <div class="control-group mobile-control-group" id="[tid]_mmCode">
209 <div class="control-group mobile-control-group " id="[tid]_registrationNumber">
212 <div class="control-group mobile-control-group" id="[tid]_fuelType">
215 <div class="control-group mobile-control-group" id="[tid]_transmissionType">
218 <div class="control-group mobile-control-group" id="[tid]_vinNumber">
221 <div class="control-group mobile-control-group" id="[tid]_engineNumber">
224 <div class="control-group mobile-control-group" id="[tid]_sighted">
227 <div class="control-group mobile-control-group" id="[tid]_licenseDiscExpired">
232 <div class="control-group mobile-control-group" id="[tid]_km">
235 <div class="control-group mobile-control-group" id="[tid]_condition">
238 <div class="control-group mobile-control-group" id="[tid]_exteriorColour">
241 <div class="control-group mobile-control-group" id="[tid]_interiorColour">
244 <div class="control-group mobile-control-group" id="[tid]_upholstery">
247 <div class="control-group mobile-control-group" id="[tid]_papers">
250 <div class="control-group mobile-control-group" id="[tid]_natis">
253 <div class="control-group mobile-control-group" id="[tid]_spareKeys">
256 <div class="control-group mobile-control-group" id="[tid]_fullServiceHistory">
259 <div class="control-group mobile-control-group" id="[tid]_fshNotes">
263 <!-- New HPI Report Here -->
264 <div class="HPIhide">
265 <div class="row-fluid hidden-phone" style="display: block;"> </div>
266 <div class="hpiReport" style="display:block;">
268 <div class="control-group mobile-control-group row-fluid" style="display: block;" id="test">
269 <div class="form-header span12 warning">TransUnion HPI (Accident) Report</div>
270 <div class="control-group mobile-control-group row-fluid" style="display: block;border:1px solid #d3d3d3;" id="">
271 <div class="control-group mobile-control-group span6" style="padding-left:10px; padding-top:13px;">Last date requested:</div>
272 <div class="control-group mobile-control-group span6" style="padding-left:10px;border-left:1px solid #d3d3d3; padding-top:13px;">
273 <div id="tuhpiDate" class="span9">Not requested yet.</div>
274 <div class="span3"><button id="downloadTuhpi" class="btn pull-right span12" type="button" style="display: none; margin:-5px 0 0 0;">view</button></div>
284 </div><!-- wrapper ends -->
286 <div class="hidden-phone damages-form span4">
287 <div id="damagesClick" class="visible-phone mobile-form-headers open">
288 <i class="mobile-bomb"></i>
290 <span class="btn-content">
294 <i style="float:right;" class="icon-white-arrow-down"></i>
296 <div id="damagesOpen">
297 <p class="hidden-phone form-header">
298 <img class="bomb" src="imgs/bomb.gif" alt=""> Damages</p>
299 <div class="form-horizontal">
300 <span id="[tid]_damages">
304 <p style="color:red">IMPORTANT: The estimated repair price is at best an estimate, which must be used as a guideline only.</p>
306 <span id="[tid]_damageNotes">
309 <div class="control-group mobile-control-group total-estimated">
310 <label class="total-estimated-label" for="inputTotalEstimated">Total estimated repair price:</label>
311 <div class="controls mobile-controls">
312 <p class="price" id="[tid]_damageTotal">[damageTotal]</p>
315 <div class="control-group mobile-control-group" id="[tid]_previousRepairsNoted">
316 [previousRepairsNoted]
318 <div class="control-group mobile-control-group" id="[tid]_previousRepairsNotes">
319 [previousRepairsNotes]
322 </div><!-- wrapper ends -->
325 <div class="row-fluid page-bottom-forms-wrapper">
326 <div class="accessories-form span4">
327 <div id="accessoriesClick" class="visible-phone mobile-form-headers open">
328 <i class="mobile-headphones"></i>
330 <span class="btn-content">
334 <i style="float:right;" class="icon-white-arrow-down"></i>
336 <div id="accessoriesOpen">
337 <p class="hidden-phone form-header"><img class="headphones" src="imgs/headphones.gif" alt="">Accessories</p>
338 <div class="form-horizontal">
339 <span id="[tid]_accessories">
342 <div class="comment-box" id="[tid]_accessoryNotes">
346 </div><!-- wrapper ends -->
348 <div class="photos-form span4">
349 <div id="photoClick" class="visible-phone mobile-form-headers open">
350 <i class="mobile-camera"></i>
352 <span class="btn-content">
356 <i style="float:right;" class="icon-white-arrow-down"></i>
359 <p class="hidden-phone form-header"><img class="camera" src="imgs/camera.gif" alt="">Photos</p>
360 <div class="form-horizontal left-and-right-side">
361 <p class="instruction-paragraph">Click on the container to upload images from file:</p>
362 <p class="warning-paragraph">Maximum of eight photos allowed</p>
363 <div class="column-left">
364 <span id="[tid]_mainImage">[mainImage]</span>
365 <span id="[tid]_leftImage">[leftImage]</span>
366 <span id="[tid]_backImage">[backImage]</span>
367 <span id="[tid]_engineImage">[engineImage]</span>
369 <div class="column-left">
370 <span id="[tid]_frontImage">[frontImage]</span>
371 <span id="[tid]_rightImage">[rightImage]</span>
372 <span id="[tid]_interiorImage">[interiorImage]</span>
373 <span id="[tid]_natisImage">[natisImage]</span>
376 </div><!-- wrapper ends -->
378 <div class="select-valuator span4">
379 <div class="btn-wrapper">
380 <div class="top-grey-set">
381 <button type="button" id="optSendToPg" class="btn send-to-price-btn hide" onClick="$('#dropPg').slideToggle();">
384 <button type="button" id="optSendToSales" class="btn send-to-sales-btn hide" onClick="$('#dropCmp').slideToggle();">Send to sales</button>
385 <button type="button" id="btnUnarchive" class="btn hide">Unarchive</button>
387 <div id="dropPg" class="well well-small well-dark dropSlide hide">
388 <div class="control-group mobile-control-group" id="[tid]_clubs">
391 <button type="button" class="btn btn-success pull-right" id="btnSendToPg">Send to price guide</button>
394 <div id="dropCmp" class="well well-small well-dark dropSlide hide">
395 <div class="control-group mobile-control-group" id="[tid]_salesProfile">
398 <div class="control-group mobile-control-group" id="[tid]_salesAmountOffered">
401 <div class="control-group mobile-control-group" id="[tid]_salesComments">
404 <button type="button" class="btn btn-success pull-right" id="btnSendToSales">Send to sales</button>
407 <div class="bottom-grey-set">
408 <span id="[tid]_print">
411 <button type="button" id="btnArchive" class="btn archive-btn hide">Archive</button>
412 <button type="button" id="btnSendToStock" class="btn add-to-stock-btn hide" onClick="$('#dropStock').slideToggle();">Add to stock</button>
414 <div id="dropStock" class="well well-small well-dark dropSlide hide">
415 <div class="control-group mobile-control-group" id="[tid]_stockNumber">
418 <label for="acceptStockHPIdisclaimer" style="font-size:12px;">
419 <input id="acceptStockHPIdisclaimer" type="checkbox">
420 I agree that the Vin, Engine and Reg number entered is as per the Natis document, in order for Transunion Reports to be drawn.
423 <button type="button" class="btn btn-success pull-right" id="doSendToStock">Send to stock</button>
424 <button type="button" class="btn btn-success pull-right hide" id="doRemoveAccept">Accept Offer</button>
427 <div class="colored-btn-set">
428 <button type="button" id="btnSendToDealDone" class="btn btn-success save-and-send-btn hide">Save & send to Deal Done</button>
429 <button type="button" id="btnSendToDealNotDone" class="btn btn-danger save-and-send-btn hide" >Save & send to Deal Not Done</button>
430 <button type="button" id="btnRemoveAccept" class="btn btn-success save-and-send-btn hide" onClick="$('#dropDealDone').slideToggle();">Deal Done / Accept Highest Offer</button>
431 <button type="button" id="btnAcceptOffer" class="btn btn-success save-and-send-btn hide" onClick="$('#dropDealDone').slideToggle();">Deal Done / Accept Highest Offer</button>
432 <div id="dropDealDone" class="well well-small well-dark dropSlide hide">
433 <div id="dealDoneOfferList">Loading...<br/></div>
434 <button type="button" class="btn btn-success pull-right hide" id="doAcceptOffer">Accept Offer</button>
435 <button type="button" class="btn btn-success pull-right" id="doRemoveAcceptSlider">Accept Offer Here</button>
438 <button type="button" id="btnKeepForStock" class="btn btn-danger save-and-send-btn hide">Deal Done / Keep for Stock</button>
439 <button type="button" id="btnRemove" class="btn btn-danger save-and-send-btn hide">Deal Done / Keep for Stock</button>
440 <button type="button" id="btnExpire" class="btn btn-danger save-and-send-btn hide">Remove from Price Guide</button>
441 <button type="button" id="btnB4cAccidentReport" class="btn btn-danger Bid4cars-btn hide" disabled>Request Bid4cars accident report</button>
442 <button type="button" id="btnBwmAccidentReport" class="btn btn-warning bmw-btn hide" disabled>Request BMW accident report</button>
443 <button type="button" id="btnSaveAsPending" class="btn btn-primary save-and-send-btn hide">Save & send to pending valuation</button>
448 <div class="row-fluid page-middle-forms-wrapper">
449 <div class="vehicle-specs-form span4"> </div>
450 <div id="pricinghistory" class="vehicle-specs-form span4">
452 <p class="hidden-phone form-header pricinghistory"><img class="pricinghistoryimg" src="imgs/icon-pricingHistory.png" alt="">Pricing History</p>
453 <div class="form-horizontal short">
454 <div class="row-fluid">
455 <div class="span12">Please note: This history section includes the last 10 entries for the past 3 months</div>
457 <div class="row-fluid"> </div>
458 <div class="row-fluid">
461 <div class="row-fluid table-form">
463 <table class="table" id="PHColumnHeaders">
465 <tr class="table-header table-header-wrapper" id="[tid]_gridPricingHistoryColumnHeaders">
469 <tbody class="grid" id="[tid]_gridPricingHistoryRowRepeater">
470 <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>