latest updates
[namibia] / public / templates / page / stockview.html
1                         <form id="frmStockView" action="">
2                                 <div class="row-fluid page-title-wrapper">
3                                         <div class="span12">
4                                                 <h1>Vehicle</h1>
5                                                 <p class="page-title-header">
6                                                         Vehicle details provided below.
7                                                 </p>
8                                                 <a class="back-btn btn">Back</a>
9                                         </div>
10                                 </div>
11
12                                 <div class="row-fluid page-top-forms-wrapper info-block">
13                                         <div class="valuation-details-form pg-a-data-wrapper span4">
14
15
16                                                 <!-- <div class="visible-phone mobile-form-headers">
17                                                         <p>
18                                                                 <span class="btn-content">
19                                                                         <i class="mobile-clipboard"></i>
20                                                                 </span>
21                                                                 Price Guide and Auction
22                                                         </p>
23                                                 </div> -->
24
25                                                 <div id="priceGuideAuctionClick" class="visible-phone mobile-form-headers open">
26                                                         <i class="mobile-clipboard"></i>
27                                                         <p>
28                                                                 <span class="btn-content">
29                                                                 </span>
30                                                                 Price Guide and Auction
31                                                         </p>
32                                                         <i style="float:right;" class="icon-white-arrow-down"></i>
33                                                 </div>
34
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>
43                                                                                 </div>
44                                                                         </div>
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>
49                                                                                 </div>
50                                                                         </div>
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>
55                                                                                 </div>
56                                                                         </div>
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>
61                                                                                 </div>
62                                                                         </div>
63                                                                     <hr/>
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>
68                                                                                 </div>
69                                                                         </div>
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>
74                                                                                 </div>
75                                                                         </div>
76                                                                 </div>
77                                                         </div>
78                                                 </div> <!-- Wrapper ends Here -->
79                                         </div>
80
81
82                                         <div class="pricing-details-form span4">
83
84                                                 <div id="pricingDetailsClick" class="visible-phone mobile-form-headers open">
85                                                                 <i class="mobile-money"></i>
86                                                                 <p>
87                                                                         <span class="btn-content">
88                                                                         </span>
89                                                                         Pricing details
90                                                                 </p>
91                                                                 <i style="float:right;" class="icon-white-arrow-down"></i>
92                                                 </div>
93
94
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>
103                                                                         </div>
104                                                                     </div>
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>
109                                                                         </div>
110                                                                     </div>
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>
115                                                                         </div>
116                                                                     </div>
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>
121                                                                         </div>
122                                                                     </div>
123                                                                     
124                                                                         <span id="[tid]_coverReceived">
125                                                                                 [coverReceived]
126                                                                         </span>
127                                                                 </div>
128                                                         </div>
129                                                 </div> <!-- Wrapper End Here -->
130                                         </div>
131
132
133                                 </div>
134
135
136                                 <div class="row-fluid page-middle-forms-wrapper">
137                                         <div class="vehicle-specs-form span8">
138
139                                                 <!-- <div class="visible-phone mobile-form-headers">
140                                                         <p>
141                                                                 <span class="btn-content">
142                                                                         <i class="mobile-car"></i>
143                                                                 </span>
144                                                                 Vehicle specifications
145                                                         </p>
146                                                 </div> -->
147
148
149                                                 <div id="vSpecsClick" class="visible-phone mobile-form-headers open">
150                                                         <i class="mobile-car"></i>
151                                                         <p>
152                                                                 <span class="btn-content">
153                                                                 </span>
154                                                                 Vehicle specifications
155                                                         </p>
156                                                         <i style="float:right;" class="icon-white-arrow-down"></i>
157                                                 </div>
158
159                                                 <div id="vSpecs">
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">
163                                                                 <div class="span6">
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>
171                                                                         </div>
172                                                                     </div>
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>
177                                                                         </div>
178                                                                     </div>
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>
183                                         </div>
184                                     </div>
185                                                                         <div class="control-group mobile-control-group" id="[tid]_vehicleYear">
186                                                                                 [vehicleYear]
187                                                                     </div>
188                                                                         <div class="control-group mobile-control-group" id="[tid]_category">
189                                                                                 [category]
190                                                                     </div>
191
192                                                                     <div id="selectionVehicle">
193
194                                                                                 <div class="control-group mobile-control-group" id="[tid]_make">
195                                                                                         [make]
196                                                                             </div>
197                                                                         <div class="control-group mobile-control-group hide" id="[tid]_makeManual">
198                                                                                         [makeManual]
199                                                                             </div>
200                                                                                 <div class="control-group mobile-control-group" id="[tid]_model">
201                                                                                         [model]
202                                                                             </div>
203                                                                                 <div class="control-group mobile-control-group hide" id="[tid]_modelManual">
204                                                                                         [modelManual]
205                                                                             </div>
206                                                                                 <div class="control-group mobile-control-group" id="[tid]_type">
207                                                                                         [type]
208                                                                             </div>
209                                                                                 <div class="control-group mobile-control-group hide" id="[tid]_typeManual">
210                                                                                         [typeManual]
211                                                                             </div>
212
213                                                                     </div>
214
215
216                                                                     <div class="control-group mobile-control-group" id="[tid]_mmCode">
217                                                                                 [mmCode]
218                                                                     </div>
219                                                                     <div class="control-group mobile-control-group" id="[tid]_stockNumber">
220                                                                                 [stockNumber]
221                                                                     </div>
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>
227                                                                                 </div>
228                                                                         </div> -->
229                                                                         <div class="control-group mobile-control-group registration-no" id="[tid]_registrationNumber">
230                                                                                 [registrationNumber]
231                                                                     </div>
232                                                                         <div class="control-group mobile-control-group" id="[tid]_fuelType">
233                                                                                 [fuelType]
234                                                                     </div>
235                                                                         <div class="control-group mobile-control-group" id="[tid]_transmissionType">
236                                                                                 [transmissionType]
237                                                                     </div>
238                                                                         <div class="control-group mobile-control-group" id="[tid]_vinNumber">
239                                                                                 [vinNumber]
240                                                                     </div>
241                                                                         <div class="control-group mobile-control-group" id="[tid]_engineNumber">
242                                                                                 [engineNumber]
243                                                                     </div>
244                                                                 </div>
245                                                                 <div class="span6">
246                                                                         <div class="control-group mobile-control-group" id="[tid]_km">
247                                                                                 [km]
248                                                                     </div>
249                                                                         <div class="control-group mobile-control-group" id="[tid]_condition">
250                                                                                 [condition]
251                                                                     </div>
252                                                                         <div class="control-group mobile-control-group" id="[tid]_exteriorColour">
253                                                                                 [exteriorColour]
254                                                                     </div>
255                                                                         <div class="control-group mobile-control-group" id="[tid]_interiorColour">
256                                                                                 [interiorColour]
257                                                                     </div>
258                                                                         <div class="control-group mobile-control-group" id="[tid]_upholstery">
259                                                                                 [upholstery]
260                                                                     </div>
261                                                                         <div class="control-group mobile-control-group" id="[tid]_papers">
262                                                                                 [papers]
263                                                                     </div>
264                                                                         <div class="control-group mobile-control-group" id="[tid]_natis">
265                                                                                 [natis]
266                                                                     </div>
267                                                                         <div class="control-group mobile-control-group" id="[tid]_spareKeys">
268                                                                                 [spareKeys]
269                                                                     </div>
270                                                                         <div class="control-group mobile-control-group" id="[tid]_fullServiceHistory">
271                                                                                 [fullServiceHistory]
272                                                                     </div>
273                                                                         <div class="control-group mobile-control-group" id="[tid]_fshNotes">
274                                                                                 [fshNotes]
275                                                                     </div>
276
277
278                                                                      <!--<div class="HPIhide">
279                                                                     &lt;!&ndash;  New HPI Report Here &ndash;&gt;
280                                                                             <div class="row-fluid hidden-phone" style="display: block;">&nbsp;</div>
281                                                                             <div class="hpiReport" style="display:block;">
282
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>
289                                                                                                                 <div class="span3">
290                                                                                                                 <button id="downloadTuhpi" class="btn pull-right span12" type="button" style="display: none; margin:-5px 0 0 0;">view</button>
291
292                                                                                                                 </div>
293                                                                                                         </div>
294                                                                                         </div>
295                                                                                         </div>
296                                                                                  </div>
297                                                                         </div>-->
298                                     <!--  New HPI Report Here -->
299                                     <div class="HPIhide">
300                                         <div class="row-fluid hidden-phone" style="display: block;">&nbsp;</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>
310                                                         </div>
311                                                     </div>
312                                                 </div>
313
314                                             </div>
315                                         </div>
316                                     </div>
317                                                                 </div>
318                                                                 </div>
319                                                         </div>
320                                                 </div> <!-- Wrapper ends here -->
321                                         </div>
322
323
324
325
326                                         <div class="damages-form span4">
327
328                                                 <div id="damagesClick"  class="visible-phone mobile-form-headers open">
329                                                         <i class="mobile-bomb"></i>
330                                                         <p>
331                                                                 <span class="btn-content">
332                                                                 </span>
333                                                                 Damages
334                                                         </p>
335                                                         <i style="float:right;" class="icon-white-arrow-down"></i>
336                                                 </div>
337
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">
342                                                                         [damages]
343                                                                 </span><br/>
344                                                                 <div class="" >
345                                                                         <p style="color:red">IMPORTANT: The estimated repair price is at best an estimate, which must be used as a guideline only.</p>
346                                                                 </div>
347                                                                 <span id="[tid]_damageNotes">
348                                                                         [damageNotes]
349                                                                 </span>
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>
354                                                                         </div>
355                                                                 </div>
356                                                                 <div class="control-group mobile-control-group" id="[tid]_previousRepairsNoted">
357                                                                         [previousRepairsNoted]
358                                                                 </div>
359                                                                 <div class="control-group mobile-control-group" id="[tid]_previousRepairsNotes">
360                                                                         [previousRepairsNotes]
361                                                                 </div>
362                                                         </div>
363                                                 </div><!-- Wrapper ends here -->
364
365                                         </div>
366
367
368
369                                 </div>
370                                 <div class="row-fluid page-bottom-forms-wrapper">
371                                         <div class="accessories-form span4">
372
373                                                 <!-- <div class="visible-phone mobile-form-headers">
374                                                         <p>
375                                                                 <span class="btn-content">
376                                                                         <i class="mobile-headphones"></i>
377                                                                 </span>
378                                                                 Accessories
379                                                         </p>
380                                                 </div> -->
381
382                                                 <div id="accessoriesClick"  class="visible-phone mobile-form-headers open">
383                                                         <i class="mobile-headphones"></i>
384                                                         <p>
385                                                                 <span class="btn-content">
386                                                                 </span>
387                                                                 Accessories
388                                                         </p>
389                                                         <i style="float:right;" class="icon-white-arrow-down"></i>
390                                                 </div>
391
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">
396                                                                         [accessories]
397                                                                 </span>
398                                                                 <div class="comment-box" id="[tid]_accessoryNotes">
399                                                                         [accessoryNotes]
400                                                                 </div>
401                                                         </div>
402                                                 </div><!-- Wrapper ends here -->
403                                         </div>
404
405                                         <div class="photos-form span4">
406                                                 <!-- <div class="visible-phone mobile-form-headers">
407                                                         <p>
408                                                                 <span class="btn-content">
409                                                                         <i class="mobile-camera"></i>
410                                                                 </span>
411                                                                 Photos
412                                                         </p>
413                                                 </div> -->
414
415                                                 <div id="photoClick" class="visible-phone mobile-form-headers open">
416                                                         <i class="mobile-camera"></i>
417                                                         <p>
418                                                                 <span class="btn-content">
419                                                                 </span>
420                                                                 Photos
421                                                         </p>
422                                                         <i style="float:right;" class="icon-white-arrow-down"></i>
423                                                 </div>
424
425                                                 <div id="photo">
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>
435                                                                 </div>
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>
441                                                                 </div>
442                                                         </div>
443                                                 </div><!-- Wrapper Ends Here -->
444                                         </div>
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();">
449                                                                         Send to Price Guide
450                                                                 </button>
451                                                                 <button id="optSendToAction" type="button" class="btn send-to-auction-btn hide" onClick="$('#dropAuction').slideToggle();">
452                                                                         Send to Auction
453                                                                 </button>
454                                                                 <button id="btnSendToTc" type="button" class="btn send-to-auction-btn hide">
455                                                                         Send to Trade Center
456                                                                 </button>
457                                                                 <button id="optSendToRetail" type="button" class="btn hide" onClick="$('#dropRetail').slideToggle();">
458                                                                         Send to Retail
459                                                                 </button>
460                                                                 <button id="btnReclaimFromRetail" type="button" class="btn hide">
461                                                                         Reclaim from Retail
462                                                                 </button>
463                                                                 <button type="submit" class="btn edit-btn" id="btnUpdate">Save to stock</button>
464                                                         </div>
465                                                         <div id="dropPg" class="well well-small dropSlide hide">
466                                                                 <div class="control-group mobile-control-group" id="[tid]_clubs">
467                                                                         [clubs]
468                                                             </div>
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.
473                                                     </span>
474                                                             </label>
475                                                             <br/><br/>
476                                                             <button type="button" class="btn btn-success pull-right" id="btnSendToPg">Send to price guide</button>
477                                                             &nbsp;<br/>&nbsp;
478                                                         </div>
479                                                         <div id="dropAuction" class="well well-small dropSlide hide">
480                                                                 <div class="control-group mobile-control-group" id="[tid]_endDate">
481                                                                         [endDate]
482                                                             </div>
483                                                                 <div class="control-group mobile-control-group" id="[tid]_reservePrice">
484                                                                         [reservePrice]
485                                                             </div>
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.
490                                                     </span>
491                                                             </label>
492                                                             <br/><br/>
493                                                             <button type="button" class="btn btn-success pull-right" id="btnSendToAuction">Send to auction</button>
494                                                             &nbsp;<br/>&nbsp;
495                                                         </div>
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]
499                                                             </div>
500                                                             <button type="button" class="btn btn-success pull-right" id="btnSendToRetail">Send to retail</button>
501                                                             &nbsp;<br/>&nbsp;
502                                                         </div>
503                                                         <div class="bottom-grey-set">
504                                                                 <span id="[tid]_print">
505                                                                         [print]
506                                                                 </span>
507                                                                 <button type="button" id="btnArchive" class="btn archive-btn">Archive</button>
508                                                         </div>
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>
512                                                         </div>
513
514
515                             <!-- TransUnion HPI -->
516                             <div class="HPIhide">
517                                 <button type="button" id="requestHPIreport" class="btn btn-purple hide" onClick="$('#tuHPIReport').slideToggle();">
518                                     TU HPI Report
519                                 </button>
520                                 <button type="button" id="requestHPIAccidentReport" class="btn btn-purple hide" onClick="$('#tuHPIAccidentReport').slideToggle();">
521                                     TU Accident Report
522                                 </button>
523                                 <!-- TransUnion HPI Report -->
524                                 <div id="tuHPIReport" class="well well-small dropSlide hide">
525                                     <div class="row">
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>
529                                                 </br> </br>
530                                                 <div class="span11">
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="">
536                                                     </div>
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">
540                                                     </div>
541                                                     <div id="HPIresponse"></div>
542                                                 </div>
543                                             </div>
544                                         </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?
548                                                 <br/>
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.
553                                                 </span>
554                                                 </label>
555                                                 <br><br>
556                                             </div>
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>
559                                             &nbsp;<br/>&nbsp;
560                                         </div>
561                                         <div class="span12 hidden-phone hidden-desktop">
562                                             <br><br>
563                                         </div>
564                                         <div class="span12 offset1">
565                                             <div class="span7">
566                                                 <button type="button" class="btn btn-danger pull-left" onClick="$('#tuHPIReport').slideToggle();" id="btnCancelHPI">Cancel</button>
567                                             </div>
568                                             <div class="span5">
569                                                 <button type="button" class="btn btn-success pull-left" id="btnRequestHPI" >Request Report</button>
570                                             </div>
571                                         </div>
572                                     </div>
573                                 </div>
574                                 <!-- To here HPI -->
575                                 <!-- TransUnion HPI Accident Report -->
576                                 <div id="tuHPIAccidentReport" class="well well-small dropSlide hide">
577                                     <div class="row">
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>
581                                                 </br> </br>
582                                                 <div class="span11">
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="">
588                                                     </div>
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">
592                                                     </div>
593                                                     <div id="HPIAccidentResponse"></div>
594                                                 </div>
595                                             </div>
596                                         </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?
600                                                 <br/>
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.
605                                                 </span>
606                                                 </label>
607                                                 <br><br>
608                                             </div>
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>
611                                             &nbsp;<br/>&nbsp;
612                                         </div>
613                                         <div class="span12 hidden-phone hidden-desktop">
614                                             <br><br>
615                                         </div>
616                                         <div class="span12 offset1">
617                                             <div class="span7">
618                                                 <button type="button" class="btn btn-danger pull-left" onClick="$('#tuHPIAccidentReport').slideToggle();" id="btnCancelHPIAccident">Cancel</button>
619                                             </div>
620                                             <div class="span5">
621                                                 <button type="button" class="btn btn-success pull-left" id="btnRequestHPIAccident" >Request Report</button>
622                                             </div>
623                                         </div>
624                                     </div>
625                                 </div>
626                                 <!-- To here HPI Accident -->
627                             </div>
628                         <!-- To here TransUnion HPI -->
629
630
631                                                 <!-- TransUnion HPI Report
632                                                 <div class="HPIhide">
633                                                 <button type="button" id="requestHPIreport" class="btn btn-purple hide" onClick="$('#tuHPIReport').slideToggle();">
634                                                                         TU HPI Report
635                                                 </button>
636                                                 <div id="tuHPIReport" class="well well-small well-dark dropSlide hide">
637                                                         <div class="row">
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>
642
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"
646                                                                                         value="">
647                                                                                 </div>
648
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">
652                                                                                 </div>
653
654                                                                                 <div id="HPIresponse"></div>
655
656                                                                     </div>
657                                                             </div>
658
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?
662                                                                                 <br/>
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.
667                           </span>
668                                                                                     </label>
669                                                                                     <br><br>
670                                                                             </div>
671
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>
674                                                                     &nbsp;<br/>&nbsp;
675                                                                 </div>
676
677                                                             <div class="span12 hidden-phone hidden-desktop">
678                                                                 <br><br>
679                                                             </div>
680                                                             <div class="span12 offset1">
681                                                                 <div class="span7">
682                                                                         <button type="button" class="btn btn-danger pull-left" onClick="$('#tuHPIReport').slideToggle();" id="btnCancelHPI">Cancel</button>
683                                                                     </div>
684                                                                     <div class="span5">
685                                                                         <button type="button" class="btn btn-success pull-left" id="btnRequestHPI" >Request Report</button>
686                                                                     </div>
687                                                             </div>
688
689                                                     </div>
690                                                 </div>
691                                                 </div>
692                                                  To here HPI -->
693
694
695
696
697
698                                                 </div>
699                                         </div>
700
701
702                                         <div class="row-fluid page-middle-forms-wrapper">
703                                         <div class="vehicle-specs-form span4"> &nbsp;</div>
704                                         <div id="pricinghistory" class="vehicle-specs-form span4">
705
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>
710                                                         </div>
711                                                         <div class="row-fluid">&nbsp;</div>
712                                                         <div class="row-fluid">
713                                                         <div class="span12">
714
715                                                                         <div class="row-fluid table-form">
716                                                                                 <div class="span12">
717                                                                                         <table class="table" id="PHColumnHeaders">
718
719                                                                                                 <tr class="table-header table-header-wrapper" id="[tid]_gridPricingHistoryColumnHeaders">
720
721                                                                                                 </tr>
722
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>
725                                                                                                 </tbody>
726                                                                                         </table>
727                                                                                 </div>
728                                                                         </div>
729
730
731                                                         </div>
732
733                                                         </div>
734                                                 </div>
735                                         </div>
736
737                                 </div>
738
739
740                                 </div>
741                         </form>