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>
13 <div class="row-fluid page-top-forms-wrapper">
14 <div id="customerdetailsClick" class="visible-phone mobile-form-headers open">
15 <i class="mobile-icon-user"></i>
17 <span class="btn-content">
21 <i style="float:right;" class="icon-white-arrow-down"></i>
24 <div id="customerdetails">
25 <div class="customer-details customer-details-form span4">
26 <p class="hidden-phone form-header"><i class="icon-user icon-white"></i> Customer details</p>
27 <div class="form-horizontal mobile-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">
60 </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>
72 <div id="valuationDetails">
73 <p class="hidden-phone form-header"><img class="clipboard" src="imgs/clipboard.gif" alt="">Valuation details</p>
74 <div class="form-horizontal mobile-form-horizontal">
75 <div class="control-group-wrapper mobile-control-group-wrapper">
76 <div class="control-group mobile-control-group date-created">
77 <label class="control-label mobile-control-label valuation-line" for="inputDateCreated">Date created:</label>
78 <div class="controls mobile-controls">
79 <p class="information-lines" id="[tid]_infCreated">[infCreated]</p>
82 <div class="control-group mobile-control-group valuation-no">
83 <label class="control-label mobile-control-label valuation-line" for="inputValuationNo">Valuation no:</label>
84 <div class="controls mobile-controls">
85 <p class="information-lines" id="[tid]_infValuationNumber">[infValuationNumber]</p>
88 <div class="control-group mobile-control-group ref-no">
89 <label class="control-label mobile-control-label valuation-line" for="inputRefNo">Reference no:</label>
90 <div class="controls mobile-controls">
91 <p class="information-lines" id="[tid]_infReferenceNumber">[infReferenceNumber]</p>
94 <div class="control-group mobile-control-group vechile">
95 <label class="control-label mobile-control-label valuation-line" for="inputVechile">Vehicle status:</label>
96 <div class="controls mobile-controls">
97 <p class="information-lines" id="[tid]_infStatus">[infStatus]</p>
100 <div class="control-group mobile-control-group created-by">
101 <label class="control-label mobile-control-label valuation-line" for="inputCreatedBy">Created by:</label>
102 <div class="controls mobile-controls">
103 <p class="information-lines" id="[tid]_infCreatedBy">[infCreatedBy]</p>
106 <div class="control-group mobile-control-group valuator">
107 <label class="control-label mobile-control-label valuation-line" for="inputValuator">Valuator:</label>
108 <div class="controls mobile-controls">
109 <p class="information-lines" id="[tid]_infValuator">[infValuator]</p>
112 <div class="control-group mobile-control-group sales-person">
113 <label class="control-label mobile-control-label valuation-line" for="inputSalesPerson">Sales person:</label>
114 <div class="controls mobile-controls">
115 <p class="information-lines" id="[tid]_infSalesUser">[infSalesUser]</p>
118 <div class="control-group mobile-control-group date-loaded">
119 <label class="control-label mobile-control-label valuation-line" for="inputDateLoaded">Date loaded on price guide:</label>
120 <div class="controls mobile-controls">
121 <p class="information-lines" id="[tid]_infLoadedOnPriceGuide">[infLoadedOnPriceGuide]</p>
124 <span id="[tid]_coverReceived">
130 </div> <!-- wrapper ends -->
132 <div class="pricing-details-form span4">
133 <div id="pricingDetailsClick" class="visible-phone mobile-form-headers open">
134 <i class="mobile-money"></i>
136 <span class="btn-content">
140 <i style="float:right;" class="icon-white-arrow-down"></i>
143 <div id="pricingDetails">
144 <p class="hidden-phone form-header"><img class="money" src="imgs/money.gif" alt="">Pricing details</p>
145 <div class="form-horizontal mobile-form-horizontal">
146 <p>Trade:<span class="price" id="[tid]_infTradePrice">[infTradePrice]</span></p>
147 <p class="trade-and-retail">*Trade and Retail avaliable</p>
148 <p class="retail">Retail:<span class="price" id="[tid]_infRetailPrice">[infRetailPrice]</span></p>
149 <p class="list">New List Price:<span class="price" id="[tid]_infListPrice">[infListPrice]</span></p>
150 <div class="control-group mobile-control-group" id="[tid]_amountOffered">
153 <div class="control-group mobile-control-group" id="[tid]_overAllowance">
156 <div class="control-group mobile-control-group" id="[tid]_standInValue">
159 <div class="control-group mobile-control-group" id="[tid]_projectedRetail">
162 <div class="control-group mobile-control-group" id="[tid]_plannedMargin">
165 <div class="control-group mobile-control-group" id="[tid]_bankSettlement">
169 </div> <!-- wrapper ends -->
177 <div class="row-fluid page-middle-forms-wrapper">
178 <div class="vehicle-specs-form span8">
180 <div id="vSpecsClick" class="visible-phone mobile-form-headers open">
181 <i class="mobile-car"></i>
183 <span class="btn-content">
185 Vehicle specifications
187 <i style="float:right;" class="icon-white-arrow-down"></i>
191 <p class="hidden-phone form-header"><img class="car" src="imgs/car.gif" alt="">Vehicle specifications</p>
192 <div class="form-horizontal mobile-form-horizontal">
193 <div class="row-fluid">
195 <input type="hidden" id="retailPrice">
196 <input type="hidden" id="tradePrice">
197 <input type="hidden" id="listPrice">
198 <input type="hidden" id="MmCode">
199 <div class="control-group mobile-control-group" id="[tid]_vehicleYear">
202 <div class="control-group mobile-control-group" id="[tid]_category">
206 <div id="selectionVehicle">
208 <div class="control-group mobile-control-group" id="[tid]_make">
211 <div class="control-group mobile-control-group hide" id="[tid]_makeManual">
214 <div class="control-group mobile-control-group" id="[tid]_model">
217 <div class="control-group mobile-control-group hide" id="[tid]_modelManual">
220 <div class="control-group mobile-control-group" id="[tid]_type">
223 <div class="control-group mobile-control-group hide" id="[tid]_typeManual">
230 <div class="control-group mobile-control-group" id="[tid]_mmCode">
233 <div class="control-group mobile-control-group" id="[tid]_registrationNumber">
236 <div class="control-group mobile-control-group" id="[tid]_fuelType">
239 <div class="control-group mobile-control-group" id="[tid]_transmissionType">
242 <div class="control-group mobile-control-group" id="[tid]_vinNumber">
245 <div class="control-group mobile-control-group" id="[tid]_engineNumber">
248 <div class="control-group mobile-control-group" id="[tid]_sighted">
251 <div class="control-group mobile-control-group" id="[tid]_licenseDiscExpired">
257 <div class="control-group mobile-control-group" id="[tid]_km">
260 <div class="control-group mobile-control-group" id="[tid]_condition">
263 <div class="control-group mobile-control-group" id="[tid]_exteriorColour">
266 <div class="control-group mobile-control-group" id="[tid]_interiorColour">
269 <div class="control-group mobile-control-group" id="[tid]_upholstery">
272 <div class="control-group mobile-control-group" id="[tid]_papers">
275 <div class="control-group mobile-control-group" id="[tid]_natis">
278 <div class="control-group mobile-control-group" id="[tid]_spareKeys">
281 <div class="control-group mobile-control-group" id="[tid]_fullServiceHistory">
284 <div class="control-group mobile-control-group" id="[tid]_fshNotes">
288 <!-- New HPI Report Here -->
289 <div class="HPIhide">
290 <div class="row-fluid hidden-phone" style="display: block;"> </div>
291 <div class="hpiReport" style="display:block;">
292 <div class="control-group mobile-control-group row-fluid" style="display: block;" id="test">
293 <div class="form-header span12 warning">TransUnion HPI (Accident) Report</div>
294 <div id="HPIreportData">
295 <div class="control-group mobile-control-group row-fluid" style="display: block;border:1px solid #d3d3d3;" id="">
296 <div class="control-group mobile-control-group span4" style="padding-left:10px; padding-top:13px;">Last date requested:</div>
297 <div class="control-group mobile-control-group span4" style="padding-left:10px;border-left:1px solid #d3d3d3; padding-top:13px;">
298 <div id="tuhpiDate" class="span9">Not requested yet.</div>
299 <div class="span3"><button id="downloadTuhpi" class="btn pull-right span12" type="button" style="display: none; margin:-5px 0 0 0;">view</button></div>
312 </div> <!-- wrapper ends -->
314 <div class="damages-form span4">
315 <div id="damagesClick" class="visible-phone mobile-form-headers open">
316 <i class="mobile-bomb"></i>
318 <span class="btn-content">
322 <i style="float:right;" class="icon-white-arrow-down"></i>
324 <div id="damagesOpen">
325 <p class="hidden-phone form-header"><img class="bomb" src="imgs/bomb.gif" alt=""> Damages</p>
326 <div class="form-horizontal mobile-form-horizontal">
327 <span id="[tid]_damages">
331 <p style="color:red">IMPORTANT: The estimated repair price is at best an estimate, which must be used as a guideline only.</p>
333 <span id="[tid]_damageNotes">
336 <div class="control-group mobile-control-group total-estimated">
337 <label class="total-estimated-label" for="inputTotalEstimated">Total estimated repair price:</label>
338 <div class="controls mobile-controls">
339 <p class="price" id="[tid]_damageTotal">[damageTotal]</p>
342 <div class="control-group mobile-control-group" id="[tid]_previousRepairsNoted">
343 [previousRepairsNoted]
346 <div class="control-group mobile-control-group" id="[tid]_previousRepairsNotes">
347 [previousRepairsNotes]
350 </div> <!-- wrapper ends -->
353 <div class="row-fluid page-bottom-forms-wrapper">
354 <div class="accessories-form span4 ">
355 <div id="accessoriesClick" class="visible-phone mobile-form-headers open">
356 <i class="mobile-headphones"></i>
358 <span class="btn-content">
362 <i style="float:right;" class="icon-white-arrow-down"></i>
364 <div id="accessoriesOpen">
365 <p class="hidden-phone form-header"><img class="headphones" src="imgs/headphones.gif" alt="">Accessories</p>
366 <div class="form-horizontal mobile-form-horizontal">
367 <span id="[tid]_accessories">
370 <div class="comment-box" id="[tid]_accessoryNotes">
374 </div><!-- wrapper ends -->
376 <div class="photos-form span4">
377 <div id="photoClick" class="visible-phone mobile-form-headers open">
378 <i class="mobile-camera"></i>
380 <span class="btn-content">
384 <i style="float:right;" class="icon-white-arrow-down"></i>
387 <p class="hidden-phone form-header"><img class="camera" src="imgs/camera.gif" alt="">Photos</p>
388 <div class="form-horizontal mobile-form-horizontal left-and-right-side">
389 <p class="instruction-paragraph mobile-instruction-paragraph">Click on the container to upload images from file:</p>
390 <p class="hidden-phone warning-paragraph">Maximum of eight photos allowed</p>
391 <div class="column-left">
392 <span id="[tid]_mainImage">[mainImage]</span>
393 <span id="[tid]_leftImage">[leftImage]</span>
394 <span id="[tid]_backImage">[backImage]</span>
395 <span id="[tid]_engineImage">[engineImage]</span>
397 <div class="column-left">
398 <span id="[tid]_frontImage">[frontImage]</span>
399 <span id="[tid]_rightImage">[rightImage]</span>
400 <span id="[tid]_interiorImage">[interiorImage]</span>
401 <span id="[tid]_natisImage">[natisImage]</span>
404 </div> <!-- wrapper ends -->
406 <div class="select-valuator span3">
407 <div class="valuator-name-button hide" id="sectionSelectValuator">
408 <div class="control-group mobile-control-group" id="[tid]_valuators">[valuators]</div>
409 <button type="button" id="btnSaveAsSales" class="btn btn-success save-and-submit-btn hide">Save and submit for valuation</button>
411 <div class="btn-wrapper">
412 <div class="top-grey-set">
413 <button type="button" id="optSendToCustomer" class="btn send-to-sales-btn hide" onClick="$('#dropCustomer').slideToggle();">Send offer to customer</button>
414 <button type="button" id="optSendToPg" class="btn send-to-price-btn hide" onClick="$('#dropPg').slideToggle();">
417 <button type="button" id="optSendToSales" class="btn send-to-sales-btn hide" onClick="$('#dropCmp').slideToggle();">Send to sales</button>
418 <button type="submit" class="btn edit-btn" id="btnUpdate">Save</button>
420 <div id="dropPg" class="well well-small dropSlide hide">
421 <div class="control-group mobile-control-group" id="[tid]_clubs">
424 <label for="acceptPgHPIdisclaimer" style="font-size:12px;">
425 <input id="acceptPgHPIdisclaimer" type="checkbox">
426 <span class="span12">
427 I agree that the Vin, Engine and Reg number entered is as per the Natis document, in order for Transunion Reports to be drawn.
431 <button type="button" class="btn btn-success pull-right" id="btnSendToPg">Send to price guide</button>
434 <div id="dropCmp" class="well well-small well-dark dropSlide hide">
435 <div class="control-group mobile-control-group" id="[tid]_salesProfile">
438 <div class="control-group mobile-control-group" id="[tid]_salesAmountOffered">
441 <div class="control-group mobile-control-group" id="[tid]_salesComments">
444 <button type="button" class="btn btn-success pull-right" id="btnSendToSales">Send to sales</button>
447 <div id="dropCustomer" class="well well-small well-dark dropSlide hide">
448 <div class="control-group mobile-control-group" id="[tid]_customerAmountOffered">
449 [customerAmountOffered]
451 <div class="control-group mobile-control-group" id="[tid]_customerComments">
454 <button type="button" class="btn btn-success pull-right" id="btnSendToCustomer">Send offer to customer</button>
457 <div class="bottom-grey-set">
458 <span id="[tid]_print">
461 <button type="button" id="btnArchive" class="btn archive-btn hide">Archive</button>
462 <button type="button" id="btnSendToStock" class="btn add-to-stock-btn hide" onClick="$('#dropStock').slideToggle();">Add to stock</button>
464 <div id="dropStock" class="well well-small dropSlide hide">
465 <div class="control-group mobile-control-group" id="[tid]_stockNumber">
468 <label for="acceptStockHPIdisclaimer" style="font-size:12px;">
469 <input id="acceptStockHPIdisclaimer" type="checkbox">
470 <span class="span12">
471 I agree that the Vin, Engine and Reg number entered is as per the Natis document, in order for Transunion Reports to be drawn.
475 <button type="button" class="btn btn-success pull-right" id="doSendToStock">Send to stock</button>
478 <div class="colored-btn-set">
479 <button type="button" class="btn btn-danger Bid4cars-btn hide" disabled>Request Bid4cars accident report</button>
480 <button type="button" class="btn btn-warning bmw-btn hide" disabled>Request BMW accident report</button>
481 <button type="button" id="btnSaveAsPending" class="btn btn-primary save-and-send-btn hide">Save & send to pending valuation</button>
482 <button type="button" id="doSendToDealDone" class="btn btn-success save-and-send-btn hide" onClick="$('#dropDealDone').slideToggle();">Save & send to Deal Done</button>
483 <div id="dropDealDone" class="well well-small dropSlide hide">
484 <div class="control-group mobile-control-group" id="[tid]_stockNumberDD">
487 <label for="acceptStockDDHPIdisclaimer" style="font-size:12px;">
488 <input id="acceptStockDDHPIdisclaimer" type="checkbox">
489 <span class="span12">
490 I agree that the Vin, Engine and Reg number entered is as per the Natis document, in order for Transunion Reports to be drawn.
494 <button type="button" class="btn btn-success pull-right" id="btnSendToDealDone">Send to Deal Done</button>
497 <button type="button" id="doSendToDealNotDone" class="btn btn-danger save-and-send-btn hide" onClick="$('#dropDealNotDone').slideToggle();">Save & send to Deal Not Done</button>
498 <div id="dropDealNotDone" class="well well-small dropSlide hide">
499 <div class="control-group mobile-control-group" id="[tid]_dealNotDoneSelection">
500 [dealNotDoneSelection]
502 <div class="control-group mobile-control-group" id="[tid]_dealNotDoneReason">
506 <button type="button" class="btn btn-danger pull-right" id="btnSendToDealNotDone">Send to Deal Not Done</button>
509 <button type="button" id="btnRemoveAccept" class="btn btn-success save-and-send-btn hide" onClick="$('#offerAcceptRemove').slideToggle();">Deal Done / Accept Highest Offer</button>
510 <button type="button" id="btnAcceptOffer" class="btn btn-success save-and-send-btn hide" onClick="$('#offerAcceptRemove').slideToggle();">Deal Done / Accept Highest Offer</button>
511 <div id="offerAcceptRemove" class="well well-small well-dark dropSlide hide">
512 <div id="dealDoneOfferList">Loading...<br/></div>
513 <button type="button" class="btn btn-success pull-right hide" id="doAcceptOffer">Accept Offer</button>
514 <button type="button" class="btn btn-success pull-right hide" id="doRemoveAccept">Accept Offer</button>
517 <button type="button" id="btnKeepForStock" class="btn btn-danger save-and-send-btn hide">Deal Done / Keep for Stock</button>
518 <button type="button" id="btnRemove" class="btn btn-danger save-and-send-btn hide">Deal Done / Keep for Stock</button>
519 <button type="button" id="btnExpire" class="btn btn-danger save-and-send-btn hide">Remove from Price Guide</button>
523 <!-- TransUnion HPI -->
524 <div class="HPIhide">
525 <button type="button" id="requestHPIreport" class="btn btn-purple hide" onClick="$('#tuHPIReport').slideToggle();">
528 <button type="button" id="requestHPIAccidentReport" class="btn btn-purple hide" onClick="$('#tuHPIAccidentReport').slideToggle();">
531 <!-- TransUnion HPI Report -->
532 <div id="tuHPIReport" class="well well-small dropSlide hide">
534 <div class="span12 offset1">
535 <div class="control-group mobile-control-group" id="HPIFormInputs">
536 <div class="span11"><p>Please enter your Username and Password to download the HPI report.</p></div>
539 <!-- <div class="row">User Name:<input class="field" id="email" name="email" type="text" placeholder="email" value=""></div> -->
540 <!-- <div class="row">Password: the impit</div> -->
541 <div class="input-prepend login-input">
542 <span class="add-on"><i class="icon-user icon-black"></i></span>
543 <input class="field" id="HPIusername" name="HPIusername" type="text" placeholder="Username" value="">
545 <div id="maskedPin" class="input-prepend">
546 <span class="add-on"><i class="icon-asterisk icon-black"></i></span><input class="field"
547 id="HPIpin" name="HPIpin" type="password" placeholder="Password">
549 <div id="HPIresponse"></div>
553 <div id="HPIdropConfirm" class="span10 offset1 well well-small well-dark dropSlide hide textshow-dark">
554 <div class="span11 offset1">
555 You will be billed directly by Transunion for this transaction. Do you want to continue?
557 <label for="acceptHPIdisclaimer" style="font-size:12px;">
558 <input id="acceptHPIdisclaimer" type="checkbox">
559 <span class="span12">
560 Please ensure that the Vin, Engine and Reg number supplied is correct as you will be billed accordingly by Transunion if incorrect information supplied.
565 <button type="button" class="btn btn-success pull-right" id="HPIbtnConfirm">Yes</button>
566 <button type="button" class="btn btn-danger pull-right" onClick="$('#HPIdropConfirm').slideToggle();">No</button>
569 <div class="span12 hidden-phone hidden-desktop">
572 <div class="span12 offset1">
574 <button type="button" class="btn btn-danger pull-left" onClick="$('#tuHPIReport').slideToggle();" id="btnCancelHPI">Cancel</button>
577 <button type="button" class="btn btn-success pull-left" id="btnRequestHPI" >Request Report</button>
583 <!-- TransUnion HPI Accident Report -->
584 <div id="tuHPIAccidentReport" class="well well-small dropSlide hide">
586 <div class="span12 offset1">
587 <div class="control-group mobile-control-group" id="HPIAccidentFormInputs">
588 <div class="span11"><p>Please enter your TU Username and Password to download the Accident Report.</p></div>
591 <!-- <div class="row">User Name:<input class="field" id="email" name="email" type="text" placeholder="email" value=""></div> -->
592 <!-- <div class="row">Password: the impit</div> -->
593 <div class="input-prepend login-input">
594 <span class="add-on"><i class="icon-user icon-black"></i></span>
595 <input class="field" id="HPIAccidentUsername" name="HPIAccidentUsername" type="text" placeholder="Username" value="">
597 <div id="maskedPinAccident" class="input-prepend">
598 <span class="add-on"><i class="icon-asterisk icon-black"></i></span>
599 <input class="field" id="HPIAccidentPin" name="HPIAccidentPin" type="password" placeholder="Password">
601 <div id="HPIAccidentResponse"></div>
605 <div id="HPIAccidentDropConfirm" class="span10 offset1 well well-small well-dark dropSlide hide textshow-dark">
606 <div class="span11 offset1">
607 You will be billed directly by Transunion for this transaction. Do you want to continue?
609 <label for="acceptHPIAccidentDisclaimer" style="font-size:12px;">
610 <input id="acceptHPIAccidentDisclaimer" type="checkbox">
611 <span class="span12">
612 Please ensure that the Vin, Engine and Reg number supplied is correct as you will be billed accordingly by Transunion if incorrect information supplied.
617 <button type="button" class="btn btn-success pull-right" id="HPIAccidentBtnConfirm">Yes</button>
618 <button type="button" class="btn btn-danger pull-right" onClick="$('#HPIAccidentDropConfirm').slideToggle();">No</button>
621 <div class="span12 hidden-phone hidden-desktop">
624 <div class="span12 offset1">
626 <button type="button" class="btn btn-danger pull-left" onClick="$('#tuHPIAccidentReport').slideToggle();" id="btnCancelHPIAccident">Cancel</button>
629 <button type="button" class="btn btn-success pull-left" id="btnRequestHPIAccident" >Request Report</button>
634 <!-- To here HPI Accident -->
637 <!-- To here TransUnion HPI -->
639 <!-- <div class="row-fluid page-middle-forms-wrapper"> -->
640 <div class="vehicle-specs-form span4"> </div>
641 <div id="pricinghistory" class="vehicle-specs-form span4">
643 <p class="hidden-phone form-header pricinghistory"><img class="pricinghistoryimg" src="imgs/icon-pricingHistory.png" alt="">Pricing History</p>
644 <div class="form-horizontal short">
645 <div class="row-fluid">
646 <div class="span12">Please note: This history section includes the last 10 entries for the past 3 months</div>
648 <div class="row-fluid"> </div>
649 <div class="row-fluid">
652 <div class="row-fluid table-form">
654 <table class="table" id="PHColumnHeaders">
656 <tr class="table-header table-header-wrapper" id="[tid]_gridPricingHistoryColumnHeaders">
660 <tbody class="grid" id="[tid]_gridPricingHistoryRowRepeater">
661 <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>