xp-dev.com Git - namibia/blob - public/templates/page/valuationview.html

   1                         <form id="frmValuationView" 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
  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>
  16                                                 <p>
  17                                                         <span class="btn-content">
  18                                                         </span>
  19                                                         Customer details
  20                                                 </p>
  21                                                 <i style="float:right;" class="icon-white-arrow-down"></i>
  22                                         </div>
  23
  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">
  29                                                                         [firstName]
  30                                                             </div>
  31                                                                 <div class="control-group mobile-control-group" id="[tid]_familyName">
  32                                                                         [familyName]
  33                                                             </div>
  34                                                                 <div class="control-group mobile-control-group" id="[tid]_idNumber">
  35                                                                         [idNumber]
  36                                                             </div>
  37                                                                 <div class="control-group mobile-control-group" id="[tid]_mobile">
  38                                                                         [mobile]
  39                                                             </div>
  40                                                                 <div class="control-group mobile-control-group" id="[tid]_email">
  41                                                                         [email]
  42                                                             </div>
  43                                                                 <div class="control-group mobile-control-group" id="[tid]_department">
  44                                                                         [department]
  45                                                             </div>
  46                                                                 <div class="control-group mobile-control-group" id="[tid]_region">
  47                                                                         [region]
  48                                                                 </div>
  49                                                                 <!-- <div class="control-group mobile-control-group" id="[tid]_city">
  50                                                                         [city]
  51                                                                 </div> -->
  52                                                                 <!-- <div class="control-group mobile-control-group" id="[tid]_street">
  53                                                                         [street]
  54                                                                 </div> -->
  55                                                                 <div class="control-group mobile-control-group" id="[tid]_requiredPrice">
  56                                                                         [requiredPrice]
  57                                                                 </div>
  58                                                         </div>
  59                                                 </div>
  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>
  64                                                         <p>
  65                                                                 <span class="btn-content">
  66                                                                 </span>
  67                                                                 Valuation details
  68                                                         </p>
  69                                                         <i style="float:right;" class="icon-white-arrow-down"></i>
  70                                                 </div>
  71
  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>
  80                                                                         </div>
  81                                                                     </div>
  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>
  86                                                                         </div>
  87                                                                     </div>
  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>
  92                                                                         </div>
  93                                                                     </div>
  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>
  98                                                                         </div>
  99                                                                     </div>
 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>
 104                                                                         </div>
 105                                                                     </div>
 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>
 110                                                                                 </div>
 111                                                                     </div>
 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>
 116                                                                                 </div>
 117                                                                     </div>
 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>
 122                                                                                 </div>
 123                                                                         </div>
 124                                                                         <span id="[tid]_coverReceived">
 125                                                                                 [coverReceived]
 126                                                                         </span>
 127
 128                                                                 </div>
 129                                                         </div>
 130                                                 </div> <!-- wrapper ends -->
 131                                         </div>
 132                                         <div class="pricing-details-form span4">
 133                                                 <div id="pricingDetailsClick" class="visible-phone mobile-form-headers open">
 134                                                         <i class="mobile-money"></i>
 135                                                         <p>
 136                                                                 <span class="btn-content">
 137                                                                 </span>
 138                                                                 Pricing details
 139                                                         </p>
 140                                                         <i style="float:right;" class="icon-white-arrow-down"></i>
 141                                                 </div>
 142
 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">
 151                                                                         [amountOffered]
 152                                                             </div>
 153                                                                 <div class="control-group mobile-control-group" id="[tid]_overAllowance">
 154                                                                         [overAllowance]
 155                                                             </div>
 156                                                                 <div class="control-group mobile-control-group" id="[tid]_standInValue">
 157                                                                         [standInValue]
 158                                                             </div>
 159                                                                 <div class="control-group mobile-control-group" id="[tid]_projectedRetail">
 160                                                                         [projectedRetail]
 161                                                             </div>
 162                                                                 <div class="control-group mobile-control-group" id="[tid]_plannedMargin">
 163                                                                         [plannedMargin]
 164                                                             </div>
 165                                 <div class="control-group mobile-control-group" id="[tid]_bankSettlement">
 166                                     [bankSettlement]
 167                                 </div>
 168                                                         </div>
 169                                                 </div> <!-- wrapper ends -->
 170                                         </div>
 171                                 </div>
 172
 173
 174
 175
 176
 177                                 <div class="row-fluid page-middle-forms-wrapper">
 178                                         <div class="vehicle-specs-form span8">
 179
 180                                                 <div id="vSpecsClick" class="visible-phone mobile-form-headers open">
 181                                                         <i class="mobile-car"></i>
 182                                                         <p>
 183                                                                 <span class="btn-content">
 184                                                                 </span>
 185                                                                 Vehicle specifications
 186                                                         </p>
 187                                                         <i style="float:right;" class="icon-white-arrow-down"></i>
 188                                                 </div>
 189
 190                                                 <div id="vSpecs">
 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">
 194                                                                 <div class="span6">
 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">
 200                                                                                 [vehicleYear]
 201                                                                     </div>
 202                                                                         <div class="control-group mobile-control-group" id="[tid]_category">
 203                                                                                 [category]
 204                                                                     </div>
 205
 206                                                                         <div id="selectionVehicle">
 207
 208                                                                                 <div class="control-group mobile-control-group" id="[tid]_make">
 209                                                                                         [make]
 210                                                                             </div>
 211                                                                         <div class="control-group mobile-control-group hide" id="[tid]_makeManual">
 212                                                                                         [makeManual]
 213                                                                             </div>
 214                                                                                 <div class="control-group mobile-control-group" id="[tid]_model">
 215                                                                                         [model]
 216                                                                             </div>
 217                                                                                 <div class="control-group mobile-control-group hide" id="[tid]_modelManual">
 218                                                                                         [modelManual]
 219                                                                             </div>
 220                                                                                 <div class="control-group mobile-control-group" id="[tid]_type">
 221                                                                                         [type]
 222                                                                             </div>
 223                                                                                 <div class="control-group mobile-control-group hide" id="[tid]_typeManual">
 224                                                                                         [typeManual]
 225                                                                             </div>
 226
 227                                                                         </div>
 228
 229
 230                                                                     <div class="control-group mobile-control-group" id="[tid]_mmCode">
 231                                                                                 [mmCode]
 232                                                                     </div>
 233                                                                         <div class="control-group mobile-control-group" id="[tid]_registrationNumber">
 234                                                                                 [registrationNumber]
 235                                                                     </div>
 236                                                                         <div class="control-group mobile-control-group" id="[tid]_fuelType">
 237                                                                                 [fuelType]
 238                                                                     </div>
 239                                                                         <div class="control-group mobile-control-group" id="[tid]_transmissionType">
 240                                                                                 [transmissionType]
 241                                                                     </div>
 242                                                                         <div class="control-group mobile-control-group" id="[tid]_vinNumber">
 243                                                                                 [vinNumber]
 244                                                                     </div>
 245                                                                         <div class="control-group mobile-control-group" id="[tid]_engineNumber">
 246                                                                                 [engineNumber]
 247                                                                     </div>
 248                                                                         <div class="control-group mobile-control-group" id="[tid]_sighted">
 249                                                                                 [sighted]
 250                                                                     </div>
 251                                     <div class="control-group mobile-control-group" id="[tid]_licenseDiscExpired">
 252                                         [licenseDiscExpired]
 253                                     </div>
 254                                                                 </div>
 255
 256                                                                 <div class="span6">
 257                                                                         <div class="control-group mobile-control-group" id="[tid]_km">
 258                                                                                 [km]
 259                                                                     </div>
 260                                                                         <div class="control-group mobile-control-group" id="[tid]_condition">
 261                                                                                 [condition]
 262                                                                     </div>
 263                                                                         <div class="control-group mobile-control-group" id="[tid]_exteriorColour">
 264                                                                                 [exteriorColour]
 265                                                                     </div>
 266                                                                         <div class="control-group mobile-control-group" id="[tid]_interiorColour">
 267                                                                                 [interiorColour]
 268                                                                     </div>
 269                                                                         <div class="control-group mobile-control-group" id="[tid]_upholstery">
 270                                                                                 [upholstery]
 271                                                                     </div>
 272                                                                         <div class="control-group mobile-control-group" id="[tid]_papers">
 273                                                                                 [papers]
 274                                                                     </div>
 275                                                                         <div class="control-group mobile-control-group" id="[tid]_natis">
 276                                                                                 [natis]
 277                                                                     </div>
 278                                                                         <div class="control-group mobile-control-group" id="[tid]_spareKeys">
 279                                                                                 [spareKeys]
 280                                                                     </div>
 281                                                                         <div class="control-group mobile-control-group" id="[tid]_fullServiceHistory">
 282                                                                                 [fullServiceHistory]
 283                                                                     </div>
 284                                                                         <div class="control-group mobile-control-group" id="[tid]_fshNotes">
 285                                                                                 [fshNotes]
 286                                                                     </div>
 287
 288                                                                     <!--  New HPI Report Here -->
 289                                                                     <div class="HPIhide">
 290                                                                             <div class="row-fluid hidden-phone" style="display: block;">&nbsp;</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>
 300                                                         </div>
 301                                                     </div>
 302                                                 </div>
 303
 304                                                                                         </div>
 305                                                                                 </div>
 306                                                                         </div>
 307
 308
 309                                                                 </div>
 310                                                                 </div>
 311                                                         </div>
 312                                                 </div> <!-- wrapper ends -->
 313                                         </div>
 314                                         <div class="damages-form span4">
 315                                                 <div id="damagesClick"  class="visible-phone mobile-form-headers open">
 316                                                         <i class="mobile-bomb"></i>
 317                                                         <p>
 318                                                                 <span class="btn-content">
 319                                                                 </span>
 320                                                                 Damages
 321                                                         </p>
 322                                                         <i style="float:right;" class="icon-white-arrow-down"></i>
 323                                                 </div>
 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">
 328                                                                         [damages]
 329                                                                 </span><br/>
 330                                                                 <div class="" >
 331                                                                         <p style="color:red">IMPORTANT: The estimated repair price is at best an estimate, which must be used as a guideline only.</p>
 332                                                                 </div>
 333                                                                 <span id="[tid]_damageNotes">
 334                                                                         [damageNotes]
 335                                                                 </span>
 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>
 340                                                                         </div>
 341                                                                 </div>
 342                                                                 <div class="control-group mobile-control-group" id="[tid]_previousRepairsNoted">
 343                                                                         [previousRepairsNoted]
 344                                                                 </div>
 345
 346                                                                 <div class="control-group mobile-control-group" id="[tid]_previousRepairsNotes">
 347                                                                         [previousRepairsNotes]
 348                                                                 </div>
 349                                                         </div>
 350                                                 </div> <!-- wrapper ends -->
 351                                         </div>
 352                                 </div>
 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>
 357                                                         <p>
 358                                                                 <span class="btn-content">
 359                                                                 </span>
 360                                                                 Accessories
 361                                                         </p>
 362                                                         <i style="float:right;" class="icon-white-arrow-down"></i>
 363                                                 </div>
 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">
 368                                                                         [accessories]
 369                                                                 </span>
 370                                                                 <div class="comment-box" id="[tid]_accessoryNotes">
 371                                                                         [accessoryNotes]
 372                                                                 </div>
 373                                                         </div>
 374                                                 </div><!-- wrapper ends -->
 375                                         </div>
 376                                         <div class="photos-form span4">
 377                                                 <div id="photoClick" class="visible-phone mobile-form-headers open">
 378                                                         <i class="mobile-camera"></i>
 379                                                         <p>
 380                                                                 <span class="btn-content">
 381                                                                 </span>
 382                                                                 Photos
 383                                                         </p>
 384                                                         <i style="float:right;" class="icon-white-arrow-down"></i>
 385                                                 </div>
 386                                                 <div id="photo">
 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>
 396                                                                 </div>
 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>
 402                                                                 </div>
 403                                                         </div>
 404                                                 </div> <!-- wrapper ends -->
 405                                         </div>
 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>
 410                                                 </div>
 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();">
 415                                                                         Send to price guide
 416                                                                 </button>
 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>
 419                                                         </div>
 420                                                         <div id="dropPg" class="well well-small dropSlide hide">
 421                                                                 <div class="control-group mobile-control-group" id="[tid]_clubs">
 422                                                                         [clubs]
 423                                                             </div>
 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.
 428                                     </span>
 429                                                             </label>
 430                                                             <br/><br/>
 431                                                             <button type="button" class="btn btn-success pull-right" id="btnSendToPg">Send to price guide</button>
 432                                                             &nbsp;<br/>&nbsp;
 433                                                         </div>
 434                                                         <div id="dropCmp" class="well well-small well-dark dropSlide hide">
 435                                                                 <div class="control-group mobile-control-group" id="[tid]_salesProfile">
 436                                                                         [salesProfile]
 437                                                             </div>
 438                                                                 <div class="control-group mobile-control-group" id="[tid]_salesAmountOffered">
 439                                                                         [salesAmountOffered]
 440                                                             </div>
 441                                                                 <div class="control-group mobile-control-group" id="[tid]_salesComments">
 442                                                                         [salesComments]
 443                                                             </div>
 444                                                             <button type="button" class="btn btn-success pull-right" id="btnSendToSales">Send to sales</button>
 445                                                             &nbsp;<br/>&nbsp;
 446                                                         </div>
 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]
 450                                 </div>
 451                                 <div class="control-group mobile-control-group" id="[tid]_customerComments">
 452                                     [customerComments]
 453                                 </div>
 454                                 <button type="button" class="btn btn-success pull-right" id="btnSendToCustomer">Send offer to customer</button>
 455                                 &nbsp;<br/>&nbsp;
 456                             </div>
 457                                                         <div class="bottom-grey-set">
 458                                                                 <span id="[tid]_print">
 459                                                                         [print]
 460                                                                 </span>
 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>
 463                                                         </div>
 464                                                         <div id="dropStock" class="well well-small dropSlide hide">
 465                                                                 <div class="control-group mobile-control-group" id="[tid]_stockNumber">
 466                                                                         [stockNumber]
 467                                                             </div>
 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.
 472                                                     </span>
 473                                                             </label>
 474                                                             <br/><br/>
 475                                                             <button type="button" class="btn btn-success pull-right" id="doSendToStock">Send to stock</button>
 476                                                             &nbsp;<br/>&nbsp;
 477                                                         </div>
 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 &amp; send to pending valuation</button>
 482                                                                 <button type="button" id="doSendToDealDone" class="btn btn-success save-and-send-btn hide" onClick="$('#dropDealDone').slideToggle();">Save &amp; 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">
 485                                                                                 [stockNumberDD]
 486                                                                     </div>
 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.
 491                                                             </span>
 492                                                                     </label>
 493                                                                     <br/><br/>
 494                                                                     <button type="button" class="btn btn-success pull-right" id="btnSendToDealDone">Send to Deal Done</button>
 495                                                                     &nbsp;<br/>&nbsp;
 496                                                                 </div>
 497                                                                 <button type="button" id="doSendToDealNotDone" class="btn btn-danger save-and-send-btn hide" onClick="$('#dropDealNotDone').slideToggle();">Save &amp; 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]
 501                                     </div>
 502                                     <div class="control-group mobile-control-group" id="[tid]_dealNotDoneReason">
 503                                         [dealNotDoneReason]
 504                                     </div>
 505                                     <br/><br/>
 506                                     <button type="button" class="btn btn-danger pull-right" id="btnSendToDealNotDone">Send to Deal Not Done</button>
 507                                     &nbsp;<br/>&nbsp;
 508                                 </div>
 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>
 515                                                                     &nbsp;<br/>&nbsp;
 516                                                                 </div>
 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>
 520                                                         </div>
 521                                                 </div>
 522
 523                         <!-- TransUnion HPI -->
 524                                                 <div class="HPIhide">
 525                             <button type="button" id="requestHPIreport" class="btn btn-purple hide" onClick="$('#tuHPIReport').slideToggle();">
 526                                 TU HPI Report
 527                             </button>
 528                             <button type="button" id="requestHPIAccidentReport" class="btn btn-purple hide" onClick="$('#tuHPIAccidentReport').slideToggle();">
 529                                 TU Accident Report
 530                             </button>
 531                             <!-- TransUnion HPI Report -->
 532                             <div id="tuHPIReport" class="well well-small dropSlide hide">
 533                                 <div class="row">
 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>
 537                                             </br> </br>
 538                                             <div class="span11">
 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="">
 544                                                 </div>
 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">
 548                                                 </div>
 549                                                 <div id="HPIresponse"></div>
 550                                             </div>
 551                                         </div>
 552                                     </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?
 556                                             <br/>
 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.
 561                                                 </span>
 562                                             </label>
 563                                             <br><br>
 564                                         </div>
 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>
 567                                         &nbsp;<br/>&nbsp;
 568                                     </div>
 569                                     <div class="span12 hidden-phone hidden-desktop">
 570                                         <br><br>
 571                                     </div>
 572                                     <div class="span12 offset1">
 573                                         <div class="span7">
 574                                             <button type="button" class="btn btn-danger pull-left" onClick="$('#tuHPIReport').slideToggle();" id="btnCancelHPI">Cancel</button>
 575                                         </div>
 576                                         <div class="span5">
 577                                             <button type="button" class="btn btn-success pull-left" id="btnRequestHPI" >Request Report</button>
 578                                         </div>
 579                                     </div>
 580                                 </div>
 581                             </div>
 582                             <!-- To here HPI -->
 583                             <!-- TransUnion HPI Accident Report -->
 584                             <div id="tuHPIAccidentReport" class="well well-small dropSlide hide">
 585                                 <div class="row">
 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>
 589                                             </br> </br>
 590                                             <div class="span11">
 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="">
 596                                                 </div>
 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">
 600                                                 </div>
 601                                                 <div id="HPIAccidentResponse"></div>
 602                                             </div>
 603                                         </div>
 604                                     </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?
 608                                             <br/>
 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.
 613                                                 </span>
 614                                             </label>
 615                                             <br><br>
 616                                         </div>
 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>
 619                                         &nbsp;<br/>&nbsp;
 620                                     </div>
 621                                     <div class="span12 hidden-phone hidden-desktop">
 622                                         <br><br>
 623                                     </div>
 624                                     <div class="span12 offset1">
 625                                         <div class="span7">
 626                                             <button type="button" class="btn btn-danger pull-left" onClick="$('#tuHPIAccidentReport').slideToggle();" id="btnCancelHPIAccident">Cancel</button>
 627                                         </div>
 628                                         <div class="span5">
 629                                             <button type="button" class="btn btn-success pull-left" id="btnRequestHPIAccident" >Request Report</button>
 630                                         </div>
 631                                     </div>
 632                                 </div>
 633                             </div>
 634                             <!-- To here HPI Accident -->
 635                         </div>
 636                                         </div>
 637                     <!-- To here TransUnion HPI -->
 638
 639                                         <!-- <div class="row-fluid page-middle-forms-wrapper"> -->
 640                                         <div class="vehicle-specs-form span4"> &nbsp;</div>
 641                                         <div id="pricinghistory" class="vehicle-specs-form span4">
 642                                                 <br/>
 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>
 647                                                         </div>
 648                                                         <div class="row-fluid">&nbsp;</div>
 649                                                         <div class="row-fluid">
 650                                                         <div class="span12">
 651
 652                                                                         <div class="row-fluid table-form">
 653                                                                                 <div class="span12">
 654                                                                                         <table class="table" id="PHColumnHeaders">
 655
 656                                                                                                 <tr class="table-header table-header-wrapper" id="[tid]_gridPricingHistoryColumnHeaders">
 657
 658                                                                                                 </tr>
 659
 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>
 662                                                                                                 </tbody>
 663                                                                                         </table>
 664                                                                                 </div>
 665                                                                         </div>
 666
 667
 668                                                         </div>
 669
 670                                                         </div>
 671                                                 </div>
 672                                         </div>
 673
 674                                 <!-- </div> -->
 675
 676
 677
 678
 679
 680
 681                                 </div>
 682                         </form>