1 <form id="frmValuationView" action="">
2 <div class="row-fluid page-title-wrapper">
4 <h1 id="[tid]_vehicle">[vehicle]</h1>
5 <p class="page-title-header">
6 Vehicle details provided below.
8 <a class="back-btn btn">Back</a>
13 <div class="row-fluid">
14 <div class="select-valuator span4">
15 <div class="btn-wrapper">
16 <div class="top-grey-set">
17 <button type="button" id="optMakeOffer" class="btn btn-success make-offer-btn" onClick="$('#dropCmp').slideToggle();">Make offer</button>
19 <div id="dropCmp" class="well well-small well-dark dropSlide hide">
20 <div class="control-group mobile-control-group" id="[tid]_amountOffered">
23 <button type="button" class="btn btn-success pull-right" id="btnMakeOffer">Make offer</button>
26 <div id="dropConfirm" class="well well-small well-dark dropSlide hide textshow-dark">
27 <p>Are you sure you want to offer</p>
28 <b>R <span id="[tid]_infAmountOffered">[infAmountOffered]</span></b>
30 <button type="button" class="btn btn-success pull-right" id="btnConfirm">Yes</button>
31 <button type="button" class="btn btn-danger pull-right" onClick="$('#dropConfirm').slideToggle();">No</button>
37 <!-- TransUnion HPI Report -->
39 <button type="button" id="requestHPIreport" class="btn btn-purple hide" onClick="$('#tuHPIReport').slideToggle();">
42 <div id="tuHPIReport" class="well well-small well-dark dropSlide hide">
44 <div class="span12 offset1">
45 <div class="control-group mobile-control-group" id="HPIFormInputs">
46 <!-- <div class="row">User Name:<input class="field" id="email" name="email" type="text" placeholder="email" value=""></div> -->
47 <!-- <div class="row">Password: the impit</div> -->
49 <div class="input-prepend login-input">
50 <span class="add-on"><i class="icon-user icon-black"></i></span><input class="field"
51 id="HPIusername" name="HPIusername" type="text" placeholder="Username"
55 <div id="maskedPin" class="input-prepend">
56 <span class="add-on"><i class="icon-asterisk icon-black"></i></span><input class="field"
57 id="HPIpin" name="HPIpin" type="password" placeholder="Password">
60 <div id="HPIresponse"></div>
66 <div id="HPIdropConfirm" class="span10 offset1 well well-small dropSlide hide textshow-dark">
67 <div class="span11 offset1">
68 You will be billed directly by Transunion for this transaction. Do you want to continue?
70 <label for="acceptHPIdisclaimer" style="font-size:12px;">
71 <input id="acceptHPIdisclaimer" type="checkbox">
73 Please ensure that the Vin, Engine and Reg number supplied is correct as you will be billed accordingly by Transunion if incorrect information supplied.
79 <button type="button" class="btn btn-success pull-right" id="HPIbtnConfirm">Yes</button>
80 <button type="button" class="btn btn-danger pull-right" onClick="$('#HPIdropConfirm').slideToggle();">No</button>
85 <div class="span12 hidden-phone hidden-desktop">
88 <div class="span12 offset1">
90 <button type="button" class="btn btn-danger pull-left" onClick="$('#tuHPIReport').slideToggle();" id="btnCancelHPI">Cancel</button>
93 <button type="button" class="btn btn-success pull-left" id="btnRequestHPI" >Request Report</button>
104 <div class="bottom-grey-set">
105 <span id="[tid]_print">
108 <button type="button" id="btnArchive" class="btn archive-btn hide">Archive</button>
109 <button type="button" id="btnUnarchive" class="btn hide">Unarchive</button>
118 <div class="row-fluid page-top-forms-wrapper">
119 <div class="customer-details-form span4">
120 <div id="dealershipDetailsClick" class="visible-phone mobile-form-headers open">
121 <i class="icon mobile-icon-user"></i>
123 <span class="btn-content">
127 <i style="float:right;" class="toggle icon-white-arrow-down"></i>
129 <div id="dealershipDetails">
130 <p class="hidden-phone form-header">
131 <i class="icon-user icon-white">
135 <div class="form-horizontal">
136 <div class="control-group-wrapper mobile-control-group-wrapper">
137 <div class="control-group mobile-control-group" id="[tid]_companyName">
140 <div class="control-group mobile-control-group" id="[tid]_companyContact">
143 <div class="control-group mobile-control-group" id="[tid]_companyMobile">
146 <div class="control-group mobile-control-group" id="[tid]_companyEmail">
149 <div class="control-group mobile-control-group" id="[tid]_region">
154 </div> <!-- wrapper ends here -->
156 <div class="valuation-details-form span4">
157 <div id="valuationDetailsClick" class="visible-phone mobile-form-headers open">
158 <i class="icon mobile-clipboard"></i>
160 <span class="btn-content">
164 <i style="float:right;" class="toggle icon-white-arrow-down"></i>
166 <div id="valuationDetails">
167 <p class="hidden-phone form-header"><img class="clipboard" src="imgs/clipboard.gif" alt="">Valuation details</p>
168 <div class="form-horizontal">
169 <div class="control-group-wrapper mobile-control-group-wrapper">
170 <div class="control-group mobile-control-group date-created">
171 <label class="control-label mobile-control-label valuation-line" for="inputDateCreated">Date created:</label>
172 <div class="controls mobile-controls">
173 <p class="information-lines" id="[tid]_infCreated">[infCreated]</p>
176 <div class="control-group mobile-control-group date-loaded">
177 <label class="control-label mobile-control-label valuation-line" for="inputDateLoaded">Date loaded on price guide:</label>
178 <div class="controls mobile-controls">
179 <p class="information-lines" id="[tid]_infLoadedOnPriceGuide">[infLoadedOnPriceGuide]</p>
182 <div class="control-group mobile-control-group date-loaded">
183 <label class="control-label mobile-control-label valuation-line" for="coverReceived">Cover received:</label>
184 <div class="controls mobile-controls">
185 <p class="information-lines" id="[tid]_coverReceived">[coverReceived]</p>
190 </div> <!-- wrapper ends -->
192 <div class="pricing-details-form span4">
193 <div id="pricingDetailsClick" class="visible-phone mobile-form-headers open">
194 <i class="icon mobile-money"></i>
196 <span class="btn-content">
200 <i style="float:right;" class="toggle icon-white-arrow-down"></i>
202 <div id="pricingDetails">
203 <p class="hidden-phone form-header"><img class="money" src="imgs/money.gif" alt="">Pricing details</p>
204 <div class="form-horizontal">
205 <div class="control-group-wrapper mobile-control-group-wrapper">
206 <div class="control-group mobile-control-group" id="[tid]_infTradePrice">
209 <div class="control-group mobile-control-group" id="[tid]_infRetailPrice">
212 <div class="control-group mobile-control-group" id="[tid]_infListPrice">
215 <div class="control-group mobile-control-group" id="[tid]_infCustomerPrice">
218 <div class="control-group mobile-control-group" id="[tid]_infSighted">
221 <div class="control-group mobile-control-group" id="[tid]_infLicenseDiscExpired">
222 [infLicenseDiscExpired]
226 </div><!-- wrapper ends -->
234 <div class="row-fluid page-middle-forms-wrapper">
236 <div id="vSpecsClick" class="visible-phone mobile-form-headers open">
237 <i class="icon mobile-car"></i>
239 <span class="btn-content">
241 Vehicle specifications
243 <i style="float:right;" class="toggle icon-white-arrow-down"></i>
246 <div class="vehicle-specs-form span8">
247 <p class="hidden-phone form-header"><img class="car" src="imgs/car.gif" alt="">Vehicle specifications</p>
248 <div class="form-horizontal left-and-right-side">
249 <div class="control-group-wrapper mobile-control-group-wrapper">
250 <div class="left-side mobile-left-side">
251 <input type="hidden" id="retailPrice">
252 <input type="hidden" id="tradePrice">
253 <input type="hidden" id="listPrice">
254 <div class="control-group mobile-control-group" id="[tid]_vehicleRef">
257 <div class="control-group mobile-control-group" id="[tid]_vehicleYear">
260 <div class="control-group mobile-control-group" id="[tid]_category">
263 <div class="control-group mobile-control-group" id="[tid]_make">
266 <div class="control-group mobile-control-group" id="[tid]_model">
269 <div class="control-group mobile-control-group" id="[tid]_type">
272 <div class="control-group mobile-control-group" id="[tid]_mmCode">
275 <div class="control-group mobile-control-group" id="[tid]_registrationNumber">
278 <div class="control-group mobile-control-group" id="[tid]_fuelType">
281 <div class="control-group mobile-control-group" id="[tid]_transmissionType">
284 <div class="control-group mobile-control-group" id="[tid]_vinNumber">
287 <div class="control-group mobile-control-group" id="[tid]_engineNumber">
291 <div class="right-side">
292 <div class="control-group mobile-control-group kms" id="[tid]_km">
295 <div class="control-group mobile-control-group" id="[tid]_condition">
298 <div class="control-group mobile-control-group" id="[tid]_exteriorColour">
301 <div class="control-group mobile-control-group" id="[tid]_interiorColour">
304 <div class="control-group mobile-control-group" id="[tid]_upholstery">
307 <div class="control-group mobile-control-group" id="[tid]_papers">
310 <div class="control-group mobile-control-group" id="[tid]_natis">
313 <div class="control-group mobile-control-group" id="[tid]_spareKeys">
316 <div class="control-group mobile-control-group" id="[tid]_fullServiceHistory">
319 <div class="control-group mobile-control-group fshNotes" id="[tid]_fshNotes">
325 <!-- New HPI Report Here -->
326 <div class="HPIhide">
327 <div class="row-fluid hidden-phone" style="display: block;"> </div>
328 <div class="hpiReport" style="display:block;">
329 <div class="row-fluid"><div class="row_red"> TransUnion HPI (Accident) Report</div></div>
330 <div class="row-fluid" style="display: block;border:1px solid #d3d3d3;" id="">
331 <div class="control-group mobile-control-group span6" style="padding-left:10px; padding-top:13px;">Last date requested:</div>
332 <div class="control-group mobile-control-group span6" style="padding-left:10px;border-left:1px solid #d3d3d3; padding-top:13px;">
333 <div id="tuhpiDate" class="span9">Not requested yet.</div>
334 <div class="span3"><button id="downloadTuhpi" class="btn pull-right span12" type="button" style="display: none; margin:-5px 0 0 0;">view</button></div>
348 <!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->
351 <div class="damages-form span4">
353 <div id="damagesClick" class="visible-phone mobile-form-headers open">
354 <i class="icon mobile-bomb"></i>
356 <span class="btn-content">
360 <i style="float:right;" class="toggle icon-white-arrow-down"></i>
363 <p class="hidden-phone form-header"><img class="bomb" src="imgs/bomb.gif" alt=""> Damages</p>
364 <div class="form-horizontal">
365 <div class="control-group-wrapper mobile-control-group-wrapper">
366 <span id="[tid]_damages">
369 <div class="control-group mobile-control-group" id="[tid]_damageTotal">
372 <div class="control-group mobile-control-group damageNotes" id="[tid]_damageNotes">
375 <div class="control-group mobile-control-group previousRepairsNoted" id="[tid]_previousRepairsNoted">
376 [previousRepairsNoted]
378 <div class="control-group mobile-control-group previousRepairsNotes" id="[tid]_previousRepairsNotes">
379 [previousRepairsNotes]
383 </div> <!-- wrapper ends -->
384 </div> <!-- wrapper ends -->
386 <div class="row-fluid page-bottom-forms-wrapper page-middle-forms-wrapper">
387 <div class="accessories-form span4">
388 <div id="accessoriesClick" class="visible-phone mobile-form-headers open">
389 <i class="icon mobile-headphones"></i>
391 <span class="btn-content">
395 <i style="float:right;" class="toggle icon-white-arrow-down"></i>
397 <div id="accessoriesOpen">
398 <p class="hidden-phone form-header"><img class="headphones" src="imgs/headphones.gif" alt="">Accessories</p>
399 <div class="form-horizontal">
400 <div class="control-group-wrapper mobile-control-group-wrapper">
401 <span id="[tid]_accessories">
404 <div class="control-group mobile-control-group accessoryNotes" id="[tid]_accessoryNotes">
409 </div><!-- wrapper ends -->
411 <div class="photos-form span4">
412 <div id="photoClick" class="visible-phone mobile-form-headers open">
413 <i class="icon mobile-camera"></i>
415 <span class="btn-content">
419 <i style="float:right;" class="toggle icon-white-arrow-down"></i>
422 <p class="hidden-phone form-header"><img class="camera" src="imgs/camera.gif" alt="">Photos</p>
423 <div class="form-horizontal left-and-right-side">
424 <div class="column-left">
425 <span id="[tid]_mainImage">[mainImage]</span>
426 <span id="[tid]_leftImage">[leftImage]</span>
427 <span id="[tid]_backImage">[backImage]</span>
428 <span id="[tid]_engineImage">[engineImage]</span>
430 <div class="column-left">
431 <span id="[tid]_frontImage">[frontImage]</span>
432 <span id="[tid]_rightImage">[rightImage]</span>
433 <span id="[tid]_interiorImage">[interiorImage]</span>
434 <span id="[tid]_natisImage">[natisImage]</span>
437 </div><!-- wrapper ends -->
442 <div id="pricinghistory" class="vehicle-specs-form span4">
444 <p class="hidden-phone form-header pricinghistory"><img class="pricinghistoryimg" src="imgs/icon-pricingHistory.png" alt="">Pricing History</p>
445 <div class="form-horizontal short">
446 <div class="row-fluid">
447 <div class="span12">Please note: This history section includes the last 10 entries for the past 3 months</div>
449 <div class="row-fluid"> </div>
450 <div class="row-fluid">
452 <div class="row-fluid table-form">
454 <table class="table" id="PHColumnHeaders">
456 <tr class="table-header table-header-wrapper" id="[tid]_gridPricingHistoryColumnHeaders">
460 <tbody class="grid" id="[tid]_gridPricingHistoryRowRepeater">
461 <span id = "pricing_history_none_found" style="display:none;" >
462 <strong>There were no vehicles loaded for the past 3 months on the system for this selection.</strong></span>