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 info-block">
13 <div class="valuation-details-form pg-a-data-wrapper span4">
16 <!-- <div class="visible-phone mobile-form-headers">
18 <span class="btn-content">
19 <i class="mobile-clipboard"></i>
21 Price Guide and Auction
25 <div id="priceGuideAuctionClick" class="visible-phone mobile-form-headers open">
26 <i class="mobile-clipboard"></i>
28 <span class="btn-content">
30 Price Guide and Auction
32 <i style="float:right;" class="icon-white-arrow-down"></i>
35 <div id="priceGuideAuction">
36 <p class="hidden-phone form-header"><img class="clipboard" src="imgs/clipboard.gif" alt="">Price Guide and Auction</p>
37 <div class="form-horizontal mobile-form-horizontal">
38 <div class="control-group-wrapper mobile-control-group-wrapper">
39 <div class="control-group mobile-control-group price-guide-info hide">
40 <label class="control-label mobile-control-label valuation-line" for="inputDateLoaded">Date Created:</label>
41 <div class="controls mobile-controls">
42 <p class="information-lines" id="[tid]_dateCreatedPriceGuide">[dateCreatedPriceGuide]</p>
45 <div class="control-group mobile-control-group price-guide-info hide">
46 <label class="control-label mobile-control-label valuation-line" for="inputDateLoaded">Date loaded on price guide:</label>
47 <div class="controls mobile-controls">
48 <p class="information-lines" id="[tid]_loadedOnPriceGuide">[loadedOnPriceGuide]</p>
51 <div class="control-group mobile-control-group price-guide-info hide">
52 <label class="control-label mobile-control-label valuation-line" for="inputNumOffers">Number of offers:</label>
53 <div class="controls mobile-controls">
54 <p class="information-lines" id="[tid]_numberOfOffers">[numberOfOffers]</p>
57 <div class="control-group mobile-control-group price-guide-info hide">
58 <label class="control-label mobile-control-label valuation-line" for="inputDateLoaded">Highest offer:</label>
59 <div class="controls mobile-controls">
60 <p class="information-lines" id="[tid]_highestOffer">[highestOffer]</p>
64 <div class="control-group mobile-control-group auction-info hide">
65 <label class="control-label mobile-control-label valuation-line" for="inputTimesListed">Times listed on auction:</label>
66 <div class="controls mobile-controls">
67 <p class="information-lines" id="[tid]_timesListed">[timesListed]</p>
70 <div class="control-group mobile-control-group auction-info hide">
71 <label class="control-label mobile-control-label valuation-line" for="inputHighestBid">Highest bid:</label>
72 <div class="controls mobile-controls">
73 <p class="information-lines" id="[tid]_highestBid">[highestBid]</p>
78 </div> <!-- Wrapper ends Here -->
82 <div class="pricing-details-form span4">
84 <div id="pricingDetailsClick" class="visible-phone mobile-form-headers open">
85 <i class="mobile-money"></i>
87 <span class="btn-content">
91 <i style="float:right;" class="icon-white-arrow-down"></i>
95 <div id="pricingDetails">
96 <p class="hidden-phone form-header"><img class="money" src="imgs/money.gif" alt="">Pricing details</p>
97 <div class="form-horizontal">
98 <div class="control-group-wrapper mobile-control-group-wrapper">
99 <div class="control-group mobile-control-group ref-no">
100 <label class="control-label mobile-control-label valuation-line" for="inputRefNo">Reference no:</label>
101 <div class="controls mobile-controls">
102 <p class="information-lines" id="[tid]_referenceNumber">[referenceNumber]</p>
105 <div class="control-group mobile-control-group vechile">
106 <label class="control-label mobile-control-label valuation-line" for="inputVechileStatus">Vehicle status:</label>
107 <div class="controls mobile-controls">
108 <p class="information-lines" id="[tid]_jobState">[jobState]</p>
111 <div class="control-group mobile-control-group vechile">
112 <label class="control-label mobile-control-label valuation-line" for="inputVechileStatus">Initial Trade:</label>
113 <div class="controls mobile-controls">
114 <p class="information-lines" id="[tid]_initialTradePrice">[initialTradePrice]</p>
117 <div class="control-group mobile-control-group vechile">
118 <label class="control-label mobile-control-label valuation-line" for="inputVechileStatus">Updated Trade:</label>
119 <div class="controls mobile-controls">
120 <p class="information-lines" id="[tid]_updatedTradePrice">[updatedTradePrice]</p>
124 <span id="[tid]_coverReceived">
129 </div> <!-- Wrapper End Here -->
136 <div class="row-fluid page-middle-forms-wrapper">
137 <div class="vehicle-specs-form span8">
139 <!-- <div class="visible-phone mobile-form-headers">
141 <span class="btn-content">
142 <i class="mobile-car"></i>
144 Vehicle specifications
149 <div id="vSpecsClick" class="visible-phone mobile-form-headers open">
150 <i class="mobile-car"></i>
152 <span class="btn-content">
154 Vehicle specifications
156 <i style="float:right;" class="icon-white-arrow-down"></i>
160 <p class="hidden-phone form-header"><img class="car" src="imgs/car.gif" alt="">Vehicle specifications</p>
161 <div class="form-horizontal">
162 <div class="row-fluid">
164 <input type="hidden" id="retailPrice">
165 <input type="hidden" id="tradePrice">
166 <input type="hidden" id="listPrice">
167 <div class="control-group mobile-control-group vechile">
168 <label class="control-label mobile-control-label valuation-line" for="inputTradePrice">Trade Price:</label>
169 <div class="controls mobile-controls">
170 <p class="information-lines" id="[tid]_tradePrice">[tradePrice]</p>
173 <div class="control-group mobile-control-group vechile">
174 <label class="control-label mobile-control-label valuation-line" for="inputRetailPrice">Retail Price:</label>
175 <div class="controls mobile-controls">
176 <p class="information-lines" id="[tid]_retailPrice">[retailPrice]</p>
179 <div class="control-group mobile-control-group vechile">
180 <label class="control-label mobile-control-label valuation-line" for="inputListPrice">New List Price:</label>
181 <div class="controls mobile-controls">
182 <p class="information-lines" id="[tid]_listPrice">[listPrice]</p>
185 <div class="control-group mobile-control-group" id="[tid]_vehicleYear">
188 <div class="control-group mobile-control-group" id="[tid]_category">
192 <div id="selectionVehicle">
194 <div class="control-group mobile-control-group" id="[tid]_make">
197 <div class="control-group mobile-control-group hide" id="[tid]_makeManual">
200 <div class="control-group mobile-control-group" id="[tid]_model">
203 <div class="control-group mobile-control-group hide" id="[tid]_modelManual">
206 <div class="control-group mobile-control-group" id="[tid]_type">
209 <div class="control-group mobile-control-group hide" id="[tid]_typeManual">
216 <div class="control-group mobile-control-group" id="[tid]_mmCode">
219 <div class="control-group mobile-control-group" id="[tid]_stockNumber">
222 <!-- <div class="control-group mobile-control-group">
223 <label class="control-label mobile-control-label" for="inputVechileType"></label>
224 <div class="btn-group find-value">
225 <button type="button" id="btnFetchTu" class="btn find-value-btn">Find value</button>
226 <div class="red-lines"></div>
229 <div class="control-group mobile-control-group registration-no" id="[tid]_registrationNumber">
232 <div class="control-group mobile-control-group" id="[tid]_fuelType">
235 <div class="control-group mobile-control-group" id="[tid]_transmissionType">
238 <div class="control-group mobile-control-group" id="[tid]_vinNumber">
241 <div class="control-group mobile-control-group" id="[tid]_engineNumber">
246 <div class="control-group mobile-control-group" id="[tid]_km">
249 <div class="control-group mobile-control-group" id="[tid]_condition">
252 <div class="control-group mobile-control-group" id="[tid]_exteriorColour">
255 <div class="control-group mobile-control-group" id="[tid]_interiorColour">
258 <div class="control-group mobile-control-group" id="[tid]_upholstery">
261 <div class="control-group mobile-control-group" id="[tid]_papers">
264 <div class="control-group mobile-control-group" id="[tid]_natis">
267 <div class="control-group mobile-control-group" id="[tid]_spareKeys">
270 <div class="control-group mobile-control-group" id="[tid]_fullServiceHistory">
273 <div class="control-group mobile-control-group" id="[tid]_fshNotes">
278 <!--<div class="HPIhide">
279 <!– New HPI Report Here –>
280 <div class="row-fluid hidden-phone" style="display: block;"> </div>
281 <div class="hpiReport" style="display:block;">
283 <div class="control-group mobile-control-group row-fluid" style="display: block;" id="test">
284 <div class="form-header span12 warning">TransUnion HPI (Accident) Report</div>
285 <div class="control-group mobile-control-group row-fluid" style="display: block;border:1px solid #d3d3d3;" id="">
286 <div class="control-group mobile-control-group span6" style="padding-left:10px; padding-top:13px;">Last date requested:</div>
287 <div class="control-group mobile-control-group span6" style="padding-left:10px;border-left:1px solid #d3d3d3; padding-top:13px;">
288 <div id="tuhpiDate" class="span9">Not requested yet.</div>
290 <button id="downloadTuhpi" class="btn pull-right span12" type="button" style="display: none; margin:-5px 0 0 0;">view</button>
298 <!-- New HPI Report Here -->
299 <div class="HPIhide">
300 <div class="row-fluid hidden-phone" style="display: block;"> </div>
301 <div class="hpiReport" style="display:block;">
302 <div class="control-group mobile-control-group row-fluid" style="display: block;" id="test">
303 <div class="form-header span12 warning">TransUnion HPI (Accident) Report</div>
304 <div id="HPIreportData">
305 <div class="control-group mobile-control-group row-fluid" style="display: block;border:1px solid #d3d3d3;" id="">
306 <div class="control-group mobile-control-group span4" style="padding-left:10px; padding-top:13px;">Last date requested:</div>
307 <div class="control-group mobile-control-group span4" style="padding-left:10px;border-left:1px solid #d3d3d3; padding-top:13px;">
308 <div id="tuhpiDate" class="span9">Not requested yet.</div>
309 <div class="span3"><button id="downloadTuhpi" class="btn pull-right span12" type="button" style="display: none; margin:-5px 0 0 0;">view</button></div>
320 </div> <!-- Wrapper ends here -->
326 <div class="damages-form span4">
328 <div id="damagesClick" class="visible-phone mobile-form-headers open">
329 <i class="mobile-bomb"></i>
331 <span class="btn-content">
335 <i style="float:right;" class="icon-white-arrow-down"></i>
338 <div id="damagesOpen">
339 <p class="hidden-phone form-header"><img class="bomb" src="imgs/bomb.gif" alt=""> Damages</p>
340 <div class="form-horizontal">
341 <span id="[tid]_damages">
345 <p style="color:red">IMPORTANT: The estimated repair price is at best an estimate, which must be used as a guideline only.</p>
347 <span id="[tid]_damageNotes">
350 <div class="control-group mobile-control-group total-estimated">
351 <label class="total-estimated-label" for="inputTotalEstimated">Total estimated repair price:</label>
352 <div class="controls mobile-controls">
353 <p class="price" id="[tid]_damageTotal">[damageTotal]</p>
356 <div class="control-group mobile-control-group" id="[tid]_previousRepairsNoted">
357 [previousRepairsNoted]
359 <div class="control-group mobile-control-group" id="[tid]_previousRepairsNotes">
360 [previousRepairsNotes]
363 </div><!-- Wrapper ends here -->
370 <div class="row-fluid page-bottom-forms-wrapper">
371 <div class="accessories-form span4">
373 <!-- <div class="visible-phone mobile-form-headers">
375 <span class="btn-content">
376 <i class="mobile-headphones"></i>
382 <div id="accessoriesClick" class="visible-phone mobile-form-headers open">
383 <i class="mobile-headphones"></i>
385 <span class="btn-content">
389 <i style="float:right;" class="icon-white-arrow-down"></i>
392 <div id="accessoriesOpen">
393 <p class="hidden-phone form-header"><img class="headphones" src="imgs/headphones.gif" alt="">Accessories</p>
394 <div class="form-horizontal">
395 <span id="[tid]_accessories">
398 <div class="comment-box" id="[tid]_accessoryNotes">
402 </div><!-- Wrapper ends here -->
405 <div class="photos-form span4">
406 <!-- <div class="visible-phone mobile-form-headers">
408 <span class="btn-content">
409 <i class="mobile-camera"></i>
415 <div id="photoClick" class="visible-phone mobile-form-headers open">
416 <i class="mobile-camera"></i>
418 <span class="btn-content">
422 <i style="float:right;" class="icon-white-arrow-down"></i>
426 <p class="hidden-phone form-header"><img class="camera" src="imgs/camera.gif" alt="">Photos</p>
427 <div class="form-horizontal left-and-right-side">
428 <p class="instruction-paragraph">Click on the container to upload images from file:</p>
429 <p class="warning-paragraph">Maximum of eight photos allowed</p>
430 <div class="column-left">
431 <span id="[tid]_mainImage">[mainImage]</span>
432 <span id="[tid]_leftImage">[leftImage]</span>
433 <span id="[tid]_backImage">[backImage]</span>
434 <span id="[tid]_engineImage">[engineImage]</span>
436 <div class="column-left">
437 <span id="[tid]_frontImage">[frontImage]</span>
438 <span id="[tid]_rightImage">[rightImage]</span>
439 <span id="[tid]_interiorImage">[interiorImage]</span>
440 <span id="[tid]_natisImage">[natisImage]</span>
443 </div><!-- Wrapper Ends Here -->
445 <div class="select-valuator span4">
446 <div class="btn-wrapper">
447 <div class="top-grey-set">
448 <button id="optSendToPg" type="button" class="btn send-to-price-btn hide" onClick="$('#dropPg').slideToggle();">
451 <button id="optSendToAction" type="button" class="btn send-to-auction-btn hide" onClick="$('#dropAuction').slideToggle();">
454 <button id="btnSendToTc" type="button" class="btn send-to-auction-btn hide">
457 <button id="optSendToRetail" type="button" class="btn hide" onClick="$('#dropRetail').slideToggle();">
460 <button id="btnReclaimFromRetail" type="button" class="btn hide">
463 <button type="submit" class="btn edit-btn" id="btnUpdate">Save to stock</button>
465 <div id="dropPg" class="well well-small dropSlide hide">
466 <div class="control-group mobile-control-group" id="[tid]_clubs">
469 <label for="acceptPgHPIdisclaimer" style="font-size:12px;">
470 <input id="acceptPgHPIdisclaimer" type="checkbox">
471 <span class="span12">
472 I agree that the Vin, Engine and Reg number entered is as per the Natis document, in order for Transunion Reports to be drawn.
476 <button type="button" class="btn btn-success pull-right" id="btnSendToPg">Send to price guide</button>
479 <div id="dropAuction" class="well well-small dropSlide hide">
480 <div class="control-group mobile-control-group" id="[tid]_endDate">
483 <div class="control-group mobile-control-group" id="[tid]_reservePrice">
486 <label for="acceptAuctionHPIdisclaimer" style="font-size:12px;">
487 <input id="acceptAuctionHPIdisclaimer" type="checkbox">
488 <span class="span12">
489 I agree that the Vin, Engine and Reg number entered is as per the Natis document, in order for Transunion Reports to be drawn.
493 <button type="button" class="btn btn-success pull-right" id="btnSendToAuction">Send to auction</button>
496 <div id="dropRetail" class="well well-small well-dark dropSlide hide">
497 <div class="control-group mobile-control-group" id="[tid]_retailAmountRequired">
498 [retailAmountRequired]
500 <button type="button" class="btn btn-success pull-right" id="btnSendToRetail">Send to retail</button>
503 <div class="bottom-grey-set">
504 <span id="[tid]_print">
507 <button type="button" id="btnArchive" class="btn archive-btn">Archive</button>
509 <div class="colored-btn-set">
510 <button type="button" class="btn btn-danger Bid4cars-btn hide" disabled>Request Bid4cars accident report</button>
511 <button type="button" class="btn btn-warning bmw-btn hide" disabled>Request BMW accident report</button>
515 <!-- TransUnion HPI -->
516 <div class="HPIhide">
517 <button type="button" id="requestHPIreport" class="btn btn-purple hide" onClick="$('#tuHPIReport').slideToggle();">
520 <button type="button" id="requestHPIAccidentReport" class="btn btn-purple hide" onClick="$('#tuHPIAccidentReport').slideToggle();">
523 <!-- TransUnion HPI Report -->
524 <div id="tuHPIReport" class="well well-small dropSlide hide">
526 <div class="span12 offset1">
527 <div class="control-group mobile-control-group" id="HPIFormInputs">
528 <div class="span11"><p>Please enter your Username and Password to download the HPI report.</p></div>
531 <!-- <div class="row">User Name:<input class="field" id="email" name="email" type="text" placeholder="email" value=""></div> -->
532 <!-- <div class="row">Password: the impit</div> -->
533 <div class="input-prepend login-input">
534 <span class="add-on"><i class="icon-user icon-black"></i></span>
535 <input class="field" id="HPIusername" name="HPIusername" type="text" placeholder="Username" value="">
537 <div id="maskedPin" class="input-prepend">
538 <span class="add-on"><i class="icon-asterisk icon-black"></i></span><input class="field"
539 id="HPIpin" name="HPIpin" type="password" placeholder="Password">
541 <div id="HPIresponse"></div>
545 <div id="HPIdropConfirm" class="span10 offset1 well well-small well-dark dropSlide hide textshow-dark">
546 <div class="span11 offset1">
547 You will be billed directly by Transunion for this transaction. Do you want to continue?
549 <label for="acceptHPIdisclaimer" style="font-size:12px;">
550 <input id="acceptHPIdisclaimer" type="checkbox">
551 <span class="span12">
552 Please ensure that the Vin, Engine and Reg number supplied is correct as you will be billed accordingly by Transunion if incorrect information supplied.
557 <button type="button" class="btn btn-success pull-right" id="HPIbtnConfirm">Yes</button>
558 <button type="button" class="btn btn-danger pull-right" onClick="$('#HPIdropConfirm').slideToggle();">No</button>
561 <div class="span12 hidden-phone hidden-desktop">
564 <div class="span12 offset1">
566 <button type="button" class="btn btn-danger pull-left" onClick="$('#tuHPIReport').slideToggle();" id="btnCancelHPI">Cancel</button>
569 <button type="button" class="btn btn-success pull-left" id="btnRequestHPI" >Request Report</button>
575 <!-- TransUnion HPI Accident Report -->
576 <div id="tuHPIAccidentReport" class="well well-small dropSlide hide">
578 <div class="span12 offset1">
579 <div class="control-group mobile-control-group" id="HPIAccidentFormInputs">
580 <div class="span11"><p>Please enter your TU Username and Password to download the Accident Report.</p></div>
583 <!-- <div class="row">User Name:<input class="field" id="email" name="email" type="text" placeholder="email" value=""></div> -->
584 <!-- <div class="row">Password: the impit</div> -->
585 <div class="input-prepend login-input">
586 <span class="add-on"><i class="icon-user icon-black"></i></span>
587 <input class="field" id="HPIAccidentUsername" name="HPIAccidentUsername" type="text" placeholder="Username" value="">
589 <div id="maskedPinAccident" class="input-prepend">
590 <span class="add-on"><i class="icon-asterisk icon-black"></i></span>
591 <input class="field" id="HPIAccidentPin" name="HPIAccidentPin" type="password" placeholder="Password">
593 <div id="HPIAccidentResponse"></div>
597 <div id="HPIAccidentDropConfirm" class="span10 offset1 well well-small well-dark dropSlide hide textshow-dark">
598 <div class="span11 offset1">
599 You will be billed directly by Transunion for this transaction. Do you want to continue?
601 <label for="acceptHPIAccidentDisclaimer" style="font-size:12px;">
602 <input id="acceptHPIAccidentDisclaimer" type="checkbox">
603 <span class="span12">
604 Please ensure that the Vin, Engine and Reg number supplied is correct as you will be billed accordingly by Transunion if incorrect information supplied.
609 <button type="button" class="btn btn-success pull-right" id="HPIAccidentBtnConfirm">Yes</button>
610 <button type="button" class="btn btn-danger pull-right" onClick="$('#HPIAccidentDropConfirm').slideToggle();">No</button>
613 <div class="span12 hidden-phone hidden-desktop">
616 <div class="span12 offset1">
618 <button type="button" class="btn btn-danger pull-left" onClick="$('#tuHPIAccidentReport').slideToggle();" id="btnCancelHPIAccident">Cancel</button>
621 <button type="button" class="btn btn-success pull-left" id="btnRequestHPIAccident" >Request Report</button>
626 <!-- To here HPI Accident -->
628 <!-- To here TransUnion HPI -->
631 <!-- TransUnion HPI Report
632 <div class="HPIhide">
633 <button type="button" id="requestHPIreport" class="btn btn-purple hide" onClick="$('#tuHPIReport').slideToggle();">
636 <div id="tuHPIReport" class="well well-small well-dark dropSlide hide">
638 <div class="span12 offset1">
639 <div class="control-group mobile-control-group" id="HPIFormInputs">
640 <div class="row">User Name:<input class="field" id="email" name="email" type="text" placeholder="email" value=""></div>
641 <div class="row">Password: the impit</div>
643 <div class="input-prepend login-input">
644 <span class="add-on"><i class="icon-user icon-black"></i></span><input class="field"
645 id="HPIusername" name="HPIusername" type="text" placeholder="Username"
649 <div id="maskedPin" class="input-prepend">
650 <span class="add-on"><i class="icon-asterisk icon-black"></i></span><input class="field"
651 id="HPIpin" name="HPIpin" type="password" placeholder="Password">
654 <div id="HPIresponse"></div>
659 <div id="HPIdropConfirm" class="span10 offset1 well well-small dropSlide hide textshow-dark">
660 <div class="span11 offset1">
661 You will be billed directly by Transunion for this transaction. Do you want to continue?
663 <label for="acceptHPIdisclaimer" style="font-size:12px;">
664 <input id="acceptHPIdisclaimer" type="checkbox">
665 <span class="span12">
666 Please ensure that the Vin, Engine and Reg number supplied is correct as you will be billed accordingly by Transunion if incorrect information supplied.
672 <button type="button" class="btn btn-success pull-right" id="HPIbtnConfirm">Yes</button>
673 <button type="button" class="btn btn-danger pull-right" onClick="$('#HPIdropConfirm').slideToggle();">No</button>
677 <div class="span12 hidden-phone hidden-desktop">
680 <div class="span12 offset1">
682 <button type="button" class="btn btn-danger pull-left" onClick="$('#tuHPIReport').slideToggle();" id="btnCancelHPI">Cancel</button>
685 <button type="button" class="btn btn-success pull-left" id="btnRequestHPI" >Request Report</button>
702 <div class="row-fluid page-middle-forms-wrapper">
703 <div class="vehicle-specs-form span4"> </div>
704 <div id="pricinghistory" class="vehicle-specs-form span4">
706 <p class="hidden-phone form-header pricinghistory"><img class="pricinghistoryimg" src="imgs/icon-pricingHistory.png" alt="">Pricing History</p>
707 <div class="form-horizontal short">
708 <div class="row-fluid">
709 <div class="span12">Please note: This history section includes the last 10 entries for the past 3 months</div>
711 <div class="row-fluid"> </div>
712 <div class="row-fluid">
715 <div class="row-fluid table-form">
717 <table class="table" id="PHColumnHeaders">
719 <tr class="table-header table-header-wrapper" id="[tid]_gridPricingHistoryColumnHeaders">
723 <tbody class="grid" id="[tid]_gridPricingHistoryRowRepeater">
724 <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>