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

   1                         <form id="frmValuationView" action="">
   2                                 <div class="row-fluid page-title-wrapper">
   3                                         <div class="span12">
   4                                                 <h1 id="[tid]_vehicle">[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">
  14                                         <div class="select-valuator span4">
  15                                                 <div class="btn-wrapper">
  16                                                         <div class="top-grey-set">
  17                                                                 <button type="button" id="optMakeOffer" class="btn btn-success make-offer-btn" onClick="$('#dropCmp').slideToggle();">Make offer</button>
  18                                                         </div>
  19                                                         <div id="dropCmp" class="well well-small well-dark dropSlide hide">
  20                                                                 <div class="control-group mobile-control-group" id="[tid]_amountOffered">
  21                                                                         [amountOffered]
  22                                                             </div>
  23                                                             <button type="button" class="btn btn-success pull-right" id="btnMakeOffer">Make offer</button>
  24                                                             &nbsp;<br/>&nbsp;
  25                                                         </div>
  26                                                         <div id="dropConfirm" class="well well-small well-dark dropSlide hide textshow-dark">
  27                                                                 <p>Are you sure you want to offer</p>
  28                                                                 <b>R <span id="[tid]_infAmountOffered">[infAmountOffered]</span></b>
  29                                                                 &nbsp;<br/>&nbsp;
  30                                                             <button type="button" class="btn btn-success pull-right" id="btnConfirm">Yes</button>
  31                                                             <button type="button" class="btn btn-danger pull-right" onClick="$('#dropConfirm').slideToggle();">No</button>
  32                                                             &nbsp;<br/>&nbsp;
  33                                                         </div>
  34
  35
  36
  37                                                 <!-- TransUnion HPI Report -->
  38                                                 <div class="HPIhide">
  39                                                 <button type="button" id="requestHPIreport" class="btn btn-purple hide" onClick="$('#tuHPIReport').slideToggle();">
  40                                                                         TU HPI Report
  41                                                 </button>
  42                                                 <div id="tuHPIReport" class="well well-small well-dark dropSlide hide">
  43                                                         <div class="row">
  44                                                                 <div class="span12 offset1">
  45                                                                         <div class="control-group mobile-control-group" id="HPIFormInputs">
  46                                                                                 <!-- <div class="row">User Name:<input class="field" id="email" name="email" type="text" placeholder="email" value=""></div> -->
  47                                                                                 <!-- <div class="row">Password: the impit</div> -->
  48
  49                                                                                 <div class="input-prepend login-input">
  50                                                                                         <span class="add-on"><i class="icon-user icon-black"></i></span><input class="field"
  51                                                                                         id="HPIusername" name="HPIusername" type="text" placeholder="Username"
  52                                                                                         value="">
  53                                                                                 </div>
  54
  55                                                                                 <div id="maskedPin" class="input-prepend">
  56                                                                                         <span class="add-on"><i class="icon-asterisk icon-black"></i></span><input class="field"
  57                                                                                         id="HPIpin" name="HPIpin" type="password" placeholder="Password">
  58                                                                                 </div>
  59
  60                                                                                 <div id="HPIresponse"></div>
  61
  62                                                                     </div>
  63                                                             </div>
  64
  65
  66                                                             <div id="HPIdropConfirm" class="span10 offset1 well well-small dropSlide hide textshow-dark">
  67                                                                             <div class="span11 offset1">
  68                                                                                     You will be billed directly by Transunion for this transaction. Do you want to continue?
  69                                                                                 <br/>
  70                                                                                     <label for="acceptHPIdisclaimer" style="font-size:12px;">
  71                                                                                         <input id="acceptHPIdisclaimer" type="checkbox">
  72                           <span class="span12">
  73                                                                                         Please ensure that the Vin, Engine and Reg number supplied is correct as you will be billed accordingly by Transunion if incorrect information supplied.
  74                           </span>
  75                                                                                     </label>
  76                                                                                     <br><br>
  77                                                                             </div>
  78
  79                                                                         <button type="button" class="btn btn-success pull-right" id="HPIbtnConfirm">Yes</button>
  80                                                                     <button type="button" class="btn btn-danger pull-right" onClick="$('#HPIdropConfirm').slideToggle();">No</button>
  81                                                                     &nbsp;<br/>&nbsp;
  82                                                                 </div>
  83
  84
  85                                                             <div class="span12 hidden-phone hidden-desktop">
  86                                                                 <br><br>
  87                                                             </div>
  88                                                             <div class="span12 offset1">
  89                                                                 <div class="span7">
  90                                                                         <button type="button" class="btn btn-danger pull-left" onClick="$('#tuHPIReport').slideToggle();" id="btnCancelHPI">Cancel</button>
  91                                                                     </div>
  92                                                                     <div class="span5">
  93                                                                         <button type="button" class="btn btn-success pull-left" id="btnRequestHPI" >Request Report</button>
  94                                                                     </div>
  95                                                             </div>
  96
  97                                                     </div>
  98                                                 </div>
  99                                                 </div>
 100                                                 <!-- To here HPI -->
 101
 102
 103
 104                                                         <div class="bottom-grey-set">
 105                                                                 <span id="[tid]_print">
 106                                                                         [print]
 107                                                                 </span>
 108                                                                 <button type="button" id="btnArchive" class="btn archive-btn hide">Archive</button>
 109                                                                 <button type="button" id="btnUnarchive" class="btn hide">Unarchive</button>
 110                                                         </div>
 111
 112                                                 </div>
 113                                         </div>
 114                                 </div>
 115
 116
 117
 118                                 <div class="row-fluid page-top-forms-wrapper">
 119                                         <div class="customer-details-form span4">
 120                                                 <div id="dealershipDetailsClick" class="visible-phone mobile-form-headers open">
 121                                                         <i class="icon mobile-icon-user"></i>
 122                                                         <p>
 123                                                                 <span class="btn-content">
 124                                                                 </span>
 125                                                                 Dealership details
 126                                                         </p>
 127                                                         <i style="float:right;" class="toggle icon-white-arrow-down"></i>
 128                                                 </div>
 129                                                 <div id="dealershipDetails">
 130                                                         <p class="hidden-phone form-header">
 131                                                                 <i class="icon-user icon-white">
 132                                                                 </i>
 133                                                                 Dealership details
 134                                                         </p>
 135                                                         <div class="form-horizontal">
 136                                                                 <div class="control-group-wrapper mobile-control-group-wrapper">
 137                                                                         <div class="control-group mobile-control-group" id="[tid]_companyName">
 138                                                                                 [companyName]
 139                                                                     </div>
 140                                                                         <div class="control-group mobile-control-group" id="[tid]_companyContact">
 141                                                                                 [companyContact]
 142                                                                     </div>
 143                                                                         <div class="control-group mobile-control-group" id="[tid]_companyMobile">
 144                                                                                 [companyMobile]
 145                                                                     </div>
 146                                                                         <div class="control-group mobile-control-group" id="[tid]_companyEmail">
 147                                                                                 [companyEmail]
 148                                                                     </div>
 149                                                                     <div class="control-group mobile-control-group" id="[tid]_region">
 150                                                                                 [region]
 151                                                                     </div>
 152                                                                 </div>
 153                                                         </div>
 154                                                 </div> <!--  wrapper ends here -->
 155                                         </div>
 156                                         <div class="valuation-details-form span4">
 157                                                 <div id="valuationDetailsClick" class="visible-phone mobile-form-headers open">
 158                                                         <i class="icon mobile-clipboard"></i>
 159                                                         <p>
 160                                                                 <span class="btn-content">
 161                                                                 </span>
 162                                                                 Valuation details
 163                                                         </p>
 164                                                         <i style="float:right;" class="toggle icon-white-arrow-down"></i>
 165                                                 </div>
 166                                                 <div id="valuationDetails">
 167                                                         <p class="hidden-phone form-header"><img class="clipboard" src="imgs/clipboard.gif" alt="">Valuation details</p>
 168                                                         <div class="form-horizontal">
 169                                                                 <div class="control-group-wrapper mobile-control-group-wrapper">
 170                                                                     <div class="control-group mobile-control-group date-created">
 171                                                                         <label class="control-label mobile-control-label valuation-line" for="inputDateCreated">Date created:</label>
 172                                                                         <div class="controls mobile-controls">
 173                                                                                         <p class="information-lines" id="[tid]_infCreated">[infCreated]</p>
 174                                                                         </div>
 175                                                                     </div>
 176                                                                     <div class="control-group mobile-control-group date-loaded">
 177                                                                             <label class="control-label mobile-control-label valuation-line" for="inputDateLoaded">Date loaded on price guide:</label>
 178                                                                             <div class="controls mobile-controls">
 179                                                                                         <p class="information-lines" id="[tid]_infLoadedOnPriceGuide">[infLoadedOnPriceGuide]</p>
 180                                                                                 </div>
 181                                                                         </div>
 182                                                                         <div class="control-group mobile-control-group date-loaded">
 183                                                                                 <label class="control-label mobile-control-label valuation-line" for="coverReceived">Cover received:</label>
 184                                                                                 <div class="controls mobile-controls">
 185                                                                                         <p class="information-lines" id="[tid]_coverReceived">[coverReceived]</p>
 186                                                                                 </div>
 187                                                                         </div>
 188                                                                 </div>
 189                                                         </div>
 190                                                 </div> <!-- wrapper ends -->
 191                                         </div>
 192                                         <div class="pricing-details-form span4">
 193                                                 <div id="pricingDetailsClick" class="visible-phone mobile-form-headers open">
 194                                                         <i class="icon mobile-money"></i>
 195                                                         <p>
 196                                                                 <span class="btn-content">
 197                                                                 </span>
 198                                                                 Pricing details
 199                                                         </p>
 200                                                         <i style="float:right;" class="toggle icon-white-arrow-down"></i>
 201                                                 </div>
 202                                                 <div id="pricingDetails">
 203                                                         <p class="hidden-phone form-header"><img class="money" src="imgs/money.gif" alt="">Pricing details</p>
 204                                                         <div class="form-horizontal">
 205                                                                 <div class="control-group-wrapper mobile-control-group-wrapper">
 206                                                                         <div class="control-group mobile-control-group" id="[tid]_infTradePrice">
 207                                                                                 [infTradePrice]
 208                                                                     </div>
 209                                                                         <div class="control-group mobile-control-group" id="[tid]_infRetailPrice">
 210                                                                                 [infRetailPrice]
 211                                                                     </div>
 212                                     <div class="control-group mobile-control-group" id="[tid]_infListPrice">
 213                                         [infListPrice]
 214                                     </div>
 215                                                                         <div class="control-group mobile-control-group" id="[tid]_infCustomerPrice">
 216                                                                                 [infCustomerPrice]
 217                                                                     </div>
 218                                                                         <div class="control-group mobile-control-group" id="[tid]_infSighted">
 219                                                                                 [infSighted]
 220                                                                     </div>
 221                                     <div class="control-group mobile-control-group" id="[tid]_infLicenseDiscExpired">
 222                                         [infLicenseDiscExpired]
 223                                     </div>
 224                                                             </div>
 225                                                         </div>
 226                                                 </div><!-- wrapper ends -->
 227                                         </div>
 228                                 </div>
 229
 230
 231
 232
 233
 234                                 <div class="row-fluid page-middle-forms-wrapper">
 235
 236                                         <div id="vSpecsClick" class="visible-phone mobile-form-headers open">
 237                                                         <i class="icon mobile-car"></i>
 238                                                         <p>
 239                                                                 <span class="btn-content">
 240                                                                 </span>
 241                                                                 Vehicle specifications
 242                                                         </p>
 243                                                         <i style="float:right;" class="toggle icon-white-arrow-down"></i>
 244                                         </div>
 245                                         <div id="vSpecs">
 246                                                 <div class="vehicle-specs-form span8">
 247                                                         <p class="hidden-phone form-header"><img class="car" src="imgs/car.gif" alt="">Vehicle specifications</p>
 248                                                         <div class="form-horizontal left-and-right-side">
 249                                                                 <div class="control-group-wrapper mobile-control-group-wrapper">
 250                                                                         <div class="left-side mobile-left-side">
 251                                                                                 <input type="hidden" id="retailPrice">
 252                                                                                 <input type="hidden" id="tradePrice">
 253                                         <input type="hidden" id="listPrice">
 254                                                                                 <div class="control-group mobile-control-group" id="[tid]_vehicleRef">
 255                                                                                         [vehicleRef]
 256                                                                             </div>
 257                                                                                 <div class="control-group mobile-control-group" id="[tid]_vehicleYear">
 258                                                                                         [vehicleYear]
 259                                                                             </div>
 260                                                                                 <div class="control-group mobile-control-group" id="[tid]_category">
 261                                                                                         [category]
 262                                                                             </div>
 263                                                                                 <div class="control-group mobile-control-group" id="[tid]_make">
 264                                                                                         [make]
 265                                                                             </div>
 266                                                                                 <div class="control-group mobile-control-group" id="[tid]_model">
 267                                                                                         [model]
 268                                                                             </div>
 269                                                                                 <div class="control-group mobile-control-group" id="[tid]_type">
 270                                                                                         [type]
 271                                                                             </div>
 272                                                                             <div class="control-group mobile-control-group" id="[tid]_mmCode">
 273                                                                                 [mmCode]
 274                                                                         </div>
 275                                                                                 <div class="control-group mobile-control-group" id="[tid]_registrationNumber">
 276                                                                                         [registrationNumber]
 277                                                                             </div>
 278                                                                                 <div class="control-group mobile-control-group" id="[tid]_fuelType">
 279                                                                                         [fuelType]
 280                                                                             </div>
 281                                                                                 <div class="control-group mobile-control-group" id="[tid]_transmissionType">
 282                                                                                         [transmissionType]
 283                                                                             </div>
 284                                                                                 <div class="control-group mobile-control-group" id="[tid]_vinNumber">
 285                                                                                         [vinNumber]
 286                                                                             </div>
 287                                                                                 <div class="control-group mobile-control-group" id="[tid]_engineNumber">
 288                                                                                         [engineNumber]
 289                                                                             </div>
 290                                                                         </div>
 291                                                                         <div class="right-side">
 292                                                                                 <div class="control-group mobile-control-group kms" id="[tid]_km">
 293                                                                                         [km]
 294                                                                             </div>
 295                                                                                 <div class="control-group mobile-control-group" id="[tid]_condition">
 296                                                                                         [condition]
 297                                                                             </div>
 298                                                                                 <div class="control-group mobile-control-group" id="[tid]_exteriorColour">
 299                                                                                         [exteriorColour]
 300                                                                             </div>
 301                                                                                 <div class="control-group mobile-control-group" id="[tid]_interiorColour">
 302                                                                                         [interiorColour]
 303                                                                             </div>
 304                                                                                 <div class="control-group mobile-control-group" id="[tid]_upholstery">
 305                                                                                         [upholstery]
 306                                                                             </div>
 307                                                                                 <div class="control-group mobile-control-group" id="[tid]_papers">
 308                                                                                         [papers]
 309                                                                             </div>
 310                                                                                 <div class="control-group mobile-control-group" id="[tid]_natis">
 311                                                                                         [natis]
 312                                                                             </div>
 313                                                                                 <div class="control-group mobile-control-group" id="[tid]_spareKeys">
 314                                                                                         [spareKeys]
 315                                                                             </div>
 316                                                                                 <div class="control-group mobile-control-group" id="[tid]_fullServiceHistory">
 317                                                                                         [fullServiceHistory]
 318                                                                             </div>
 319                                                                                 <div class="control-group mobile-control-group fshNotes" id="[tid]_fshNotes">
 320                                                                                         [fshNotes]
 321                                                                             </div>
 322
 323
 324
 325                                                                                 <!--  New HPI Report Here -->
 326                                                                                 <div class="HPIhide">
 327                                                                                     <div class="row-fluid hidden-phone" style="display: block;">&nbsp;</div>
 328                                                                                     <div class="hpiReport" style="display:block;">
 329                                                                                                         <div class="row-fluid"><div class="row_red">&nbsp;&nbsp;TransUnion HPI (Accident) Report</div></div>
 330                                                                                                         <div class="row-fluid" style="display: block;border:1px solid #d3d3d3;" id="">
 331                                                                                                                 <div class="control-group mobile-control-group span6" style="padding-left:10px; padding-top:13px;">Last date requested:</div>
 332                                                                                                                 <div class="control-group mobile-control-group span6" style="padding-left:10px;border-left:1px solid #d3d3d3; padding-top:13px;">
 333                                                                                                                         <div id="tuhpiDate"  class="span9">Not requested yet.</div>
 334                                                                                                                         <div class="span3"><button id="downloadTuhpi" class="btn pull-right span12" type="button" style="display: none; margin:-5px 0 0 0;">view</button></div>
 335                                                                                                                 </div>
 336                                                                                                 </div>
 337                                                                                                 </div>
 338
 339                                                                                     </div>
 340                                                                             </div>
 341
 342
 343
 344                                                                         </div>
 345                                                                 </div>
 346                                                         </div>
 347                                                 </div>
 348                                          <!-- ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->
 349
 350
 351                                                 <div class="damages-form span4">
 352
 353                                                 <div id="damagesClick"  class="visible-phone mobile-form-headers open">
 354                                                         <i class="icon mobile-bomb"></i>
 355                                                         <p>
 356                                                                 <span class="btn-content">
 357                                                                 </span>
 358                                                                 Damages
 359                                                         </p>
 360                                                         <i style="float:right;" class="toggle icon-white-arrow-down"></i>
 361                                                 </div>
 362                                                         <div id="damages">
 363                                                                 <p class="hidden-phone form-header"><img class="bomb" src="imgs/bomb.gif" alt=""> Damages</p>
 364                                                                 <div class="form-horizontal">
 365                                                                         <div class="control-group-wrapper mobile-control-group-wrapper">
 366                                                                                 <span id="[tid]_damages">
 367                                                                                         [damages]
 368                                                                                 </span>
 369                                                                                 <div class="control-group mobile-control-group" id="[tid]_damageTotal">
 370                                                                                         [damageTotal]
 371                                                                                 </div>
 372                                                                                 <div class="control-group mobile-control-group damageNotes" id="[tid]_damageNotes">
 373                                                                                         [damageNotes]
 374                                                                                 </div>
 375                                                                                 <div class="control-group mobile-control-group previousRepairsNoted" id="[tid]_previousRepairsNoted">
 376                                                                                         [previousRepairsNoted]
 377                                                                                 </div>
 378                                                                                 <div class="control-group mobile-control-group previousRepairsNotes" id="[tid]_previousRepairsNotes">
 379                                                                                         [previousRepairsNotes]
 380                                                                                 </div>
 381                                                                         </div>
 382                                                                 </div>
 383                                                         </div> <!-- wrapper ends -->
 384                                                 </div> <!-- wrapper ends -->
 385                                         </div>
 386                                 <div class="row-fluid page-bottom-forms-wrapper page-middle-forms-wrapper">
 387                                         <div class="accessories-form span4">
 388                                                 <div id="accessoriesClick"  class="visible-phone mobile-form-headers open">
 389                                                         <i class="icon mobile-headphones"></i>
 390                                                         <p>
 391                                                                 <span class="btn-content">
 392                                                                 </span>
 393                                                                 Accessories
 394                                                         </p>
 395                                                         <i style="float:right;" class="toggle icon-white-arrow-down"></i>
 396                                                 </div>
 397                                                 <div id="accessoriesOpen">
 398                                                         <p class="hidden-phone form-header"><img class="headphones" src="imgs/headphones.gif" alt="">Accessories</p>
 399                                                         <div class="form-horizontal">
 400                                                                 <div class="control-group-wrapper mobile-control-group-wrapper">
 401                                                                         <span id="[tid]_accessories">
 402                                                                                 [accessories]
 403                                                                         </span>
 404                                                                         <div class="control-group mobile-control-group accessoryNotes" id="[tid]_accessoryNotes">
 405                                                                                 [accessoryNotes]
 406                                                                         </div>
 407                                                                 </div>
 408                                                         </div>
 409                                                 </div><!-- wrapper ends -->
 410                                         </div>
 411                                         <div class="photos-form span4">
 412                                                 <div id="photoClick" class="visible-phone mobile-form-headers open">
 413                                                         <i class="icon mobile-camera"></i>
 414                                                         <p>
 415                                                                 <span class="btn-content">
 416                                                                 </span>
 417                                                                 Photos
 418                                                         </p>
 419                                                         <i style="float:right;" class="toggle icon-white-arrow-down"></i>
 420                                                 </div>
 421                                                 <div id="photo">
 422                                                         <p class="hidden-phone form-header"><img class="camera" src="imgs/camera.gif" alt="">Photos</p>
 423                                                         <div class="form-horizontal left-and-right-side">
 424                                                                 <div class="column-left">
 425                                                                         <span id="[tid]_mainImage">[mainImage]</span>
 426                                                                         <span id="[tid]_leftImage">[leftImage]</span>
 427                                                                         <span id="[tid]_backImage">[backImage]</span>
 428                                                                         <span id="[tid]_engineImage">[engineImage]</span>
 429                                                                 </div>
 430                                                                 <div class="column-left">
 431                                                                         <span id="[tid]_frontImage">[frontImage]</span>
 432                                                                         <span id="[tid]_rightImage">[rightImage]</span>
 433                                                                         <span id="[tid]_interiorImage">[interiorImage]</span>
 434                                                                         <span id="[tid]_natisImage">[natisImage]</span>
 435                                                                 </div>
 436                                                         </div>
 437                                                 </div><!-- wrapper ends -->
 438                                         </div>
 439
 440
 441
 442                                         <div id="pricinghistory" class="vehicle-specs-form span4">
 443
 444                                                 <p class="hidden-phone form-header pricinghistory"><img class="pricinghistoryimg" src="imgs/icon-pricingHistory.png" alt="">Pricing History</p>
 445                                                 <div class="form-horizontal short">
 446                                                         <div class="row-fluid">
 447                                                                 <div class="span12">Please note: This history section includes the last 10 entries for the past 3 months</div>
 448                                                         </div>
 449                                                         <div class="row-fluid">&nbsp;</div>
 450                                                         <div class="row-fluid">
 451                                                                 <div class="span12">
 452                                                                         <div class="row-fluid table-form">
 453                                                                                 <div class="span12">
 454                                                                                         <table class="table" id="PHColumnHeaders">
 455
 456                                                                                                 <tr class="table-header table-header-wrapper" id="[tid]_gridPricingHistoryColumnHeaders">
 457
 458                                                                                                 </tr>
 459
 460                                                                                                 <tbody class="grid" id="[tid]_gridPricingHistoryRowRepeater">
 461                                                                                                         <span id = "pricing_history_none_found" style="display:none;" >
 462                                                                                                         <strong>There were no vehicles loaded for the past 3 months on the system for this selection.</strong></span>
 463                                                                                                 </tbody>
 464                                                                                         </table>
 465                                                                                 </div>
 466                                                                         </div>
 467                                                                 </div>
 468                                                         </div>
 469
 470                                                 </div>
 471                                         </div>
 472
 473                                 </div>
 474                 </form>