1<!DOCTYPE html><html lang="en-au"><head><title>Contact Secure Parking Australia & New Zealand | Secure Parking</title><meta property="og:type" content="website" /><meta property="og:title" content="Contact Secure Parking Australia & New Zealand" /><meta name="twitter:title" content="Contact Secure Parking Australia & New Zealand"><meta property="og:description" content="Secure Parking Head Office is in North Sydney with offices in Queensland, Victoria, South Australia, West Australia and Auckland. Contact details." /><meta property="twitter:description" content="Secure Parking Head Office is in North Sydney with offices in Queensland, Victoria, South Australia, West Australia and Auckland. Contact details." /><meta property="og:url" content="https://www.secureparking.com.au/en-au/contact-us/" /><meta name="twitter:card" content="summary"><meta property="og:site_name" content="Secure Parking" /><meta name="description" content="Secure Parking Head Office is in North Sydney with offices in Queensland, Victoria, South Australia, West Australia and Auckland. Contact details." /><meta http-equiv="Content-Type" content="text/html;charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="alternate" href="/en-au/contact-us/" hreflang="en-au" /><link rel="alternate" href="/en-nz/contact-us/" hreflang="en-nz" /><meta name="viewport" custom="true" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 2<link rel="icon" href="https://d1dxkf4q.media.zestyio.com/favicon.ico" type="image/png" sizes="196x196" />
vendor: 115 bytes, lines 2-3
2 3<script as="script" rel="preload" src="https://www.google.com/recaptcha/api.js" type="text/javascript" ></script>
4<script>
vendor: 323 bytes, line 4
4(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
4GTM-TM4ZXKK
vendor: 3 bytes, line 4
4');
4</script>
4<link rel="canonical" href="https://www.secureparking.com.au/en-au/contact-us/" /><link type="text/css" href="/site.css?v=80c76b47537b1ebb004239bd6402d932" rel="stylesheet" media="screen" /><link rel="dns-prefetch" href="" /></head><body class="view-simple_page" itemscope="" itemtype="https://schema.org/WebPage">
vendor: 67 bytes, line 4
4<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
4GTM-TM4ZXKK
vendor: 179 bytes, lines 4-34
4"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
35<!--Google Tag Manager -->
36<script>
vendor: 331 bytes, lines 36-40
36(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 37new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 38j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 39'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 40})(window,document,'script','dataLayer','
40GTM-TM4ZXKK
vendor: 3 bytes, line 40
40');
40</script>
40 41 42 43 <!-- Google tag (gtag.js) -->
44<script async src=https://www.googletagmanager.com/gtag/js?id=G-S7DJDYF5SK></script>
vendor: 2 bytes, line 44
44
45<script> 46
vendor: 136 bytes, lines 46-49
46window.dataLayer = window.dataLayer || []; 47 function gtag(){dataLayer.push(arguments);} 48 gtag('js', new Date()); 49 gtag('config', '
49G-S7DJDYF5SK
vendor: 7 bytes, lines 49-50
49'); 50
50gtag('config', 'AW-1007764745'); 51 gtag('config', 'AW-981458557'); 52 gtag('config', 'AW-802337099'); 53 gtag('config', 'AW-733899019'); 54 gtag('config', 'UA-35572854-1'); 55 gtag('config', 'UA-35572854-7'); 56</script>
vendor: 2 bytes, line 56
56
57<script> 58 window.onpageshow = function(event) { 59 if(event.persisted) { 60 window.location.reload(); 61 } 62 } 63</script>
vendor: 2 bytes, line 63
63
64<script src="https://gateway.api.advam.com/webbank/webbank-js/js/v2/webbank.js"></script>
vendor: 2 bytes, line 64
64
65<script src="https://pay.google.com/gp/p/js/pay.js"></script>
vendor: 2 bytes, line 65
65
66<script src="https://alcdn.msauth.net/browser/2.13.1/js/msal-browser.js" integrity="sha384-7hwr87O1w6buPsX92CwuRaz/wQzachgOEq+iLHv0ESavynv6rbYwKImSl7wUW3wV" crossorigin="anonymous"></script>
66 67 68<!-- To help ensure reliability, Microsoft provides a second CDN -->
69<script type="text/javascript"> 70 if(typeof Msal === 'undefined')document.write(unescape("%3Cscript src='https://alcdn.msftauth.net/browser/2.13.1/js/msal-browser.min.js' type='text/javascript' crossorigin='anonymous' %3E%3C/script%3E")); 71</script>
71 72 <div class="page-content" itemprop="mainContentOfPage"> 73 74 <section class="main-nav"> 75 <div class="main-nav__upper"> 76 <div class="wrapper"> 77 <ul class="main-nav__links"> 78 79 80 81 82 83 84 85 86 87 <li><a href="/en-au/corporate-services/">Corporate Services</a></li> 88 89 90 91 92 93 94 95 96 <li><a href="/en-au/faqs/">Help FAQ's</a></li> 97 98 99 100 101 102 103 104 105 <li><a href="/en-au/about/stuff-to-know/">Legal</a></li> 106 107 108 </ul> 109 </div> 110 </div> 111 112 <div class="main-nav__lower"> 113 <div class="wrapper"> 114 <div class="main-nav__main"> 115 <div class="main-nav__logo"> 116 <a href="/en-au/"> <img src='https://24twnq5l.media.zestyio.com/logo-marketing.svg' alt="Secure Parking Logo"></a> 117 </div> 118 <ul class="main-nav__list"> 119 120 121 122 123 124 125 126 <li class="main-nav__item"><a href='/en-au/parking-solutions/'>Parking Solutions</a> 127 128 <ul class="main-nav__secondary-menu"> 129 130 131 132 133 <li><a href="/en-au/parking-solutions/early-bird-parking/">Early Bird Parking</a></li> 134 135 136 137 138 <li><a href="/en-au/parking-solutions/hourly-parking/">Hourly Parking</a></li> 139 140 141 142 143 <li><a href="/en-au/parking-solutions/hotel-and-overnight-parking/">Multi-Day & Overnight Parking</a></li> 144 145 146 147 148 <li><a href="/en-au/parking-solutions/monthly-parking/">Monthly Parking</a></li> 149 150 151 152 153 <li><a href="/en-au/parking-solutions/flexi-parking/">Flexi Parking</a></li> 154 155 156 157 158 <li><a href="/en-au/parking-solutions/night-parking/">Night Parking</a></li> 159 160 161 162 163 <li><a href="/en-au/parking-solutions/weekend-parking/">Weekend Parking</a></li> 164 165 166 167 168 <li><a href="/en-au/parking-solutions/advantage-parker/">Advantage Parker</a></li> 169 170 </ul> 171 172 </li> 173 174 175 176 177 178 179 180 <li class="main-nav__item"><a href='/en-au/offers-and-events/'>Offers & Events</a> 181 182 </li> 183 184 185 186 187 188 189 190 <li class="main-nav__item"><a href='/en-au/about/'>About Us</a> 191 192 <ul class="main-nav__secondary-menu"> 193 194 195 196 197 <li><a href="/en-au/about/">About Secure Parking</a></li> 198 199 200 201 202 <li><a href="/en-au/corporate-services/">Car Park Management Services</a></li> 203 204 205 206 207 <li><a href="/en-au/about/employment/">Employment</a></li> 208 209 210 211 212 <li><a href="/en-au/about/our-people-and-culture/">People and Culture</a></li> 213 214 215 216 217 <li><a href="/en-au/about/meet-the-leadership-team/">The Team</a></li> 218 219 220 221 222 <li><a href="/en-au/about/business-vision-purpose-values/">Vision, Purpose, Values</a></li> 223 224 225 226 227 <li><a href="/en-au/news/">Latest News</a></li> 228 229 </ul> 230 231 </li> 232 233 234 235 236 237 238 239 <li class="main-nav__item"><a href='/en-au/contact-us/'>Contact Us</a> 240 241 </li> 242 243 </ul> 244 <div style="display: flex; align-items: center; height: 100%;"> 245 <ul class="main-nav__info"> 246 <li > 247 <a class="main-nav__link main-nav__link--phone" href="tel:+61280008790"></a> 248 </li> 249 <li> 250 <a class="main-nav__link main-nav__link--search" data-target="search" href="/en-au/"></a> 251 </li> 252 <li > 253 <a class="main-nav__link main-nav__link--calendar" data-target="booking" href="/en-au/"></a> 254 </li> 255 <li > 256 <a class="main-nav__link main-nav__link--profile" data-target="account" href="/en-au/"></a> 257 </li> 258 <li > 259 <a class="main-nav__link main-nav__link--cart main-nav__link" data-target="cart" href="/en-au/"> 260 <div class="cart-circle"></div> 261 </a> 262 </li> 263 </ul> 264 265 266 <a class="primary-btn primary-btn--find-park-nav" href="/en-au/car-parks/?parkingNearme=true&showAllCarpar
266ks=true"><div>Find Parking</div></a> 267 268 </div> 269 </div> 270 </div> 271 </div> 272 <div class="main-nav__overlay"></div> 273</section> 274 275 276 277 278 279 <section class="search-widget site-panel " data-site-panel="search"> 280 <div class="search-widget__upper"> 281 <div class="breadcrumb internal" style="display:none;"> 282 <span></span> 283 <p>Back</p> 284 </div> 285 <div class="search-widget__container"> 286 <div class="search-widget__title">Search Secure Parking</div> 287 <div class="search-widget__input-wrapper"> 288 <div class="search-widget__search search-widget__search--white search-widget__search--internal"> 289 <span class="search-widget__search-icon"></span> 290 <input placeholder="Search"> 291 </div> 292 </div> 293 <div class="search-widget__button-wrapper"> 294 <div class="primary-btn primary-btn--light"> 295 <a href="/en-au/faqs/">FAQ's</a> 296 </div> 297 <div class="primary-btn primary-btn--light"> 298 <a href="/en-au/offers-and-events/">Offers & Events</a> 299 </div> 300 <div class="primary-btn primary-btn--light"> 301 <a href="/en-au/car-parks/">Find a Park</a> 302 </div> 303 </div> 304 </div> 305 </div> 306 <div id="content-search-results" class="search-widget__results" style="display:none"> 307 <div class="search-widget__container"> 308 <div class="loader internal text-center" style="display:none"> 309 <div class="lds-ripple"> 310 <div></div> 311 <div></div> 312 </div> 313 </div> 314 <div class="search-widget__filters"> 315 <div class="search-widget__empty-term"></div> 316 <div class="search-widget__clear-all">Clear<span style="background-image: url('https://24twnq5l.media.zestyio.com/grey-close-sign.svg')"></span></div> 317 </div> 318 <div class="items"> 319 </div> 320 </div> 321 </div> 322 323 <div class="search-widget__lower"> 324 <div class="breadcrumb parks" style="display:none;"> 325 <span></span> 326 <p>Back</p> 327 </div> 328 <div class="search-widget__container"> 329 <div class="search-widget__title search-widget__title--white">Find a park</div> 330 <div class="search-widget__input-wrapper"> 331 <div class="search-widget__search search-widget__search--parks"> 332 <span class="search-widget__search-icon"></span> 333 <input placeholder="Search for a city, address or business" class="find-park-input" data-context="sidebar"> 334 </div> 335 </div> 336 </div> 337 <div class="results"> </div> 338 </div> 339 <div class="loader parks text-center" style="display:none" data-context="sidebar"> 340 <div class="lds-ripple"> 341 <div></div> 342 <div></div> 343 </div> 344 </div> 345 <div id="parks-search-results" class="search-widget__results" style="display:none"> 346 <div class="search-widget__container" data-context="sidebar"> 347 348 <div class="items"> 349 <div class="geocode-results"></div> 350 <h3 class="search-widget__subtitle" style="padding-top: 2rem; padding-left: 2rem;">Car Parks</h3> 351 <div class="carpark-results-container"></div> 352 </div> 353 </div> 354 </div> 355</section> 356 357
358<script> 359 360 361 </script>
361 362 363 364 <section class="account-menu account-menu--desktop site-panel" data-site-panel="account"> 365 <div class="account-menu-overlay"></div> 366 <div class="account-back breadcrumb desktop" style="display: none;"> 367 <span></span>Back</div> 368 <div class="cards-menu breadcrumb" style="display: none;"> 369 <span></span>Back</div> 370 <div class="payment-methods breadcrumb" style="display: none;"> 371 <span></span>Back</div> 372 <div class="vehicles breadcrumb" style="display: none;"> 373 <span></span>Back</div> 374 <div class="vehicles-item breadcrumb" style="display: none;"> 375 <span></span>Back</div> 376 <div class="add-new-vehicle breadcrumb" style="display: none;"> 377 <span></span>Back</div> 378 379 <section class="status-bar"> 380 <div class="icon"></div> 381 <div class="text"></div> 382</section> 383 384 385 386 <section class="account-preferences account-preferences--sidebar" data-account-section="account-preferences"> 387 <div class="wrapper"> 388 <div class="breadcrumb"> 389 <span></span> 390 <p>Back</p> 391 </div> 392 393 394 395<div class="wrapper"> 396 397 398 <h2 class="account-preferences__main-title">Preferences </h2> 399 400 401 <div class="account-preferences__items opt-out"> 402 403 <div class="account-preferences__item"> 404 <div class="account-preferences__info"> 405 <div class="account-preferences__title">Are you in or out?</div> 406 <div class="account-preferences__desc">Love a good deal? 407Keep the toggle grey to stay in the loop with exclusive offers, discounts, and marketing goodies. 408 409Not feeling it right now? 410Flip the toggle to green to opt out of marketing messages. 411 412You can also unsubscribe anytime via any marketing email we send. But if you change your mind later, just come back here and switch the toggle back to grey to rejoin the fun!</div> 413 </div> 414 <div class="account-preferences__switch"> 415 <label class="switch"> 416 <input type="checkbox" name="optOut"> 417 <span class="slider round"></span> 418 </label> 419 </div> 420 </div> 421 422 </div> 423 424</div> 425<div class="bg-white"> 426 <div class="wrapper"> 427 428 <h2>Search Filters </h2> 429 <div class="account-preferences__items search-filters-preferences"> 430 431 432 433 434 435 436 437 <div class="account-preferences__item"> 438 <div class="account-preferences__info"> 439 <div class="account-preferences__title">24 hours</div> 440 <div class="account-preferences__desc">This car park is 24 hours</div> 441 </div> 442 <div class="account-preferences__switch"> 443 <label class="switch"> 444 <input type="checkbox" name="24 hours" id="6f9f9667-3f9f-49dc-9091-aebf00b749c8"> 445 <span class="slider round"></span> 446 </label> 447 </div> 448 </div> 449 450 451 452 453 454 455 456 <div class="account-preferences__item"> 457 <div class="account-preferences__info"> 458 <div class="account-preferences__title">Disability Access</div> 459 <div class="account-preferences__desc">Disability Access is available at this car park</div> 460 </div> 461 <div class="account-preferences__switch"> 462 <label class="switch"> 463 <input type="checkbox" name="Disability Access" id="a6795eac-cce6-44cf-9f5c-aebf00b7a2de"> 464 <span class="slider round"></span> 465 </label> 466 </div> 467 </div> 468 469 470 471 472 473 474 475 <div class="account-preferences__item"> 476 <div class="account-preferences__info"> 477 <div class="account-preferences__title">Monthly Parking</div> 478 <div class="account-preferences__desc">Monthly Parking is available at this car park</div> 479 </div> 480 <div class="account-preferences__switch"> 481 <label class="switch"> 482 <input type="checkbox" name="Monthly Parking" id="beb307f1-1524-4cec-a159-aebf00b9c571">
483 <span class="slider round"></span> 484 </label> 485 </div> 486 </div> 487 488 489 490 491 492 493 494 <div class="account-preferences__item"> 495 <div class="account-preferences__info"> 496 <div class="account-preferences__title">4WD Parking</div> 497 <div class="account-preferences__desc">4WD Parking is available at this car park</div> 498 </div> 499 <div class="account-preferences__switch"> 500 <label class="switch"> 501 <input type="checkbox" name="4WD Parking" id="0fe66aa9-867b-4fbc-9b2a-aebf00b75f5d"> 502 <span class="slider round"></span> 503 </label> 504 </div> 505 </div> 506 507 508 509 510 511 512 513 <div class="account-preferences__item"> 514 <div class="account-preferences__info"> 515 <div class="account-preferences__title">Advantage Parker</div> 516 <div class="account-preferences__desc">Advantage Parker is available at this car park</div> 517 </div> 518 <div class="account-preferences__switch"> 519 <label class="switch"> 520 <input type="checkbox" name="Advantage Parker" id="2a9589f4-8a60-48b3-9f75-aeeb00144e32"> 521 <span class="slider round"></span> 522 </label> 523 </div> 524 </div> 525 526 527 528 529 530 531 532 <div class="account-preferences__item"> 533 <div class="account-preferences__info"> 534 <div class="account-preferences__title">Electric Vehicle Charging</div> 535 <div class="account-preferences__desc">Electric Vehicle Charging is available at this car park</div> 536 </div> 537 <div class="account-preferences__switch"> 538 <label class="switch"> 539 <input type="checkbox" name="Electric Vehicle Charging" id="ec816f50-f404-4871-a0ca-aebf00b8ef86"> 540 <span class="slider round"></span> 541 </label> 542 </div> 543 </div> 544 545 </div> 546 547 <div class="account-preferences__update-wrapper"> 548 <div class="loader" style="display:none"> 549 <div class="lds-ripple"> 550 <div></div> 551 <div></div> 552 </div> 553</div> 554 555 556 <div class="cta-full account-preferences__update">Update preferences</div> 557 </div> 558 </div> 559</div> 560 561 562 563 564 565 </section> 566 <div class="account-menu__upper"> 567 568 <section class="account-form account-form--sidebar" data-account-section="personal-details"> 569 <div class="wrapper"> 570 <div class="breadcrumb"> 571 <span></span> 572 <p>Back</p> 573 </div> 574 <h2 class="account-menu__main-title">Personal Details</h2> 575 576 577 <form class="account-form"> 578 <div class="account-form__item"> 579 <label for="firstName" class="required">First name</label> 580 <input type="text" id="firstName" name="firstName" placeholder="Frank" autocomplete="given-name"> 581 <span class="error" data-error-for="firstName"></span> 582 </div> 583 <div class="account-form__item"> 584 <label for="lastName" class="required">Last name</label> 585 <input type="text" id="lastName" name="lastName" placeholder="Smith" autocomplete="family-name"> 586 <span class="error" data-error-for="lastName"></span> 587 </div> 588 <div class="account-form__item"> 589 <label for="email" class="required">Email address</label> 590 <input type="email" id="email" name="email" placeholder="[email protected]" autocomplete="email"> 591 <span class="error" data-error-for="email"></span> 592 </div> 593 <div class="account-form__item"> 594 <label for="mobileNumber" class="required">Mobile number</label> 595 <input type="text" id="mobileNumber" name="mobileNumber" placeholder="0401 234 567" autocomplete="tel"> 596 <span class="error" data-error-for="mobileNumber"></span> 597 </div> 598 <div class="account-form__item"> 599 <label for="countries" class="required">Country</label> 600 601 <select name="countries" id="countries"> 602 <option value="" disabled selected hidden>Select</option> 603 <option value="Australia">Australia</option> 604 <option value="NewZealand">New Zealand</option> 605 </select>
606 <span class="error" data-error-for="countries"></span> 607 </div> 608 609 <div class="hidden" name="statesDiv" id="statesDiv"> 610 <label class="required" for="states">State</label> 611 612 <select name="states" id="states"> 613 <option value="" disabled selected hidden>Select</option> 614 <option value="NSW">NSW</option> 615 <option value="VIC">VIC</option> 616 <option value="QLD">QLD</option> 617 <option value="SA">SA</option> 618 <option value="WA">WA</option> 619 <option value="NT">NT</option> 620 <option value="ACT">ACT</option> 621 <option value="TAS">TAS</option> 622 </select> 623 <span class="error" data-error-for="states"></span> 624 </div> 625 626 <div class="account-form__item"> 627 <label for="addressLine1">Address Line 1</label> 628 <input type="text" id="addressLine1" name="addressLine1" placeholder="Address" autocomplete="address-line1"> 629 <span class="error" data-error-for="addressLine1"></span> 630 </div> 631 632 <div class="account-form__item"> 633 <label for="addressLine2">Address Line 2</label> 634 <input type="text" id="addressLine2" name="addressLine2" placeholder="Address" autocomplete="address-line2"> 635 <span class="error" data-error-for="addressLine2"></span> 636 </div> 637 638 <div class="account-form__item"> 639 <label for="city">Suburb/City</label> 640 <input type="text" id="city" name="city" placeholder="Suburb/City" autocomplete="city"> 641 <span class="error" data-error-for="city"></span> 642 </div> 643 644 <div class="account-form__item"> 645 <label for="postCode">Postcode</label> 646 <input type="text" id="postCode" name="postCode" placeholder="Postcode" autocomplete="postal-code"> 647 <span class="error" data-error-for="postCode"></span> 648 </div> 649 <div class="account-form__item"> 650 <label for="licenseNumber" class="required">Licence Plate Number</label> 651 <input type="text" id="licenseNumber" name="licenseNumber" placeholder="523 NL7"> 652 <span class="error" data-error-for="licenseNumber"></span> 653 </div> 654 <div class="checkboxes-group"> 655 <div class="account-form__item account-form__item--checkbox"> 656 <label class="custom-checkbox-sp">I am 18+ and agree to the <a href="/en-au/about/stuff-to-know/">terms and conditions</a> 657 <input id="terms" type="checkbox" name="terms" type="checkbox"> 658 <span class="checkmark"></span> 659 </label> 660 <span class="error" data-error-for="terms"></span> 661 </div> 662 663 <div class="account-form__item account-form__item--checkbox"> 664 <label class="custom-checkbox-sp">I am happy to receive deals, discounts and other marketing and event related information. You can unsubscribe at any time by opting out in Account Preferences 665 <input id="offers" type="checkbox" name="offers" type="checkbox"> 666 <span class="checkmark"></span> 667 </label> 668 </div> 669 670 </div> 671 <div class="account-form__loader-wrapper"> 672 <div class="lds-ripple loader" style="display: none;"> 673 <div></div> 674 <div></div> 675 </div> 676 </div> 677 <div class="account-form__booking-wrapper"> 678 <div class="car-park-detail__book"> 679 <div class="wrapper"> 680 <button data-action="submit" class="account-form__cta disabled" type="submit"> 681 Save Changes 682 </button> 683 </div> 684 </div> 685 </div> 686</form> 687 688 689 690 691 </section> 692 693 <section class="account-form account-form--sidebar"> 694 <div class="wrapper"> 695 <div class="breadcrumb"> 696 <span></span> 697 <p>Back</p> 698 </div> 699 <section class="success-alert" style="display: none;"> 700 701<div class="success-alert__icon"></div> 702<div class="success-alert__title"></div> 703 704 705 706</section> 707 708 709 <form class="account-form"> 710 <div class="account-form__item"> 711 <label for="firstName" class="required">First name</label> 712 <input type="text" id="firstName" name="firstName" placeholder="Frank" autocomplete="given-name">
713 <span class="error" data-error-for="firstName"></span> 714 </div> 715 <div class="account-form__item"> 716 <label for="lastName" class="required">Last name</label> 717 <input type="text" id="lastName" name="lastName" placeholder="Smith" autocomplete="family-name"> 718 <span class="error" data-error-for="lastName"></span> 719 </div> 720 <div class="account-form__item"> 721 <label for="email" class="required">Email address</label> 722 <input type="email" id="email" name="email" placeholder="[email protected]" autocomplete="email"> 723 <span class="error" data-error-for="email"></span> 724 </div> 725 <div class="account-form__item"> 726 <label for="mobileNumber" class="required">Mobile number</label> 727 <input type="text" id="mobileNumber" name="mobileNumber" placeholder="0401 234 567" autocomplete="tel"> 728 <span class="error" data-error-for="mobileNumber"></span> 729 </div> 730 <div class="account-form__item"> 731 <label for="countries" class="required">Country</label> 732 733 <select name="countries" id="countries"> 734 <option value="" disabled selected hidden>Select</option> 735 <option value="Australia">Australia</option> 736 <option value="NewZealand">New Zealand</option> 737 </select> 738 <span class="error" data-error-for="countries"></span> 739 </div> 740 741 <div class="hidden" name="statesDiv" id="statesDiv"> 742 <label class="required" for="states">State</label> 743 744 <select name="states" id="states"> 745 <option value="" disabled selected hidden>Select</option> 746 <option value="NSW">NSW</option> 747 <option value="VIC">VIC</option> 748 <option value="QLD">QLD</option> 749 <option value="SA">SA</option> 750 <option value="WA">WA</option> 751 <option value="NT">NT</option> 752 <option value="ACT">ACT</option> 753 <option value="TAS">TAS</option> 754 </select> 755 <span class="error" data-error-for="states"></span> 756 </div> 757 758 <div class="account-form__item"> 759 <label for="addressLine1">Address Line 1</label> 760 <input type="text" id="addressLine1" name="addressLine1" placeholder="Address" autocomplete="address-line1"> 761 <span class="error" data-error-for="addressLine1"></span> 762 </div> 763 764 <div class="account-form__item"> 765 <label for="addressLine2">Address Line 2</label> 766 <input type="text" id="addressLine2" name="addressLine2" placeholder="Address" autocomplete="address-line2"> 767 <span class="error" data-error-for="addressLine2"></span> 768 </div> 769 770 <div class="account-form__item"> 771 <label for="city">Suburb/City</label> 772 <input type="text" id="city" name="city" placeholder="Suburb/City" autocomplete="city"> 773 <span class="error" data-error-for="city"></span> 774 </div> 775 776 <div class="account-form__item"> 777 <label for="postCode">Postcode</label> 778 <input type="text" id="postCode" name="postCode" placeholder="Postcode" autocomplete="postal-code"> 779 <span class="error" data-error-for="postCode"></span> 780 </div> 781 <div class="account-form__item"> 782 <label for="licenseNumber" class="required">Licence Plate Number</label> 783 <input type="text" id="licenseNumber" name="licenseNumber" placeholder="523 NL7"> 784 <span class="error" data-error-for="licenseNumber"></span> 785 </div> 786 <div class="checkboxes-group"> 787 <div class="account-form__item account-form__item--checkbox"> 788 <label class="custom-checkbox-sp">I am 18+ and agree to the <a href="/en-au/about/stuff-to-know/">terms and conditions</a> 789 <input id="terms" type="checkbox" name="terms" type="checkbox"> 790 <span class="checkmark"></span> 791 </label> 792 <span class="error" data-error-for="terms"></span> 793 </div> 794 795 <div class="account-form__item account-form__item--checkbox"> 796 <label class="custom-checkbox-sp">I am happy to receive deals, discounts and other marketing and event related information. You can unsubscribe at any time by opting out in Account Preferences 797 <input id="offers" type="checkbox" name="offers" type="checkbox">
798 <span class="checkmark"></span> 799 </label> 800 </div> 801 802 </div> 803 <div class="account-form__loader-wrapper"> 804 <div class="lds-ripple loader" style="display: none;"> 805 <div></div> 806 <div></div> 807 </div> 808 </div> 809 <div class="account-form__booking-wrapper"> 810 <div class="car-park-detail__book"> 811 <div class="wrapper"> 812 <button data-action="submit" class="account-form__cta disabled" type="submit"> 813 Save Changes 814 </button> 815 </div> 816 </div> 817 </div> 818</form> 819 820 821 </section> 822 823 <div class="account-manage-cards"> 824 <section class="manage-payment review-payment" data-cart-panel="payment-manage" data-account-section="payment-manage"> 825 <div class="manage-payment__top-section"> 826 <div class="wrapper"> 827 <h2>Manage payment methods</h2> 828 <div class="manage-payment__loading"> 829 <div class="lds-ripple loader"> 830 <div></div> 831 <div></div> 832 </div> 833 </div> 834 <div class="manage-payment__empty"> 835 Your payment methods list is empty - add a new one below. 836 <div class="special-note">Note: Pre-paid debit cards should not be used as they have limitations that include not permitting refunds.</div> 837 </div> 838 <!-- append cards list here --> 839 <div class="customer-cards-list"></div> 840 </div> 841 </div> 842 <div class="manage-payment__bottom-section"> 843 <div class="manage-payment__add-card-btn manage-payment__add-card-btn--review"> 844 <div class="logged-in"><div class="cta-full mobile-add-payment">Add new payment method</div></div> 845 <div class="guest"><div class="cta-full sign-register-link guest">Sign in or Register</div></div> 846 </div> 847 <div class="manage-payment__limit"> 848 You have reached the maximum number of cards that can be added to your profile, if you wish to add a different card you will need to remove or edit the cards above 849 </div> 850 </div> 851</section> 852 853 854 855 <section class="edit-card-menu" data-account-section="edit-cards"> 856 <div class="wrapper"> 857 <div class="title"> 858 <h2></h2> 859 </div> 860 <div class="account-menu__tab-item edit-card"> 861 <div class="account-menu__icon account-menu__icon--edit"></div> 862 <div class="account-menu__info"> 863 <div class="account-menu__title">Edit card</div> 864 </div> 865 </div> 866 <div class="account-menu__tab-item remove-card-btn"> 867 <div class="account-menu__icon account-menu__icon--remove"></div> 868 <div class="account-menu__info"> 869 <div class="account-menu__title">Delete card</div> 870 </div> 871 </div> 872 <div class="account-menu__tab-item make-default" data-default=""> 873 <div class="account-menu__icon account-menu__icon--default"></div> 874 <div class="account-menu__info"> 875 <div class="account-menu__title">Make default</div> 876 </div> 877 </div> 878 <section class="remove-card" style="display: none;"> 879 <p>Are you sure you want to delete this payment method?</p> 880 <div class="btn-wrapper"> 881 <div class="cancel"> 882 <div class="cta-full">Cancel</div> 883 </div> 884 <div class="confirm"> 885 <div class="cta-full">Confirm</div> 886 </div> 887 </div> 888</section> 889 890 891 </div> 892</section> 893 894 895 <section class="add-card add-card-review" data-cart-panel="add-card-review"> 896 <div class="breadcrumb internal account-back payment-methods-back" style="display:none;"> 897 <span></span> 898 <a>Back</a> 899 </div> 900 <div class="wrapper"> 901 <div class="title"> 902 <h2></h2> 903 </div> 904 <div class="special-note">Note: Pre-paid debit cards should not be used as they have limitations that include not permitting refunds.</div> 905 <div class="test" data-payment-wrapper="account-sidebar"></div> 906 </div> 907 <div class="manage-payment__add-card-btn manage-payment__add-card-btn--add"></div> 908</section> 909 910 911 912 913 </div> 914 915 916 917<section class="vehicles-list" data-account-section="vehicles-list"> 918 919 <div class="wrapper vehicles-list__top-section logged-in"> 920 <div class="account-form__breadcrumb">
921 <span></span> 922 <a href="/en-au/account">Account</a> 923 </div> 924 <h2 class="vehicles-list__main-title">Vehicles</h2> 925 <p class="vehicles-list__desc">Vehicles listed here will be billed to your selected primary method.</p> 926 <div class="vehicles-list__loader-wrapper"> 927 <div class="loader" style="display:none"> 928 <div class="lds-ripple"> 929 <div></div> 930 <div></div> 931 </div> 932</div> 933 934 935 </div> 936 <div class="vehicles-list__empty" style="display: none;"> 937 Your vehicle list is empty - add a new one below. 938 </div> 939 940 941 942 <div class="vehicles-list__items"></div> 943 </div> 944 <div class="vehicles-list__bottom-section logged-in"> 945 <div class="vehicles-list__add-btn"> 946 <div class="cta-full">Add new vehicle</div> 947 </div> 948 </div> 949</section> 950<!-- Vehicle List Item Template --> 951<template data-id="template-vehicle-list-item"> 952 <div class="vehicles-list__tab-item" data-name="" data-type="" data-license-plate="" data-vehicle-id=""> 953 <div> 954 <div class="vehicles-list__icon-wrapper"> 955 <div class="vehicles-list__icon" data-id="icon"></div> 956 </div> 957 </div> 958 <div class="vehicles-list__info"> 959 <div class="vehicles-list__title"> 960 <div class="vehicles-list__name" data-id="name"></div> 961 <div class="vehicles-list__default" data-id="isDefault"></div> 962 </div> 963 <div class="vehicles-list__vehicle-details"> 964 <span class="vehicles-list__number-plate" data-id="licensePlate"></span> 965 <span class="vehicles-list__vehicle-type" data-id="type"></span> 966 </div> 967 </div> 968 </div> 969</template> 970<section class="vehicle-item" data-id="vehicleListItem" style="display: none"> 971 <div class="wrapper"> 972 <div class="vehicle-item__breadcrumb"> 973 <span></span> 974 Back 975 </div> 976 <input name="vehicle-item" hidden> 977 <div class="vehicle-item__details"> 978 <div class="vehicle-item__info-tab"> 979 <div class="vehicle-item__name"></div> 980 <div class="vehicle-item__type"></div> 981 </div> 982 <div class="vehicle-item__icon-wrapper"> 983 <div class="vehicle-item__icon"></div> 984 </div> 985 </div> 986 987 <div class="vehicle-item__plate-number"> 988 <div class="vehicle-item__license-label">Licence plate number</div> 989 <div class="add-new-vehicle__input-wrapper"> 990 <div class="vehicle-item__license-display"></div> 991 <div class="add-new-vehicle__input-decor add-new-vehicle__input-decor--one"></div> 992 <div class="add-new-vehicle__input-decor add-new-vehicle__input-decor--two"></div> 993 <div class="add-new-vehicle__input-decor add-new-vehicle__input-decor--three"></div> 994 <div class="add-new-vehicle__input-decor add-new-vehicle__input-decor--four"></div> 995 996 </div> 997 </div> 998 <div class="vehicle-item__loader-wrapper"> 999 <div class="lds-ripple loader" style="display: none;"> 1000 <div></div> 1001 <div></div> 1002 </div> 1003 </div> 1004 <div class="vehicle-item__booking-wrapper vehicle-item__booking-wrapper--desktop"> 1005 <div class="wrapper"> 1006 <div class="vehicle-item__book"> 1007 <div class="primary-btn primary-btn--red">Remove vehicle</div> 1008 <div class="primary-btn primary-btn--edit">Edit vehicle</div> 1009 </div> 1010 </div> 1011 </div> 1012 </div> 1013 <div class="vehicle-item__booking-wrapper vehicle-item__booking-wrapper--mobile"> 1014 <div class="wrapper"> 1015 <div class="vehicle-item__book"> 1016 <div class="primary-btn primary-btn--red">Remove vehicle</div> 1017 <div class="primary-btn primary-btn--edit">Edit vehicle</div> 1018 </div> 1019 </div> 1020 </div> 1021 1022</section> 1023 1024 1025 1026<section class="add-new-vehicle"> 1027 <div class="wrapper"> 1028 <div class="add-new-vehicle__breadcrumb">
1029 <span></span> 1030 <div>Back</div> 1031 </div> 1032 1033 <h2 class="add-new-vehicle__main-title">Add new vehicle</h2> 1034 1035 1036 <p class="add-new-vehicle__desc">Add another vehicle to your account for easier billing and lot access.</p> 1037 1038 <div class="add-new-vehicle__vehicle-field add-new-vehicle__vehicle-field-license"> 1039 <label for="vehicleNumber" class="required">Licence Plate Number</label> 1040 <div class="add-new-vehicle__input-wrapper"> 1041 <input type="text" id="vehicleNumber" name="vehicleNumber" placeholder="e.g. P4RK3R"> 1042 <div class="add-new-vehicle__input-decor add-new-vehicle__input-decor--one"></div> 1043 <div class="add-new-vehicle__input-decor add-new-vehicle__input-decor--two"></div> 1044 <div class="add-new-vehicle__input-decor add-new-vehicle__input-decor--three"></div> 1045 <div class="add-new-vehicle__input-decor add-new-vehicle__input-decor--four"></div> 1046 </div> 1047 <span class="error" data-error-for="vehicleNumber"></span> 1048 </div> 1049 1050 <div class="add-new-vehicle__items"> 1051 <div class="add-new-vehicle__subtitle">Vehicle type</div> 1052 <input name="vehicleType" hidden> 1053 <div class="add-new-vehicle__tab-item sedan"> 1054 <div> 1055 <div class="add-new-vehicle__icon-wrapper"> 1056 <div class="add-new-vehicle__icon add-new-vehicle__icon--sedan"></div> 1057 </div> 1058 </div> 1059 <div class="add-new-vehicle__info"> 1060 <div class="add-new-vehicle__title"> 1061 <div class="add-new-vehicle__name">Sedan (1.8 metres or less)</div> 1062 </div> 1063 <div class="add-new-vehicle__vehicle-details"> 1064 <span class="add-new-vehicle__vehicle-type">Most small and family cars</span> 1065 </div> 1066 </div> 1067 </div> 1068 1069 <div class="add-new-vehicle__tab-item fwd"> 1070 <div> 1071 <div class="add-new-vehicle__icon-wrapper"> 1072 <div class="add-new-vehicle__icon add-new-vehicle__icon--fwd"></div> 1073 </div> 1074 </div> 1075 <div class="add-new-vehicle__info"> 1076 <div class="add-new-vehicle__title"> 1077 <div class="add-new-vehicle__name">Large 4WD (2 metres)</div> 1078 </div> 1079 <div class="add-new-vehicle__vehicle-details"> 1080 <span class="add-new-vehicle__vehicle-type">4WD and some Utes</span> 1081 </div> 1082 </div> 1083 </div> 1084 1085 <div class="add-new-vehicle__tab-item truck"> 1086 <div> 1087 <div class="add-new-vehicle__icon-wrapper"> 1088 <div class="add-new-vehicle__icon add-new-vehicle__icon--truck"></div> 1089 </div> 1090 </div> 1091 <div class="add-new-vehicle__info"> 1092 <div class="add-new-vehicle__title"> 1093 <div class="add-new-vehicle__name">Van (over 2.2 metres)</div> 1094 </div> 1095 <div class="add-new-vehicle__vehicle-details"> 1096 <span class="add-new-vehicle__vehicle-type">Van (over 2.2 metres)</span> 1097 </div> 1098 </div> 1099 </div> 1100 1101 </div> 1102 1103 <div class="add-new-vehicle__vehicle-field"> 1104 <label for="vehicleNickname" class="required">Vehicle Nickname</label> 1105 <input type="text" id="vehicleNickname" name="vehicleNickname" placeholder="e.g. Jim's Beetle"> 1106 <span class="error" data-error-for="vehicleNickname"></span> 1107 </div> 1108 1109 <div class="add-new-vehicle__default primary-vehicle"> 1110 <div class="add-new-vehicle__default-type"> 1111 <div class="add-new-vehicle__primary-title">Primary Vehicle</div> 1112 <div class="add-new-vehicle__instruction">Set as your primary vehicle for fast purchasing</div> 1113 </div> 1114 <div class="add-new-vehicle__switch"> 1115 <label class="switch"> 1116 <input type="checkbox" data-switch-name="isDefault">
1117 <span class="slider round"></span> 1118 </label> 1119 </div> 1120 </div> 1121 1122 </div> 1123 <div class="add-new-vehicle__bottom-section"> 1124 <div class="add-new-vehicle__add-btn new"> 1125 <div class="cta-full">Add vehicle</div> 1126 </div> 1127 <div class="add-new-vehicle__add-btn update" style="display: none;"> 1128 <div class="cta-full">Update vehicle</div> 1129 </div> 1130 </div> 1131 <div class="add-new-vehicle__loader-wrapper"> 1132 <div class="lds-ripple loader" style="display: none;"> 1133 <div></div> 1134 <div></div> 1135 </div> 1136 </div> 1137</section> 1138 1139 1140 1141<style> 1142 .lds-ripple div { 1143 border: 4px solid #0055a5; 1144 } 1145</style> 1146 1147 1148 1149 1150 <div class="wrapper"> 1151 <h2 class="account-menu__main-title account-title-sidebar">Account</h2> 1152 <div class="loader" style="display:none"> 1153 <div class="lds-ripple"> 1154 <div></div> 1155 <div></div> 1156 </div> 1157</div> 1158 1159 1160 <div class="account-menu__tabs"> 1161 <div class="account-menu__tab-item details guest"> 1162 <div class="account-menu__icon account-menu__icon--account"></div> 1163 <div class="account-menu__info"> 1164 1165 <div class="account-menu__title guest sign-register-link">Register or sign in</div> 1166 </div> 1167 </div> 1168 1169 1170 1171 <a href="/en-au/account/personal-details/" class="logged-in"> 1172 <div class="account-menu__tab-item details"> 1173 <div class="account-menu__icon account-menu__icon--account"></div> 1174 <div class="account-menu__info"> 1175 <div class="account-menu__title">Personal Details</div> 1176 <div class="account-menu__subtitle">Name, saved addresses, password</div> 1177 </div> 1178 </div> 1179 </a> 1180 1181 <a href="/en-au/account/vehicles/" class="logged-in"> 1182 <div class="account-menu__tab-item vehicles"> 1183 <div class="account-menu__icon account-menu__icon--vehicle"></div> 1184 <div class="account-menu__info"> 1185 <div class="account-menu__title">Vehicles</div> 1186 </div> 1187 </div> 1188 </a> 1189 <a href="/en-au/account/purchases/" class="logged-in"> 1190 <div class="account-menu__tab-item bookings"> 1191 <div class="account-menu__icon account-menu__icon--booking"></div> 1192 <div class="account-menu__info"> 1193 <div class="account-menu__title">Purchases</div> 1194 </div> 1195 </div> 1196 </a> 1197 <a href="/en-au/account/payment-methods/" class="logged-in"> 1198 <div class="account-menu__tab-item payment-method"> 1199 <div class="account-menu__icon account-menu__icon--payment"></div> 1200 <div class="account-menu__info"> 1201 <div class="account-menu__title">Payment Methods</div> 1202 </div> 1203 </div> 1204 </a> 1205 1206 <a href="/en-au/account/receipt-activity/" class="logged-in"> 1207 <div class="account-menu__tab-item receipts"> 1208 <div class="account-menu__icon account-menu__icon--payment"></div> 1209 <div class="account-menu__info"> 1210 <div class="account-menu__title">Activity Statement</div> 1211 </div> 1212 </div> 1213 </a> 1214 <a href="/en-au/account/preferences/" class="logged-in"> 1215 <div class="account-menu__tab-item preferences"> 1216 <div class="account-menu__icon account-menu__icon--preferences"></div> 1217 <div class="account-menu__info"> 1218 <div class="account-menu__title">Preferences</div> 1219 </div> 1220 </div> 1221 </a> 1222 </div> 1223 </div> 1224 </div> 1225 <div class="account-menu__lower"> 1226 <div class="wrapper"> 1227 <h3>General</h3> 1228 <div class="account-menu__tabs"> 1229 <a href="/en-au/contact-us/"> 1230 <div class="account-menu__tab-item account-menu__tab-item--secondary"> 1231 <div class="account-menu__icon account-menu__icon--help"></div> 1232 <div class="account-menu__info"> 1233 <div class="account-menu__title">Help</div> 1234 </div> 1235 </div> 1236 </a> 1237 <a href="/en-au/about/stuff-to-know/"> 1238 <div class="account-menu__tab-item account-menu__tab-item--secondary"> 1239 <div class="account-menu__icon account-menu__icon--file"></div> 1240 <div class="account-menu__info"> 1241 <div class="account-menu__title">Legal</div> 1242 </div> 1243 </div> 1244 </a> 1245 <a href="" class="logged-in"> 1246 <div class="account-menu__tab-item account-menu__tab-item--secondary logout"> 1247 <div class="account-menu__icon account-menu__icon--signout"></div> 1248 <div class="account-menu__info"> 1249 <div class="account-menu__title"> 1250 <button type="button" class="btn btn-success">Sign Out<button></div> 1251 </div> 1252 </div> 1253 </a> 1254 </div> 1255 </div> 1256 </div> 1257 1258 1259 </section> 1260 1261 1262 1263 1264 <section class="booking-tabs booking-tabs--desktop site-panel" data-site-panel="booking"> 1265 <div class="booking-details__breadcrumb booking-details__breadcrumb--desktop" style="display: none;">
1266 <span></span> 1267 <p>Back</p> 1268 </div> 1269 <div class="booking-list__breadcrumb booking-list__breadcrumb--desktop" style="display: none;position:absolute;"> 1270 <span></span> 1271 <p>Back</p> 1272 </div> 1273 <div class="booking-amend__breadcrumb" style="display: none;" data-action="amend-back"> 1274 <span></span> 1275 <p>Back</p> 1276 </div> 1277 <section class="status-bar"> 1278 <div class="icon"></div> 1279 <div class="text"></div> 1280</section> 1281 1282 1283 <div class="booking-tabs__upper"> 1284 1285 <section class="booking-amend wrapper"> 1286 <section data-view="time-date-picker" style="display: none;"> 1287 <div class="booking-amend__wrapper current-date"> 1288 <div class="booking-details__dets"> 1289 <div class="booking-details__prod-info"> 1290 <span class="icon"></span> 1291 <span class="category"></span> 1292 </div> 1293<div class="booking-details__subheading">Your current purchase</div> 1294 <div class="cart-item__date"></div> 1295 <div class="cart-item__entry-info"> 1296 1297 <div class="cart-item__spec enter"> 1298 <div class="cart-item__instruction">Enter after</div> 1299 <div class="cart-item__time"></div> 1300 <div class="cart-item__date-info"></div> 1301 </div> 1302 <div class="cart-item__spec exit"> 1303 <div class="cart-item__instruction">Exit before</div> 1304 <div class="cart-item__time"></div> 1305 <div class="cart-item__date-info"></div> 1306 </div> 1307 </div> 1308 1309</div> 1310 1311 1312 </div> 1313 <section class="booking-amend__date-time"> 1314 <div class="datetime-fields"> 1315 <div class="datetime-fields__item"> 1316 <label class="small-label">Entry date<sup>*</sup></label> 1317 <div class="datetime-fields__item-wrapper"> 1318 <span class="icon date"></span> 1319 <input class="entry-date datetime-fields__input date" type="date"> 1320 <div class="datetime-fields__placeholder">Select Entry Date</div> 1321 </div> 1322 </div> 1323 1324 <div class="datetime-fields__item"> 1325 <label class="small-label">Entry time<sup>*</sup></label> 1326 <div class="datetime-fields__item-wrapper"> 1327 <span class="icon time"></span> 1328 <input class="entry-time datetime-fields__input time" type="time"> 1329 <div class="datetime-fields__placeholder">Select Entry Time</div> 1330 </div> 1331 </div> 1332 1333 <div class="datetime-fields__item"> 1334 <label class="small-label">Exit date<sup>*</sup></label> 1335 <div class="datetime-fields__item-wrapper"> 1336 <span class="icon date"></span> 1337 <input class="exit-date datetime-fields__input date" type="date"> 1338 <div class="datetime-fields__placeholder">Select Exit Date</div> 1339 </div> 1340 </div> 1341 <div class="datetime-fields__item"> 1342 <label class="small-label">Exit time<sup>*</sup></label> 1343 <div class="datetime-fields__item-wrapper"> 1344 <span class="icon time"></span> 1345 <input class="exit-time datetime-fields__input time" type="time"> 1346 <div class="datetime-fields__placeholder">Select Exit Time</div> 1347 </div> 1348 </div> 1349</div> 1350 1351 1352 1353</section> 1354 1355 1356 1357 <div class="booking-amend__wrapper new-date"> 1358 1359 <div class="booking-details__dets"> 1360 <div class="booking-details__prod-info"> 1361 <span class="icon"></span> 1362 <span class="category"></span> 1363 </div> 1364<div class="booking-details__subheading">Your current purchase</div> 1365 <div class="cart-item__date"></div> 1366 <div class="cart-item__entry-info"> 1367 1368 <div class="cart-item__spec enter"> 1369 <div class="cart-item__instruction">Enter after</div> 1370 <div class="cart-item__time"></div> 1371 <div class="cart-item__date-info"></div> 1372 </div> 1373 <div class="cart-item__spec exit"> 1374 <div class="cart-item__instruction">Exit before</div> 1375 <div class="cart-item__time"></div> 1376 <div class="cart-item__date-info"></div> 1377 </div> 1378 </div> 1379 1380</div> 1381 1382 1383 </div> 1384 1385 <section class="booking-amend__action-buttons amendment-step"> 1386 1387 <div class="booking-amend__btn-container"> 1388 <div class="primary-btn primary-btn--red" data-action="cancel-change">Cancel change</div> 1389 <div class="primary-btn booking-amend__proceed-payment">Confirm change</div> 1390 </div> 1391 1392 </section> 1393 1394 <section class="booking-amend__action-buttons cancel-step" style="display:none;"> 1395 1396 <div class="booking-amend__btn-container"> 1397 <div class="primary-btn primary-btn--red" data-action="cancel-change">Cancel change</div> 1398 <div class="primary-btn booking-amend__cancel-confirm">Cancel now</div> 1399 </div> 1400 1401 </section> 1402 1403 1404</section> 1405 1406 1407 <section class="booking-amend__pricing-summary" data-view="pricing-summary" style="display: none;"> 1408 <div class="booking-amend__cancel-booking-refund-info" style="display: none;"> 1409 <h2>Cancel</h2> 1410 <p class="refund-info">Your refund will be reimbursed to your original payment method.</p> 1411 1412 <div class="virtual-payment-warning-box" style="display: none;"> 1413 <div class="flex"> 1414 <div class="error-circle"></div> 1415 <p>When Google Pay/Apple Pay was used for the original purchase, we require you to verify your payment details and card used by re-selecting Google Pay/Apple Pay and confirming the cancellation fee can be charged. The original cost will then be refunded to your original payment card.</p> 1416 </div> 1417 </div> 1418</div> 1419 1420 1421 <div class="booking-amend__wrapper new-date"> 1422 <div class="booking-details__dets"> 1423 <div class="booking-details__prod-info">
1424 <span class="icon"></span> 1425 <span class="category"></span> 1426 </div> 1427<div class="booking-details__subheading">Your current purchase</div> 1428 <div class="cart-item__date"></div> 1429 <div class="cart-item__entry-info"> 1430 1431 <div class="cart-item__spec enter"> 1432 <div class="cart-item__instruction">Enter after</div> 1433 <div class="cart-item__time"></div> 1434 <div class="cart-item__date-info"></div> 1435 </div> 1436 <div class="cart-item__spec exit"> 1437 <div class="cart-item__instruction">Exit before</div> 1438 <div class="cart-item__time"></div> 1439 <div class="cart-item__date-info"></div> 1440 </div> 1441 </div> 1442 1443</div> 1444 1445 1446 </div> 1447 <div class="gift-card__wrapper logged-in"> 1448 <div class="gift-card"> 1449 <span class="gift-card__icon"></span> 1450 <p>Add gift card</p> 1451 </div> 1452 1453 <div class="gift-card__container"> 1454 <div class="gift-card__select-wrapper"> 1455 1456 <select name="gift-cards" class="gift-card__list"> 1457 <option value="" disabled selected hidden>Select</option> 1458 1459 </select> 1460 </div> 1461 <div class="gift-card__input-wrapper"> 1462 <input placeholder="Enter amount" class="gift-card__input"> 1463 <div class="gift-card__apply-btn">Apply</div> 1464 </div> 1465 1466 <div class="gift-card__summary-list"> 1467 </div> 1468 </div> 1469</div> 1470 1471 1472 <div class="booking-details__summary"> 1473 <div class="booking-details__summary-title">About your <span class="summary-label">updated purchase</span></div> 1474 <div class="booking-details__summary-rows"> 1475 <div class="booking-details__col"> 1476 <span class="bays original-cost-label">Original Cost</span> 1477 <span class="original-cost"></span> 1478 </div> 1479 <div class="booking-details__col booking-fee-container" style="display: none;"> 1480 <span class="bays booking-fee-label">Admin Fee</span> 1481 <span class="booking-fee"></span> 1482 </div> 1483 <div class="booking-details__col surcharge-container" style="display: none;"> 1484 <span class="bays surcharge-label">Surcharge</span> 1485 <span class="surcharge"></span> 1486 </div> 1487 <div class="booking-details__col"> 1488 <span class="bays new-cost-label">New Cost</span> 1489 <span class="new-cost"></span> 1490 </div> 1491 <div class="gift-card-details__summary"> 1492 <div class="gift-card-details__col"></div> 1493 </div> 1494 </div> 1495 <div class="booking-details__total"> 1496 <span class="total-change-cost-label">Total change cost</span> 1497 <span class="total-change-cost"></span> 1498 </div> 1499 <div style="display: none;" class="booking-details__gift-card-issue giftcard">Your parking changes mean that you are entitled to a credit. A giftcard will be created for you to use towards your upcoming purchases.</div> 1500 <div style="display: none;" class="booking-details__gift-card-issue refund">Your refund will be applied to the card that was first used to pay for your parking.</div> 1501 <div style="display: none;" class="booking-details__gift-card-issue special-note">Note: If using Pre-paid debit cards, where refunds are not permitted, please contact us on 02 8000 8790 for support.</div> 1502 </div> 1503 <section class="booking-amend__action-buttons payment-summary"> 1504 <div class="booking-amend__btn-container"> 1505 <div class="primary-btn primary-btn--red" data-action="cancel-change">Cancel change</div> 1506 <div class="primary-btn booking-amend__proceed-payment">Proceed to payment</div> 1507 <div class="booking-amend__proceed-cancel cta-full" style="display:none;">Cancel now</div> 1508 </div> 1509 </section> 1510</section> 1511 1512 1513 <section class="booking-amend__complete-payment" style="display: none;" data-view="finalise-amendment" data-site-panel="amend-payment" data-cart-panel="amend-payment"> 1514 <div class="booking-amend__cancel-booking-refund-info" style="display: none;"> 1515 <h2>Cancel</h2> 1516 <p class="refund-info">Your refund will be reimbursed to your original payment method.</p> 1517 1518 <div class="virtual-payment-warning-box" style="display: none;"> 1519 <div class="flex"> 1520 <div class="error-circle"></div> 1521 <p>When Google Pay/Apple Pay was used for the original purchase, we require you to verify your payment details and card used by re-selecting Google Pay/Apple Pay and confirming the cancellation fee can be charged. The original cost will then be refunded to your original payment card.</p> 1522 </div> 1523 </div> 1524</div> 1525 1526 1527 <div class="finalise-amend-payment-components"> 1528 <div class="booking-amend__wrapper new-date"> 1529 <div class="booking-details__dets"> 1530 <div class="booking-details__prod-info">
1531 <span class="icon"></span> 1532 <span class="category"></span> 1533 </div> 1534<div class="booking-details__subheading">Your current purchase</div> 1535 <div class="cart-item__date"></div> 1536 <div class="cart-item__entry-info"> 1537 1538 <div class="cart-item__spec enter"> 1539 <div class="cart-item__instruction">Enter after</div> 1540 <div class="cart-item__time"></div> 1541 <div class="cart-item__date-info"></div> 1542 </div> 1543 <div class="cart-item__spec exit"> 1544 <div class="cart-item__instruction">Exit before</div> 1545 <div class="cart-item__time"></div> 1546 <div class="cart-item__date-info"></div> 1547 </div> 1548 </div> 1549 1550</div> 1551 1552 1553 </div> 1554 <div class="booking-details__summary"> 1555 <div class="booking-details__summary-title">About your <span class="summary-label">updated purchase</span></div> 1556 <div class="booking-details__summary-rows"> 1557 <div class="booking-details__col"> 1558 <span class="original-cost-label bays">Original Cost</span> 1559 <span class="original-cost"></span> 1560 </div> 1561 <div class="booking-details__col booking-fee-container" style="display: none;"> 1562 <span class="bays booking-fee-label">Admin Fee</span> 1563 <span class="booking-fee"></span> 1564 </div> 1565 <div class="booking-details__col"> 1566 <span class="new-cost-label bays">New Cost</span> 1567 <span class="new-cost"></span> 1568 </div> 1569 <div class="booking-details__col surcharge-container" style="display: none;"> 1570 <span class="bays surcharge-label">Surcharge</span> 1571 <span class="surcharge-cost"></span> 1572 </div> 1573 <div class="booking-details__col giftcard-fee-container" style="display: none;"> 1574 <div class="gift-card-details__col" style="width: 100%"></div> 1575 </div> 1576 </div> 1577 <div class="booking-details__total"> 1578 <span class="total-change-cost-label">Total change cost</span> 1579 <span class="total-change-cost"></span> 1580 </div> 1581 <div style="display: none;" class="booking-details__gift-card-issue giftcard"> 1582 Your parking changes mean that you are entitled to a credit. A giftcard will be created for you to use towards your upcoming purchases. 1583 </div> 1584 <div style="display: none;" class="booking-details__gift-card-issue refund"> 1585 Your refund will be applied to the card that was first used to pay for your parking. 1586 </div> 1587 <div style="display: none;" class="booking-details__gift-card-issue special-note">Note: If using Pre-paid debit cards, where refunds are not permitted, please contact us on 02 8000 8790 for support</div> 1588 </div> 1589 <div class="cart-payment__paragraph surcharge-message"> 1590 1591 1592 1593 </div> 1594 <div class="cart-payment__elements-wrapper loading"> 1595 <div class="loader"> 1596 <div class="lds-ripple"> 1597 <div></div> 1598 <div></div> 1599 </div> 1600 </div> 1601 <div 1602 class="element-wrapper" style="display: none;"> 1603 <!-- Message bried --> 1604 <div class="cart-payment__message-brief cart-payment__summary" style="display: none"> 1605 <div class="wrapper"> 1606 <div class="message"></div> 1607 </div> 1608 </div> 1609 <!-- Card found - select card --> 1610 <div class="cart-payment__card-info" data-cart-payment-type="select-card" style="display: none"> 1611 <div class="cart-payment__icon"></div> 1612 <div class="cart-payment__info"> 1613 <div class="cart-payment__title"></div> 1614 </div> 1615 </div> 1616 <!-- card found - CVV field addition --> 1617 <div class="payment-form-location cvv-only" data-payment-wrapper="payment-form-wrapper" style="display: none"></div> 1618 <!-- No card found - add a card --> 1619 <div class="cart-payment__card-info" data-cart-payment-type="add-or-update-card" style="display: none"> 1620 <div class="cart-payment__icon"></div> 1621 <div class="cart-payment__info"> 1622 <div class="cart-payment__title"></div> 1623 </div> 1624 </div> 1625 </div> 1626</div> 1627 1628 1629 </div> 1630 <section class="manage-payment review-payment" data-cart-panel="payment-manage" data-account-section="payment-manage"> 1631 <div class="manage-payment__top-section"> 1632 <div class="wrapper"> 1633 <h2>Manage payment methods</h2> 1634 <div class="manage-payment__loading"> 1635 <div class="lds-ripple loader"> 1636 <div></div> 1637 <div></div> 1638 </div> 1639 </div> 1640 <div class="manage-payment__empty"> 1641 Your payment methods list is empty - add a new one below. 1642 <div class="special-note">Note: Pre-paid debit cards should not be used as they have limitations that include not permitting refunds.</div> 1643 </div> 1644 <!-- append cards list here --> 1645 <div class="customer-cards-list"></div> 1646 </div> 1647 </div> 1648 <div class="manage-payment__bottom-section"> 1649 <div class="manage-payment__add-card-btn manage-payment__add-card-btn--review"> 1650 <div class="logged-in"><div class="cta-full mobile-add-payment">Add new payment method</div></div> 1651 <div class="guest"><div class="cta-full sign-register-link guest">Sign in or Register</div></div> 1652 </div> 1653 <div class="manage-payment__limit"> 1654 You have reached the maximum number of cards that can be added to your profile, if you wish to add a different card you will need to remove or edit the cards above 1655 </div> 1656 </div> 1657</section> 1658 1659 1660 1661 <section class="add-card add-card-review" data-cart-panel="add-card-review"> 1662 <div class="breadcrumb internal account-back payment-methods-back" style="display:none;">
1663 <span></span> 1664 <a>Back</a> 1665 </div> 1666 <div class="wrapper"> 1667 <div class="title"> 1668 <h2></h2> 1669 </div> 1670 <div class="special-note">Note: Pre-paid debit cards should not be used as they have limitations that include not permitting refunds.</div> 1671 <div class="test" data-payment-wrapper="account-sidebar"></div> 1672 </div> 1673 <div class="manage-payment__add-card-btn manage-payment__add-card-btn--add"></div> 1674</section> 1675 1676 1677 1678 1679 <section class="booking-amend__action-buttons complete-payment"> 1680 <div class="booking-amend__btn-container"> 1681 <div class="primary-btn primary-btn--red" data-action="cancel-change">Cancel change</div> 1682 <div class="booking-total-0 cta-full" style="display: none;">Change now</div> 1683 <div class="cart-payment__book-btn" style="display: none"></div> 1684 </div> 1685 1686 </section> 1687 <section class="booking-amend__action-buttons complete-cancellation"> 1688 <div class="booking-amend__btn-container"> 1689 <div class="primary-btn primary-btn--red" data-action="cancel-change">Cancel change</div> 1690 <div class="booking-amend__proceed-cancel cta-full">Cancel now</div> 1691 </div> 1692 </section> 1693</section> 1694 1695 1696</section> 1697 1698 1699 <section class="booking-cancel" style="display: none;" data-view="cancel-screen"> 1700 1701<div class="booking-cancel__summary"></div> 1702 1703 <section class="booking-amend__action-buttons cancel-booking"> 1704 1705 <div class="booking-amend__btn-container"> 1706 <div class="primary-btn primary-btn--red" data-action="cancel-all">Cancel change</div> 1707 <div class="booking--group-cancel cta-full">Cancel now</div> 1708 1709 </div> 1710 1711 </section> 1712 1713</section> 1714 1715 1716 <section class="booking-amend__pricing-summary" data-view="cancel-pricing-summary" style="display: none;"> 1717 1718 1719 1720 1721 <div class="booking-details__summary"> 1722 <div class="booking-details__summary-title">About your <span class="summary-label">updated purchase</span></div> 1723 <div class="booking-details__summary-rows"> 1724 <div class="booking-details__col"> 1725 <span class="bays original-cost-label">Original Cost</span> 1726 <span class="original-cost"></span> 1727 </div> 1728 <div class="booking-details__col booking-fee-container" style="display: none;"> 1729 <span class="bays booking-fee-label">Admin Fee</span> 1730 <span class="booking-fee"></span> 1731 </div> 1732 1733 <div class="booking-details__col"> 1734 <span class="bays new-cost-label">New cost</span> 1735 <span class="new-cost"></span> 1736 </div> 1737 <div class="booking-details__col booking-fee-container" style="display: none;"> 1738 <span class="bays booking-fee-label">Surcharge</span> 1739 <span class="booking-fee"></span> 1740 </div> 1741 1742 </div> 1743 <div class="booking-details__total"> 1744 <span class="total-change-cost-label">Total change cost</span> 1745 <span class="total-change-cost"></span> 1746 </div> 1747 <div style="display: none;" class="booking-details__gift-card-issue giftcard">Your parking changes mean that you are entitled to a credit. A giftcard will be created for you to use towards your upcoming purchases.</div> 1748 <div style="display: none;" class="booking-details__gift-card-issue refund">Your refund will be applied to the card that was first used to pay for your parking.</div> 1749 <div style="display: none;" class="booking-details__gift-card-issue special-note">Note: If using Pre-paid debit cards, where refunds are not permitted, please contact us on 02 8000 8790 for support</div> 1750 1751 </div> 1752 1753 1754 <section class="booking-amend__action-buttons payment-summary"> 1755 1756 <div class="booking-amend__btn-container"> 1757 <div class="primary-btn primary-btn--red" data-action="cancel-change">Cancel change</div> 1758 <div class="primary-btn booking-amend__proceed-payment">Proceed to payment</div> 1759 <div class="booking-amend__proceed-cancel cta-full" style="display:none;">Cancel now</div> 1760 1761 </div> 1762 1763 </section> 1764 1765</section> 1766 1767 1768 <div class="wrapper"> 1769 1770 <h2 class="booking-tabs__main-title">Purchases</h2> 1771 1772 <div class="booking-tabs__tabs"> 1773 <div class="booking-tabs__tab upcoming">Upcoming</div> 1774 <div class="booking-tabs__tab past">Past</div> 1775 </div> 1776 1777 <!-- upcoming items --> 1778 <div class="booking-tabs__items upcoming shared"> 1779 <!-- empty view for upcoming items--> 1780 <div class="booking-tabs__empty upcoming-empty" style="display: none;"> 1781 <div class="booking-tabs__empty-content"> 1782 <div class="booking-tabs__empty-title">No upcoming purchases found</div> 1783 <a href="/en-au/car-parks/" alt="Find a Park Page"> 1784 <div class="cta-full"> 1785 Find a park 1786 </div> 1787 </a> 1788 </div> 1789 </div> 1790 1791 1792 1793 </div> 1794 1795 <!-- past items --> 1796 <div class="booking-tabs__items past hidden shared"> 1797 <!-- empty view for past items--> 1798 <div class="booking-tabs__empty past-empty" style="display: none;"> 1799 <div class="booking-tabs__empty-content"> 1800 <div class="booking-tabs__empty-title">No past purchases found</div> 1801 <a href="/en-au/car-parks/" alt="Find a Park Page"> 1802 <div class="cta-full"> 1803 Find a park 1804 </div> 1805 </a> 1806 </div> 1807 </div> 1808 1809 1810 1811 </div> 1812 1813 <!-- guest view - if not logged in --> 1814 <div class="booking-tabs__guest guest"> 1815 <div class="booking-tabs__guest-content"> 1816 1817 <div class="booking-tabs__guest-title">Create an account or sign in to purchase parking</div> 1818 <div class="cta-full"> 1819 Sign in or register 1820 </div> 1821 </div> 1822 </div> 1823 1824 1825 <!-- loading symbol --> 1826 <div class="booking-tabs__loader-wrapper"> 1827 <div class="loader" style="display:none"> 1828 <div class="lds-ripple"> 1829 <div></div> 1830 <div></div> 1831 </div> 1832</div> 1833 1834 1835 </div> 1836 1837</div> 1838<template id="template-booking-tabs-item"> 1839 <div class="booking-tabs__item "> 1840 <div class="booking-tabs__flex-wrapper"> 1841 <div class="booking-tabs__first-section"> 1842 <div class="booking-tabs__icon-wrapper booking-tabs__icon-wrapper--desktop"> 1843 <div class="booking-tabs__icon booking-tabs__icon--desktop"></div> 1844 </div> 1845 <div class="booking-tabs__main-info"> 1846 <div class="booking-tabs__title"> 1847 <div class="booking-tabs__icon-wrapper booking-tabs__icon-wrapper--mobile"> 1848 <div class="booking-tabs__icon booking-tabs__icon--mobile"></div> 1849 </div>
1850 <span style="display: none;" class="booking-details__cancelled-label">Cancelled </span> 1851 </div> 1852 <div class="booking-tabs__time"> 1853 <span></span> 1854 </div> 1855 </div> 1856 </div> 1857 1858 <div class="booking-tabs__info-wrapper"> 1859 <div class="booking-tabs__info"> 1860 1861 <div class="booking-tabs__entry-info"></div> 1862 1863 </div> 1864 </div> 1865 1866 </div> 1867 <div class="booking-tabs__right-wrapper"> 1868 <div class="booking-tabs__plate-wrapper" hidden> 1869 <div class="booking-tabs__plate-view"> 1870 <span class="booking-tabs__plate"></span> 1871 <button type="button" class="booking-tabs__plate-edit" hidden 1872 aria-label="Change licence plate"></button> 1873 </div> 1874 <div class="booking-tabs__plate-form" hidden> 1875 <input class="booking-tabs__plate-input" type="text" aria-label="Licence plate" 1876 autocomplete="off" autocapitalize="characters" /> 1877 <button type="button" class="booking-tabs__plate-save primary-btn">Save</button> 1878 <button type="button" class="booking-tabs__plate-cancel primary-btn">Cancel</button> 1879 <span class="booking-tabs__plate-error" role="alert" hidden></span> 1880 </div> 1881 </div> 1882 <div class="booking-tabs__qr-wrapper"> 1883 <div class="booking-tabs__qr-code"></div> 1884 </div> 1885 </div> 1886 1887 <section class="booking-details" style="display: none;"> 1888 <div class="booking-details__code-wrapper"> 1889 <div class="booking-details__title-wrapper"> 1890 <div class="booking-details__title"></div> 1891 <div class="booking-details__share"></div> 1892 </div> 1893 <div class="booking-details__address"></div> 1894 <div class="booking-details__qr-container"></div> 1895 <div class="booking-details__pin-wrapper"> 1896 <div class="booking-details__info">Access car park with code </div> 1897 <div class="booking-details__pin">PIN </div> 1898 </div> 1899 <div class="booking-details__lpr-wrapper" hidden> 1900 <div class="booking-details__info">Licence plate</div> 1901 <div class="booking-details__lpr-view"> 1902 <div class="booking-details__lpr"></div> 1903 <button type="button" class="booking-details__lpr-edit" hidden 1904 aria-label="Change licence plate"></button> 1905 </div> 1906 <div class="booking-details__lpr-form" hidden> 1907 <input class="booking-details__lpr-input" type="text" aria-label="Licence plate" 1908 autocomplete="off" autocapitalize="characters" /> 1909 <div class="booking-details__lpr-actions"> 1910 <button type="button" class="primary-btn booking-details__lpr-save">Save</button> 1911 <button type="button" class="primary-btn booking-details__lpr-cancel">Cancel</button> 1912 </div> 1913 <span class="booking-details__lpr-error" role="alert" hidden></span> 1914 </div> 1915 <p class="booking-details__lpr-note"></p> 1916 </div> 1917 </div> 1918 <div class="booking-details__btn-wrapper"> 1919 <div class="cta-full directions"> 1920 <span class="location"></span> Get directions 1921 </div> 1922 </div> 1923 1924 <div class="wrapper-map-left--mobile car-park-entrance-tabs"> 1925 <div class="car-park-detail__info"> 1926 <div class="car-park-detail__img car-park-detail__img--photo"> 1927 <div class="car-park-detail__img-wrapper car-park-detail__img-wrapper--img-tab"> 1928 </div> 1929 </div> 1930 1931 <div class="car-park-detail__img car-park-detail__img--map hidden"> 1932 <div class="car-park-detail__img-wrapper car-park-detail__img-wrapper--map-tab"> 1933 </div> 1934 </div> 1935 1936 <div class="car-park-detail__entrance"> 1937 <div class="car-park-detail__entrance-item upper" id="dropdownMenuButton1"> 1938 </div> 1939 <ul class="dropdown-content" aria-labelledby="dropdownMenuButton1"> 1940 </ul> 1941 </div> 1942 1943 <div class="car-park-detail__tabs"> 1944 <div class="car-park-detail__tab-item photo active"> 1945 Photo 1946 </div> 1947 <div class="car-park-detail__tab-item map"> 1948 Map 1949 </div> 1950 </div> 1951 </div> 1952 1953 </div> 1954 1955 1956 1957<div class="booking-details__dets"> 1958 <div class="booking-details__prod-info">
1959 <span class="icon"></span> 1960 <span class="category"></span> 1961 </div> 1962<div class="booking-details__subheading">Your current purchase</div> 1963 <div class="cart-item__date"></div> 1964 <div class="cart-item__entry-info"> 1965 1966 <div class="cart-item__spec enter"> 1967 <div class="cart-item__instruction">Enter after</div> 1968 <div class="cart-item__time"></div> 1969 <div class="cart-item__date-info"></div> 1970 </div> 1971 <div class="cart-item__spec exit"> 1972 <div class="cart-item__instruction">Exit before</div> 1973 <div class="cart-item__time"></div> 1974 <div class="cart-item__date-info"></div> 1975 </div> 1976</div> 1977 1978</div> 1979 1980 1981 <div class="cart-item__important"> 1982 <h2>Important information</h2> 1983 <span class="cart-info__details"></span> 1984 <p class="booking-bluetooth-info"></p> 1985 </div> 1986 1987 <div class="booking-details__summary"> 1988 <div class="booking-details__summary-title">About your purchase</div> 1989 <div class="booking-details__summary-rows"> 1990 <div class="booking-details__col" style="display: none;"> 1991 <span class="bays">Licence Plate</span> 1992 <span class="license-plate"></span> 1993 </div> 1994 <div class="booking-details__col"><span class="bays">Parking cost</span ><span class="parking-price"></span></div> 1995 <div class="booking-details__col"><span class="bays">Admin fee</span ><span class="fee-price"></span></div> 1996 <div class="booking-details__col"><span class="bays">Surcharge</span ><span class="surcharge"></span></div> 1997 <div class="booking-details__col"> 1998 <span class="bays giftcard-name"></span > 1999 <span class="giftcard"></span> 2000 </div> 2001 <div class="booking-details__col"> 2002 <span class="bays voucher-name"></span > 2003 <span class="voucher"></span> 2004 </div> 2005 </div> 2006 <div class="booking-details__total"><span>Total</span><span class="cost"></span></div> 2007 2008 </div> 2009 <a href="/en-au/contact-us" target="_blank"> 2010 <div class="account-menu__tab-item account-menu__tab-item--secondary"> 2011 <div class="account-menu__icon account-menu__icon--query"></div> 2012 <div class="account-menu__info"> 2013 <div class="account-menu__title">Need Help</div> 2014 </div> 2015 </div> 2016 </a> 2017 2018 <div class="booking-details__terms"> 2019 <div class="booking-details__term-wrapper"> 2020 <div class="booking-details__term-icon"></div> 2021 <h3>Terms & Conditions</h3> 2022 </div> 2023 <p>Prior to confirming payment you are required to read and accept the <a href="/en-au/about/stuff-to-know/booking-terms/" title="Booking terms and conditions" target="_blank" rel="noopener">terms and conditions</a> and acknowledge that car parks may be unavailable due to unforeseen circumstances. In which case you may be directed to another car park or we may refund your Parking Fee if the selected car park is unavailable at entry time.</p> 2024<p><a href="/en-au/about/stuff-to-know/" title="available here for authoring" target="_blank" rel="noopener">Click here for full terms and conditions</a></p> 2025 </div> 2026 2027 2028 2029 2030 2031 2032 <div class="booking-details__download booking-details__download--item"> 2033 <div class="booking-details__download-wrapper"> 2034 <div class="booking-details__download-icon"></div> 2035 <h2>Download receipt</h2> 2036 </div> 2037 </div> 2038 2039</section> 2040<section class="qr-scan" style="display: none;"> 2041 2042 <div class="qr-scan__code-wrapper"> 2043 <div class="qr-scan__breadcrumb"> 2044 <span></span> 2045 <p>Back</p> 2046 </div> 2047 2048 <div class="qr-scan__info-wrapper"> 2049 <div class="qr-scan__inner"> 2050 <div class="qr-scan__subtitle">Scan QR to enter</div> 2051 2052 <div class="qr-scan__title"></div> 2053 2054 <div class="qr-scan__qr-container"> 2055 2056 </div> 2057 <div class="qr-scan__pin-wrapper"> 2058 <div class="qr-scan__info">Or access with PIN </div> 2059 <div class="qr-scan__pin"></div> 2060 </div> 2061 </div> 2062 </div> 2063 2064 </div> 2065</section> 2066 2067 2068 2069 2070 2071 2072 2073 2074 2075 2076 2077 2078 </div> 2079</template> 2080 2081 2082 2083 2084 </div> 2085 <div class="booking-details__booking-wrapper" style="display: none;"> 2086 <div class="wrapper"> 2087 <div class="booking-details__book"> 2088 <div class="booking-details__btn-container"> 2089 <div class="primary-btn primary-btn--red booking-details__cancel">Cancel</div> 2090 <div class="primary-btn booking-details__amend" data-is-cancel="false">Change</div> 2091 </div> 2092 </div> 2093 <div class="booking-details__not-amendable" style="display: none;"> 2094 Changes to your purchase at <span class="min-booking-amend-carpark">CarParkName</span> must be made <span class="min-booking-amend">X hours</span> before your parking is due to start. 2095 2096 </div> 2097 </div> 2098 </div> 2099 2100 2101 2102</section> 2103 2104 2105 2106 <section class="cart cart--desktop site-panel" data-site-panel="cart"> 2107 <section class="status-bar"> 2108 <div class="icon"></div> 2109 <div class="text"></div> 2110</section> 2111 2112 2113 <div class="cart-payment__breadcrumb hidden">
2114 <span></span> 2115 <p class="desktop">Back</p> 2116 </div> 2117 <div class="booking-confirmation-breadcrumb hidden"> 2118 <span></span> 2119 <p>Back</p> 2120 </div> 2121 <div class="cart__upper"> 2122 <div class="cart-container"> 2123 <div class="cart-payment__breadcrumb hidden"> 2124 <span></span> 2125 <p>Back</p> 2126 </div> 2127 <section class="cart-shared cart open" data-cart-panel="booking-overview"> 2128 <div class="bg-white"> 2129 <div class="wrapper"> 2130 <div class="cart__main-wrapper active" data-cartcontext="populated" data-showid="cart"> 2131 <div class="cart__top-section"> 2132 <div class="cart__header"> 2133 <h2 class="cart__main-title">Cart</h2> 2134 <div class="cart__clear-all"> 2135 <span class="text">Remove all</span><span class="icon"></span> 2136 </div> 2137 </div> 2138 <div class="cart__items"> 2139 <!-- Append cart items here --> 2140 </div> 2141 <div class="promo-code__wrapper"> 2142 <div class="promo-code"> 2143 <span class="promo-code__icon"></span> 2144 <p>Add promotional code</p> 2145 </div> 2146 2147 <div class="promo-code__container"> 2148 <div class="promo-code__finalise-promotional-btn"> 2149 <div class="cta-full">Finalise Details to add a Promotional Code</div> 2150 </div> 2151 <div class="promo-code__promotional-inner-wrapper"> 2152 <div class="promo-code__input-wrapper"> 2153 <input placeholder="Enter promo code" class="promo-code__input"> 2154 <div class="promo-code__apply-btn">Apply</div> 2155 </div> 2156 2157 <div class="promo-code__list"> 2158 <div class="promo-code__name"></div> 2159 <div class="promo-code__remove">Remove<span></span></div> 2160 </div> 2161 </div> 2162 </div> 2163</div> 2164 2165 2166 <div class="gift-card__wrapper logged-in"> 2167 <div class="gift-card"> 2168 <span class="gift-card__icon"></span> 2169 <p>Add gift card</p> 2170 </div> 2171 2172 <div class="gift-card__container"> 2173 <div class="gift-card__select-wrapper"> 2174 2175 <select name="gift-cards" class="gift-card__list"> 2176 <option value="" disabled selected hidden>Select</option> 2177 2178 </select> 2179 </div> 2180 <div class="gift-card__input-wrapper"> 2181 <input placeholder="Enter amount" class="gift-card__input"> 2182 <div class="gift-card__apply-btn">Apply</div> 2183 </div> 2184 2185 <div class="gift-card__summary-list"> 2186 </div> 2187 </div> 2188</div> 2189 2190 2191 <div class="cart-item__important bluetooth-gate"> 2192</div> 2193 2194 2195 </div> 2196 <div class="cart__bottom-section"> 2197 <div class="cart__summary-wrapper"> 2198 <div class="cart-details__summary"> 2199 <div class="cart-details__col"><span class="cart-det-title">Parking cost</span><span class="cart-det-info parking-cost">amount</span></div> 2200 <div class="cart-details__col"><span class="cart-det-title">Admin Fee</span><span class="cart-det-info booking-fee-savings">savings amount</span><span class="cart-det-info booking-fee">amount</span></div> 2201 <div class="cart-details__col"><span class="cart-det-title">Surcharge</span><span class="cart-det-info surcharge">amount</span></div> 2202 </div> 2203 <div class="optional-cart-items"> 2204 <div class="voucher-details__summary cart-brief"> 2205 <div class="voucher-details__col"> 2206 <span class="voucher-title voucher-desc"></span> 2207 <span class="voucher-info voucher-amount"></span> 2208 </div> 2209 </div>
2210 <div class="gift-card-details__summary"> 2211 <div class="gift-card-details__col"> 2212 <!-- Gift card and amount here?? It is commented out on nunjucks --> 2213 </div> 2214 </div> 2215 </div> 2216 <div class="cart__summary"> 2217 <div class="cart__total"></div> 2218 <div class="cart__sum"></div> 2219 </div> 2220 </div> 2221 <div class="cart__proceed-btn"> 2222 <button class="cta-full">Proceed to payment</button> 2223 </div> 2224 2225 2226 2227 </div> 2228 </div> 2229 <!-- Other States --> 2230 <div class="cart__main-wrapper" data-cartcontext="empty"> 2231 <div class="cart__header"> 2232 <h2 class="cart__main-title">Cart</h2> 2233 </div> 2234 <div class="cart__empty"> 2235 <div class="cart__empty-content"> 2236 <div class="cart__empty-title">Your cart is empty</div> 2237 <a href="/en-au/car-parks/" class="cta-full"> 2238 Find a park 2239 </a> 2240 </div> 2241 </div> 2242 </div> 2243 <div class="cart__main-wrapper" data-cartcontext="unauthorized"> 2244 <div class="cart__header"> 2245 <h2 class="cart__main-title">Cart</h2> 2246 </div> 2247 <div class="cart__empty"> 2248 <div class="cart__empty-content"> 2249 <div class="cart__empty-title">Please log in or register to book parking</div> 2250 <div class="cta-full sign-register-link"> 2251 Sign in or Register 2252 </div> 2253 </div> 2254 </div> 2255 </div> 2256 <div class="cart__main-wrapper" data-cartcontext="error"> 2257 <div class="cart__header"> 2258 <h2 class="cart__main-title">Cart</h2> 2259 </div> 2260 <div class="cart__empty"> 2261 <div class="cart__empty-content"> 2262 <div class="cart__empty-title">There was an error fetching your cart, please try again or contact us for assistance</div> 2263 <a class="cta-full" href="/en-au/contact-us/"> 2264 Contact Us 2265 </a> 2266 </div> 2267 </div> 2268 </div> 2269 <div class="cart__main-wrapper" data-cartcontext="loading"> 2270 <div class="cart__header"> 2271 <h2 class="cart__main-title">Cart</h2> 2272 </div> 2273 <div class="cart__empty"> 2274 <div class="cart__empty-content"> 2275 <div class="cart__empty-title">Loading...</div> 2276 </div> 2277 </div> 2278 </div> 2279 </div> 2280 <div class="desktop-cart-edit"> 2281 <section class="cart__main-wrapper" data-cartcontext="cart-item-edit"> 2282 <div class="edit-cart__flex-wrapper"> 2283 <div class="car-park-info"> 2284 <div> 2285 <div class="icon"></div> 2286 <div class="info"> 2287 <div class="name">$ERR</div> 2288 <div class="address">$ERR</div> 2289 </div> 2290 </div> 2291 </div> 2292 <div class="datetime-fields__edit-wrapper"> 2293 <div class="datetime-fields"> 2294 <div class="datetime-fields__item"> 2295 <label class="small-label">Entry date<sup>*</sup></label> 2296 <div class="datetime-fields__item-wrapper">
2297 <span class="icon date"></span> 2298 <input class="entry-date datetime-fields__input date" type="date"> 2299 <div class="datetime-fields__placeholder">Select Entry Date</div> 2300 </div> 2301 </div> 2302 2303 <div class="datetime-fields__item"> 2304 <label class="small-label">Entry time<sup>*</sup></label> 2305 <div class="datetime-fields__item-wrapper"> 2306 <span class="icon time"></span> 2307 <input class="entry-time datetime-fields__input time" type="time"> 2308 <div class="datetime-fields__placeholder">Select Entry Time</div> 2309 </div> 2310 </div> 2311 2312 <div class="datetime-fields__item"> 2313 <label class="small-label">Exit date<sup>*</sup></label> 2314 <div class="datetime-fields__item-wrapper"> 2315 <span class="icon date"></span> 2316 <input class="exit-date datetime-fields__input date" type="date"> 2317 <div class="datetime-fields__placeholder">Select Exit Date</div> 2318 </div> 2319 </div> 2320 <div class="datetime-fields__item"> 2321 <label class="small-label">Exit time<sup>*</sup></label> 2322 <div class="datetime-fields__item-wrapper"> 2323 <span class="icon time"></span> 2324 <input class="exit-time datetime-fields__input time" type="time"> 2325 <div class="datetime-fields__placeholder">Select Exit Time</div> 2326 </div> 2327 </div> 2328</div> 2329 2330 2331 2332 </div> 2333 <div class="cart-item__buttons"> 2334 <div class="primary-btn" data-btnaction="ConfirmEdit">Save</div> 2335 <div class="primary-btn primary-btn--red" data-btnAction="CancelEdit">Cancel</div> 2336 </div> 2337 </div> 2338</section> 2339 2340 2341 </div> 2342 <section class="cart-item mobile"> 2343 <div class="cart-item__container"> 2344 <div class="cart-item__divider-wrapper"> 2345 <div class="cart-item__divider"></div> 2346 </div> 2347 <div class="wrapper"> 2348 <div class="cart-items"> 2349 </div> 2350 <div class="mobile-cart-edit"> 2351 <section class="cart__main-wrapper" data-cartcontext="cart-item-edit"> 2352 <div class="edit-cart__flex-wrapper"> 2353 <div class="car-park-info"> 2354 <div> 2355 <div class="icon"></div> 2356 <div class="info"> 2357 <div class="name">$ERR</div> 2358 <div class="address">$ERR</div> 2359 </div> 2360 </div> 2361 </div> 2362 <div class="datetime-fields__edit-wrapper"> 2363 <div class="datetime-fields"> 2364 <div class="datetime-fields__item"> 2365 <label class="small-label">Entry date<sup>*</sup></label> 2366 <div class="datetime-fields__item-wrapper"> 2367 <span class="icon date"></span> 2368 <input class="entry-date datetime-fields__input date" type="date"> 2369 <div class="datetime-fields__placeholder">Select Entry Date</div> 2370 </div> 2371 </div> 2372 2373 <div class="datetime-fields__item"> 2374 <label class="small-label">Entry time<sup>*</sup></label> 2375 <div class="datetime-fields__item-wrapper"> 2376 <span class="icon time"></span> 2377 <input class="entry-time datetime-fields__input time" type="time"> 2378 <div class="datetime-fields__placeholder">Select Entry Time</div> 2379 </div> 2380 </div> 2381 2382 <div class="datetime-fields__item"> 2383 <label class="small-label">Exit date<sup>*</sup></label> 2384 <div class="datetime-fields__item-wrapper"> 2385 <span class="icon date"></span> 2386 <input class="exit-date datetime-fields__input date" type="date"> 2387 <div class="datetime-fields__placeholder">Select Exit Date</div> 2388 </div> 2389 </div> 2390 <div class="datetime-fields__item"> 2391 <label class="small-label">Exit time<sup>*</sup></label> 2392 <div class="datetime-fields__item-wrapper"> 2393 <span class="icon time"></span> 2394 <input class="exit-time datetime-fields__input time" type="time"> 2395 <div class="datetime-fields__placeholder">Select Exit Time</div> 2396 </div> 2397 </div> 2398</div> 2399 2400 2401 2402 </div> 2403 <div class="cart-item__buttons"> 2404 <div class="primary-btn" data-btnaction="ConfirmEdit">Save</div> 2405 <div class="primary-btn primary-btn--red" data-btnAction="CancelEdit">Cancel</div> 2406 </div> 2407 </div> 2408</section> 2409 2410 2411 </div> 2412 </div> 2413 </div> 2414</section> 2415 2416 2417 2418 </section> 2419 2420 <div class="cart__overlay"></div> 2421 <section class="cart-payment" data-cart-panel="payment"> 2422 <div class="wrapper"> 2423 <h2 class="payment-title">Payment</h2> 2424 <p class="promo-notification">Click "< Back" to add a promotional code or update your licence plate</p> 2425 <div class="cart-payment__elements-wrapper loading"> 2426 <div class="loader"> 2427 <div class="lds-ripple"> 2428 <div></div> 2429 <div></div> 2430 </div> 2431 </div> 2432 <div 2433 class="element-wrapper" style="display: none;"> 2434 <!-- Message bried --> 2435 <div class="cart-payment__message-brief cart-payment__summary" style="display: none"> 2436 <div class="wrapper"> 2437 <div class="message"></div> 2438 </div> 2439 </div> 2440 <!-- Card found - select card --> 2441 <div class="cart-payment__card-info" data-cart-payment-type="select-card" style="display: none"> 2442 <div class="cart-payment__icon"></div> 2443 <div class="cart-payment__info"> 2444 <div class="cart-payment__title"></div> 2445 </div> 2446 </div> 2447 <!-- card found - CVV field addition --> 2448 <div class="payment-form-location cvv-only" data-payment-wrapper="payment-form-wrapper" style="display: none"></div> 2449 <!-- No card found - add a card --> 2450 <div class="cart-payment__card-info" data-cart-payment-type="add-or-update-card" style="display: none"> 2451 <div class="cart-payment__icon"></div> 2452 <div class="cart-payment__info"> 2453 <div class="cart-payment__title"></div> 2454 </div> 2455 </div> 2456 </div> 2457</div> 2458 2459 2460 <div class="cart-payment__items"></div> 2461 <div class="cart-payment__total">
2462 <span>Total</span> 2463 <span class="total">$ERR</span> 2464 </div> 2465 </div> 2466 <div class="cart-payment__paragraph"> 2467 2468 2469 2470 <p>Price includes GST</p> 2471 </div> 2472 2473 <div class="booking-details__terms"> 2474 <div class="booking-details__term-wrapper"> 2475 <div class="booking-details__term-icon"></div> 2476 <h3>Terms & Conditions</h3> 2477 </div> 2478 <p>Prior to confirming payment you are required to read and accept the <a href="/en-au/about/stuff-to-know/booking-terms/" title="Booking terms and conditions" target="_blank" rel="noopener">terms and conditions</a> and acknowledge that car parks may be unavailable due to unforeseen circumstances. In which case you may be directed to another car park or we may refund your Parking Fee if the selected car park is unavailable at entry time.</p> 2479<p><a href="/en-au/about/stuff-to-know/" title="available here for authoring" target="_blank" rel="noopener">Click here for full terms and conditions</a></p> 2480 </div> 2481 2482 2483 2484 2485 2486 2487 <div class="cart-item__important bluetooth-gate"> 2488</div> 2489 2490 2491 <div class="cart-payment__book-btn"> 2492 2493 </div> 2494</section> 2495<div class="checkout-manage-cards"> 2496 <section class="manage-payment review-payment" data-cart-panel="payment-manage" data-account-section="payment-manage"> 2497 <div class="manage-payment__top-section"> 2498 <div class="wrapper"> 2499 <h2>Manage payment methods</h2> 2500 <div class="manage-payment__loading"> 2501 <div class="lds-ripple loader"> 2502 <div></div> 2503 <div></div> 2504 </div> 2505 </div> 2506 <div class="manage-payment__empty"> 2507 Your payment methods list is empty - add a new one below. 2508 <div class="special-note">Note: Pre-paid debit cards should not be used as they have limitations that include not permitting refunds.</div> 2509 </div> 2510 <!-- append cards list here --> 2511 <div class="customer-cards-list"></div> 2512 </div> 2513 </div> 2514 <div class="manage-payment__bottom-section"> 2515 <div class="manage-payment__add-card-btn manage-payment__add-card-btn--review"> 2516 <div class="logged-in"><div class="cta-full mobile-add-payment">Add new payment method</div></div> 2517 <div class="guest"><div class="cta-full sign-register-link guest">Sign in or Register</div></div> 2518 </div> 2519 <div class="manage-payment__limit"> 2520 You have reached the maximum number of cards that can be added to your profile, if you wish to add a different card you will need to remove or edit the cards above 2521 </div> 2522 </div> 2523</section> 2524 2525 2526 2527 <section class="add-card add-card-review" data-cart-panel="add-card-review"> 2528 <div class="breadcrumb internal account-back payment-methods-back" style="display:none;"> 2529 <span></span> 2530 <a>Back</a> 2531 </div> 2532 <div class="wrapper"> 2533 <div class="title"> 2534 <h2></h2> 2535 </div> 2536 <div class="special-note">Note: Pre-paid debit cards should not be used as they have limitations that include not permitting refunds.</div> 2537 <div class="test" data-payment-wrapper="account-sidebar"></div> 2538 </div> 2539 <div class="manage-payment__add-card-btn manage-payment__add-card-btn--add"></div> 2540</section> 2541 2542 2543 2544 2545</div> 2546 2547<style> 2548 #apple-pay-button { 2549 width: 100%!important; 2550 height: 40px; 2551 -webkit-appearance: -apple-pay-button; 2552 -apple-pay-button-type: plain; 2553 -apple-pay-button-style: black; 2554 @media (min-width: 1100px) { 2555 width: 240px!important; 2556 } 2557 } 2558 #googlePayButtonId { 2559 width: 100%!important; 2560 @media (min-width: 1100px) { 2561 width: auto!important; 2562 } 2563 } 2564 .gpay-card-info-container { 2565 min-width: 100%!important; 2566 @media (min-width: 1100px) { 2567 min-width: 240px!important; 2568 } 2569 } 2570 .payment-buttons { 2571 width: 100%!important; 2572 flex-wrap: wrap; 2573 } 2574 #virtual-payment-form .payment-buttons .apple-pay-button{ 2575 @supports not (-webkit-appearance:-apple-pay-button) { 2576 display:none !important; 2577 } 2578 } 2579</style> 2580 2581 2582 <div data-cart-panel="customer-details" class="payment-customer-form"> 2583 2584 <form class="account-form"> 2585 <div class="account-form__item"> 2586 <label for="firstName" class="required">First name</label> 2587 <input type="text" id="firstName" name="firstName" placeholder="Frank" autocomplete="given-name">
2588 <span class="error" data-error-for="firstName"></span> 2589 </div> 2590 <div class="account-form__item"> 2591 <label for="lastName" class="required">Last name</label> 2592 <input type="text" id="lastName" name="lastName" placeholder="Smith" autocomplete="family-name"> 2593 <span class="error" data-error-for="lastName"></span> 2594 </div> 2595 <div class="account-form__item"> 2596 <label for="email" class="required">Email address</label> 2597 <input type="email" id="email" name="email" placeholder="[email protected]" autocomplete="email"> 2598 <span class="error" data-error-for="email"></span> 2599 </div> 2600 <div class="account-form__item"> 2601 <label for="mobileNumber" class="required">Mobile number</label> 2602 <input type="text" id="mobileNumber" name="mobileNumber" placeholder="0401 234 567" autocomplete="tel"> 2603 <span class="error" data-error-for="mobileNumber"></span> 2604 </div> 2605 <div class="account-form__item"> 2606 <label for="countries" class="required">Country</label> 2607 2608 <select name="countries" id="countries"> 2609 <option value="" disabled selected hidden>Select</option> 2610 <option value="Australia">Australia</option> 2611 <option value="NewZealand">New Zealand</option> 2612 </select> 2613 <span class="error" data-error-for="countries"></span> 2614 </div> 2615 2616 <div class="hidden" name="statesDiv" id="statesDiv"> 2617 <label class="required" for="states">State</label> 2618 2619 <select name="states" id="states"> 2620 <option value="" disabled selected hidden>Select</option> 2621 <option value="NSW">NSW</option> 2622 <option value="VIC">VIC</option> 2623 <option value="QLD">QLD</option> 2624 <option value="SA">SA</option> 2625 <option value="WA">WA</option> 2626 <option value="NT">NT</option> 2627 <option value="ACT">ACT</option> 2628 <option value="TAS">TAS</option> 2629 </select> 2630 <span class="error" data-error-for="states"></span> 2631 </div> 2632 2633 <div class="account-form__item"> 2634 <label for="addressLine1">Address Line 1</label> 2635 <input type="text" id="addressLine1" name="addressLine1" placeholder="Address" autocomplete="address-line1"> 2636 <span class="error" data-error-for="addressLine1"></span> 2637 </div> 2638 2639 <div class="account-form__item"> 2640 <label for="addressLine2">Address Line 2</label> 2641 <input type="text" id="addressLine2" name="addressLine2" placeholder="Address" autocomplete="address-line2"> 2642 <span class="error" data-error-for="addressLine2"></span> 2643 </div> 2644 2645 <div class="account-form__item"> 2646 <label for="city">Suburb/City</label> 2647 <input type="text" id="city" name="city" placeholder="Suburb/City" autocomplete="city"> 2648 <span class="error" data-error-for="city"></span> 2649 </div> 2650 2651 <div class="account-form__item"> 2652 <label for="postCode">Postcode</label> 2653 <input type="text" id="postCode" name="postCode" placeholder="Postcode" autocomplete="postal-code"> 2654 <span class="error" data-error-for="postCode"></span> 2655 </div> 2656 <div class="account-form__item"> 2657 <label for="licenseNumber" class="required">Licence Plate Number</label> 2658 <input type="text" id="licenseNumber" name="licenseNumber" placeholder="523 NL7"> 2659 <span class="error" data-error-for="licenseNumber"></span> 2660 </div> 2661 <div class="checkboxes-group"> 2662 <div class="account-form__item account-form__item--checkbox"> 2663 <label class="custom-checkbox-sp">I am 18+ and agree to the <a href="/en-au/about/stuff-to-know/">terms and conditions</a> 2664 <input id="terms" type="checkbox" name="terms" type="checkbox"> 2665 <span class="checkmark"></span> 2666 </label> 2667 <span class="error" data-error-for="terms"></span> 2668 </div> 2669 2670 <div class="account-form__item account-form__item--checkbox"> 2671 <label class="custom-checkbox-sp">I am happy to receive deals, discounts and other marketing and event related information. You can unsubscribe at any time by opting out in Account Preferences 2672 <input id="offers" type="checkbox" name="offers" type="checkbox">
2673 <span class="checkmark"></span> 2674 </label> 2675 </div> 2676 2677 </div> 2678 <div class="account-form__loader-wrapper"> 2679 <div class="lds-ripple loader" style="display: none;"> 2680 <div></div> 2681 <div></div> 2682 </div> 2683 </div> 2684 <div class="account-form__booking-wrapper"> 2685 <div class="car-park-detail__book"> 2686 <div class="wrapper"> 2687 <button data-action="submit" class="account-form__cta disabled" type="submit"> 2688 Save Changes 2689 </button> 2690 </div> 2691 </div> 2692 </div> 2693</form> 2694 2695 2696 2697 </div> 2698 <div class="booking-tabs__bookings-confirmed"> 2699 <div class="booking-details__breadcrumb booking-details__breadcrumb--mobile" style="display: none;"> 2700 <span></span> <p>Back</p> 2701 </div> 2702 <div class="bookings-back" > 2703 <a href="/en-au/account/purchases">View Purchases</a> 2704 </div> 2705<div class="booking-tabs__items confirmed-payment"> 2706<div> 2707</div> 2708 2709 2710 2711 </div> 2712 2713 2714 </div> 2715</section> 2716 2717 2718 <style> 2719.mb-16 { 2720 margin-bottom: 40px; 2721} 2722.my-4 { 2723 margin-top: 10px; 2724 margin-bottom: 10px; 2725} 2726 .lds-ripple { 2727 position: relative; 2728 display: inline-block; 2729 width: 8rem; 2730 height: 8rem; 2731 } 2732 .lds-ripple div { 2733 position: absolute; 2734 opacity: 1; 2735 border-radius: 50%; 2736 animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; 2737 } 2738 .lds-ripple div:nth-child(2) { 2739 animation-delay: -0.5s; 2740 } 2741 @keyframes lds-ripple { 2742 0% { 2743 top: 36px; 2744 left: 36px; 2745 width: 0; 2746 height: 0; 2747 opacity: 1; 2748 } 2749 100% { 2750 top: 0px; 2751 left: 0px; 2752 width: 72px; 2753 height: 72px; 2754 opacity: 0; 2755 } 2756 } 2757 .hide { 2758 display: none; 2759 } 2760 2761 </style> 2762 2763 2764 2765<section class="mobile-nav"> 2766 <div class="wrapper"> 2767 <div class="mobile-nav__logo"> 2768 <a href="/en-au/"> <img src='https://24twnq5l.media.zestyio.com/logo-marketing.svg'></a> 2769 </div> 2770 <div class="mobile-nav__icons"> 2771 2772 <a class="mobile-nav__icon mobile-nav__icon--phone" href="tel:+61280008790"></a> 2773 2774 <div class="mobile-nav__icon mobile-nav__icon--cart"> 2775 <div class="cart-circle"> </div> 2776 </div> 2777 <div class="mobile-nav__icon mobile-nav__icon--menu"></div> 2778 </div> 2779 </div> 2780 <!-- Mobile Status Bar --> 2781 <section class="status-bar"> 2782 <div class="icon"></div> 2783 <div class="text"></div> 2784</section> 2785 2786 2787</section> 2788 2789<section class="mobile-nav-extended"> 2790 <div class="mobile-nav-extended__upper"> 2791 <div class="wrapper"> 2792 <div class="mobile-nav-extended__search"> 2793 <span class="mobile-nav-extended__search-icon"></span> 2794 <input placeholder="Search"> 2795 2796 </div> 2797 <div class="loader mobile-content" style="display:none; text-align:center; margin-top: 20px;"> 2798 <div class="lds-ripple"><div class="white"></div><div></div></div> 2799 </div> 2800 2801 2802 </div> 2803 2804 2805 2806 <div id="content-search-results-mobile" class="search-widget__results" style="display:none"> 2807 <div class="search-widget__container"> 2808 <div class="search-widget__filters"> 2809 <div class="search-widget__empty-term">Search Term</div> 2810 <div class="search-widget__clear-all">Clear<span style="background-image: url('https://24twnq5l.media.zestyio.com/grey-close-sign.svg')"></span></div> 2811 </div> 2812 <div class="items"> </div> 2813 2814 2815 </div> 2816 </div> 2817 2818 2819 <ul class="mobile-nav-extended__primary"> 2820 2821 2822 2823 2824 <li class="mobile-nav-extended__primary-item"><a href="/en-au/parking-solutions/">Parking Solutions</a> 2825 2826 <ul class="mobile-nav-extended__secondary"> 2827 <li><a href="/en-au/parking-solutions/">Parking Solutions</a></li> 2828 2829 2830 2831 2832 2833 <li><a href="/en-au/parking-solutions/early-bird-parking/">Early Bird Parking</a></li> 2834 2835 2836 2837 2838 2839 <li>
2839<a href="/en-au/parking-solutions/hourly-parking/">Hourly Parking</a></li> 2840 2841 2842 2843 2844 2845 <li><a href="/en-au/parking-solutions/hotel-and-overnight-parking/">Multi-Day & Overnight Parking</a></li> 2846 2847 2848 2849 2850 2851 <li><a href="/en-au/parking-solutions/monthly-parking/">Monthly Parking</a></li> 2852 2853 2854 2855 2856 2857 <li><a href="/en-au/parking-solutions/flexi-parking/">Flexi Parking</a></li> 2858 2859 2860 2861 2862 2863 <li><a href="/en-au/parking-solutions/night-parking/">Night Parking</a></li> 2864 2865 2866 2867 2868 2869 <li><a href="/en-au/parking-solutions/weekend-parking/">Weekend Parking</a></li> 2870 2871 2872 2873 2874 2875 <li><a href="/en-au/parking-solutions/advantage-parker/">Advantage Parker</a></li> 2876 2877 </ul> 2878 2879 </li> 2880 2881 2882 <li class="mobile-nav-extended__primary-item"><a href="/en-au/offers-and-events/">Offers & Events</a> 2883 2884 </li> 2885 2886 2887 <li class="mobile-nav-extended__primary-item"><a href="/en-au/about/">About Us</a> 2888 2889 <ul class="mobile-nav-extended__secondary"> 2890 <li><a href="/en-au/about/">About Us</a></li> 2891 2892 2893 2894 2895 2896 <li><a href="/en-au/about/">About Secure Parking</a></li> 2897 2898 2899 2900 2901 2902 <li><a href="/en-au/corporate-services/">Car Park Management Services</a></li> 2903 2904 2905 2906 2907 2908 <li><a href="/en-au/about/employment/">Employment</a></li> 2909 2910 2911 2912 2913 2914 <li><a href="/en-au/about/our-people-and-culture/">People and Culture</a></li> 2915 2916 2917 2918 2919 2920 <li><a href="/en-au/about/meet-the-leadership-team/">The Team</a></li> 2921 2922 2923 2924 2925 2926 <li><a href="/en-au/about/business-vision-purpose-values/">Vision, Purpose, Values</a></li> 2927 2928 2929 2930 2931 2932 <li><a href="/en-au/news/">Latest News</a></li> 2933 2934 </ul> 2935 2936 </li> 2937 2938 2939 <li class="mobile-nav-extended__primary-item"><a href="/en-au/contact-us/">Contact Us</a> 2940 2941 </li> 2942 2943 2944 2945 <li class="mobile-nav-extended__primary-item"> 2946 <a class="primary-btn primary-btn--find-park-nav" href="/en-au/car-parks/?parkingNearme=true&showAllCarparks=true"><div>Find Parking</div></a> 2947 </li> 2948 2949 </ul> 2950 </div> 2951 2952 <div class="mobile-nav-extended__lower"> 2953 <ul class="mobile-nav-extended__primary"> 2954 2955 <li class="mobile-nav-extended__primary-item"><a href="/en-au/corporate-services/">Corporate Services</a></li> 2956 2957 <li class="mobile-nav-extended__primary-item"><a href="/en-au/faqs/">Help FAQ's</a></li> 2958 2959 <li class="mobile-nav-extended__primary-item"><a href="/en-au/about/stuff-to-know/">Legal</a></li> 2960 2961 </ul> 2962 </div> 2963</section> 2964 2965 2966 2967 <div class="mobile-nav__fixed "> 2968 <div> 2969 <div class="mobile-nav__fixed-bar "> 2970 2971 2972 <a class="primary-btn primary-btn--find-park-nav" href="/en-au/car-parks/?parkingNearme=true&showAllCarpar
2972ks=true"><div>Find Parking</div></a> 2973 2974 <div></div> 2975 <div> 2976 <a href="/en-au/account/purchases" class=""> 2977 <div class="mobile-nav__info mobile-nav__info-link mobile-nav__info--calendar"></div> 2978 <span>Purchases</span> 2979 </a> 2980 <a href="/en-au/account" class=""> 2981 <div class="mobile-nav__info mobile-nav__info-link mobile-nav__info--profile"></div> 2982 <span>Account</span> 2983 </a> 2984 </div> 2985 </div> 2986 </div> 2987</div> 2988 2989 2990 <section class="mobile-cart" data-site-panel="mobile-cart"> 2991 <section class="status-bar"> 2992 <div class="icon"></div> 2993 <div class="text"></div> 2994</section> 2995 2996 2997 <div class="cart-container"> 2998 <div class="cart-payment__breadcrumb hidden"> 2999 <span></span> 3000 <p>Back</p> 3001 </div> 3002 <section class="cart-shared cart open" data-cart-panel="booking-overview"> 3003 <div class="bg-white"> 3004 <div class="wrapper"> 3005 <div class="cart__main-wrapper active" data-cartcontext="populated" data-showid="cart"> 3006 <div class="cart__top-section"> 3007 <div class="cart__header"> 3008 <h2 class="cart__main-title">Cart</h2> 3009 <div class="cart__clear-all"> 3010 <span class="text">Remove all</span><span class="icon"></span> 3011 </div> 3012 </div> 3013 <div class="cart__items"> 3014 <!-- Append cart items here --> 3015 </div> 3016 <div class="promo-code__wrapper"> 3017 <div class="promo-code"> 3018 <span class="promo-code__icon"></span> 3019 <p>Add promotional code</p> 3020 </div> 3021 3022 <div class="promo-code__container"> 3023 <div class="promo-code__finalise-promotional-btn"> 3024 <div class="cta-full">Finalise Details to add a Promotional Code</div> 3025 </div> 3026 <div class="promo-code__promotional-inner-wrapper"> 3027 <div class="promo-code__input-wrapper"> 3028 <input placeholder="Enter promo code" class="promo-code__input"> 3029 <div class="promo-code__apply-btn">Apply</div> 3030 </div> 3031 3032 <div class="promo-code__list"> 3033 <div class="promo-code__name"></div> 3034 <div class="promo-code__remove">Remove<span></span></div> 3035 </div> 3036 </div> 3037 </div> 3038</div> 3039 3040 3041 <div class="gift-card__wrapper logged-in"> 3042 <div class="gift-card"> 3043 <span class="gift-card__icon"></span> 3044 <p>Add gift card</p> 3045 </div> 3046 3047 <div class="gift-card__container"> 3048 <div class="gift-card__select-wrapper"> 3049 3050 <select name="gift-cards" class="gift-card__list"> 3051 <option value="" disabled selected hidden>Select</option> 3052 3053 </select> 3054 </div> 3055 <div class="gift-card__input-wrapper"> 3056 <input placeholder="Enter amount" class="gift-card__input"> 3057 <div class="gift-card__apply-btn">Apply</div> 3058 </div> 3059 3060 <div class="gift-card__summary-list"> 3061 </div> 3062 </div> 3063</div> 3064 3065 3066 <div class="cart-item__important bluetooth-gate"> 3067</div> 3068 3069 3070 </div> 3071 <div class="cart__bottom-section"> 3072 <div class="cart__summary-wrapper"> 3073 <div class="cart-details__summary"> 3074 <div class="cart-details__col"><span class="cart-det-title">Parking cost</span><span class="cart-det-info parking-cost">amount</span></div> 3075 <div class="cart-details__col"><span class="cart-det-title">Admin Fee</span><span class="cart-det-info booking-fee-savings">savings amount</span><span class="cart-det-info booking-fee">amount</span></div> 3076 <div class="cart-details__col"><span class="cart-det-title">Surcharge</span><span class="cart-det-info surcharge">amount</span></div> 3077 </div> 3078 <div class="optional-cart-items"> 3079 <div class="voucher-details__summary cart-brief"> 3080 <div class="voucher-details__col">
3081 <span class="voucher-title voucher-desc"></span> 3082 <span class="voucher-info voucher-amount"></span> 3083 </div> 3084 </div> 3085 <div class="gift-card-details__summary"> 3086 <div class="gift-card-details__col"> 3087 <!-- Gift card and amount here?? It is commented out on nunjucks --> 3088 </div> 3089 </div> 3090 </div> 3091 <div class="cart__summary"> 3092 <div class="cart__total"></div> 3093 <div class="cart__sum"></div> 3094 </div> 3095 </div> 3096 <div class="cart__proceed-btn"> 3097 <button class="cta-full">Proceed to payment</button> 3098 </div> 3099 3100 3101 3102 </div> 3103 </div> 3104 <!-- Other States --> 3105 <div class="cart__main-wrapper" data-cartcontext="empty"> 3106 <div class="cart__header"> 3107 <h2 class="cart__main-title">Cart</h2> 3108 </div> 3109 <div class="cart__empty"> 3110 <div class="cart__empty-content"> 3111 <div class="cart__empty-title">Your cart is empty</div> 3112 <a href="/en-au/car-parks/" class="cta-full"> 3113 Find a park 3114 </a> 3115 </div> 3116 </div> 3117 </div> 3118 <div class="cart__main-wrapper" data-cartcontext="unauthorized"> 3119 <div class="cart__header"> 3120 <h2 class="cart__main-title">Cart</h2> 3121 </div> 3122 <div class="cart__empty"> 3123 <div class="cart__empty-content"> 3124 <div class="cart__empty-title">Please log in or register to book parking</div> 3125 <div class="cta-full sign-register-link"> 3126 Sign in or Register 3127 </div> 3128 </div> 3129 </div> 3130 </div> 3131 <div class="cart__main-wrapper" data-cartcontext="error"> 3132 <div class="cart__header"> 3133 <h2 class="cart__main-title">Cart</h2> 3134 </div> 3135 <div class="cart__empty"> 3136 <div class="cart__empty-content"> 3137 <div class="cart__empty-title">There was an error fetching your cart, please try again or contact us for assistance</div> 3138 <a class="cta-full" href="/en-au/contact-us/"> 3139 Contact Us 3140 </a> 3141 </div> 3142 </div> 3143 </div> 3144 <div class="cart__main-wrapper" data-cartcontext="loading"> 3145 <div class="cart__header"> 3146 <h2 class="cart__main-title">Cart</h2> 3147 </div> 3148 <div class="cart__empty"> 3149 <div class="cart__empty-content"> 3150 <div class="cart__empty-title">Loading...</div> 3151 </div> 3152 </div> 3153 </div> 3154 </div> 3155 <div class="desktop-cart-edit"> 3156 <section class="cart__main-wrapper" data-cartcontext="cart-item-edit"> 3157 <div class="edit-cart__flex-wrapper"> 3158 <div class="car-park-info"> 3159 <div> 3160 <div class="icon"></div> 3161 <div class="info"> 3162 <div class="name">$ERR</div> 3163 <div class="address">$ERR</div> 3164 </div> 3165 </div> 3166 </div> 3167 <div class="datetime-fields__edit-wrapper"> 3168 <div class="datetime-fields"> 3169 <div class="datetime-fields__item"> 3170 <label class="small-label">Entry date<sup>*</sup></label> 3171 <div class="datetime-fields__item-wrapper">
3172 <span class="icon date"></span> 3173 <input class="entry-date datetime-fields__input date" type="date"> 3174 <div class="datetime-fields__placeholder">Select Entry Date</div> 3175 </div> 3176 </div> 3177 3178 <div class="datetime-fields__item"> 3179 <label class="small-label">Entry time<sup>*</sup></label> 3180 <div class="datetime-fields__item-wrapper"> 3181 <span class="icon time"></span> 3182 <input class="entry-time datetime-fields__input time" type="time"> 3183 <div class="datetime-fields__placeholder">Select Entry Time</div> 3184 </div> 3185 </div> 3186 3187 <div class="datetime-fields__item"> 3188 <label class="small-label">Exit date<sup>*</sup></label> 3189 <div class="datetime-fields__item-wrapper"> 3190 <span class="icon date"></span> 3191 <input class="exit-date datetime-fields__input date" type="date"> 3192 <div class="datetime-fields__placeholder">Select Exit Date</div> 3193 </div> 3194 </div> 3195 <div class="datetime-fields__item"> 3196 <label class="small-label">Exit time<sup>*</sup></label> 3197 <div class="datetime-fields__item-wrapper"> 3198 <span class="icon time"></span> 3199 <input class="exit-time datetime-fields__input time" type="time"> 3200 <div class="datetime-fields__placeholder">Select Exit Time</div> 3201 </div> 3202 </div> 3203</div> 3204 3205 3206 3207 </div> 3208 <div class="cart-item__buttons"> 3209 <div class="primary-btn" data-btnaction="ConfirmEdit">Save</div> 3210 <div class="primary-btn primary-btn--red" data-btnAction="CancelEdit">Cancel</div> 3211 </div> 3212 </div> 3213</section> 3214 3215 3216 </div> 3217 <section class="cart-item mobile"> 3218 <div class="cart-item__container"> 3219 <div class="cart-item__divider-wrapper"> 3220 <div class="cart-item__divider"></div> 3221 </div> 3222 <div class="wrapper"> 3223 <div class="cart-items"> 3224 </div> 3225 <div class="mobile-cart-edit"> 3226 <section class="cart__main-wrapper" data-cartcontext="cart-item-edit"> 3227 <div class="edit-cart__flex-wrapper"> 3228 <div class="car-park-info"> 3229 <div> 3230 <div class="icon"></div> 3231 <div class="info"> 3232 <div class="name">$ERR</div> 3233 <div class="address">$ERR</div> 3234 </div> 3235 </div> 3236 </div> 3237 <div class="datetime-fields__edit-wrapper"> 3238 <div class="datetime-fields"> 3239 <div class="datetime-fields__item"> 3240 <label class="small-label">Entry date<sup>*</sup></label> 3241 <div class="datetime-fields__item-wrapper"> 3242 <span class="icon date"></span> 3243 <input class="entry-date datetime-fields__input date" type="date"> 3244 <div class="datetime-fields__placeholder">Select Entry Date</div> 3245 </div> 3246 </div> 3247 3248 <div class="datetime-fields__item"> 3249 <label class="small-label">Entry time<sup>*</sup></label> 3250 <div class="datetime-fields__item-wrapper"> 3251 <span class="icon time"></span> 3252 <input class="entry-time datetime-fields__input time" type="time"> 3253 <div class="datetime-fields__placeholder">Select Entry Time</div> 3254 </div> 3255 </div> 3256 3257 <div class="datetime-fields__item"> 3258 <label class="small-label">Exit date<sup>*</sup></label> 3259 <div class="datetime-fields__item-wrapper"> 3260 <span class="icon date"></span> 3261 <input class="exit-date datetime-fields__input date" type="date"> 3262 <div class="datetime-fields__placeholder">Select Exit Date</div> 3263 </div> 3264 </div> 3265 <div class="datetime-fields__item"> 3266 <label class="small-label">Exit time<sup>*</sup></label> 3267 <div class="datetime-fields__item-wrapper"> 3268 <span class="icon time"></span> 3269 <input class="exit-time datetime-fields__input time" type="time"> 3270 <div class="datetime-fields__placeholder">Select Exit Time</div> 3271 </div> 3272 </div> 3273</div> 3274 3275 3276 3277 </div> 3278 <div class="cart-item__buttons"> 3279 <div class="primary-btn" data-btnaction="ConfirmEdit">Save</div> 3280 <div class="primary-btn primary-btn--red" data-btnAction="CancelEdit">Cancel</div> 3281 </div> 3282 </div> 3283</section> 3284 3285 3286 </div> 3287 </div> 3288 </div> 3289</section> 3290 3291 3292 3293 </section> 3294 3295 <div class="cart__overlay"></div> 3296 <section class="cart-payment" data-cart-panel="payment"> 3297 <div class="wrapper"> 3298 <h2 class="payment-title">Payment</h2> 3299 <p class="promo-notification">Click "< Back" to add a promotional code or update your licence plate</p> 3300 <div class="cart-payment__elements-wrapper loading"> 3301 <div class="loader"> 3302 <div class="lds-ripple"> 3303 <div></div> 3304 <div></div> 3305 </div> 3306 </div> 3307 <div 3308 class="element-wrapper" style="display: none;"> 3309 <!-- Message bried --> 3310 <div class="cart-payment__message-brief cart-payment__summary" style="display: none"> 3311 <div class="wrapper"> 3312 <div class="message"></div> 3313 </div> 3314 </div> 3315 <!-- Card found - select card --> 3316 <div class="cart-payment__card-info" data-cart-payment-type="select-card" style="display: none"> 3317 <div class="cart-payment__icon"></div> 3318 <div class="cart-payment__info"> 3319 <div class="cart-payment__title"></div> 3320 </div> 3321 </div> 3322 <!-- card found - CVV field addition --> 3323 <div class="payment-form-location cvv-only" data-payment-wrapper="payment-form-wrapper" style="display: none"></div> 3324 <!-- No card found - add a card --> 3325 <div class="cart-payment__card-info" data-cart-payment-type="add-or-update-card" style="display: none"> 3326 <div class="cart-payment__icon"></div> 3327 <div class="cart-payment__info"> 3328 <div class="cart-payment__title"></div> 3329 </div> 3330 </div> 3331 </div> 3332</div> 3333 3334 3335 <div class="cart-payment__items"></div> 3336 <div class="cart-payment__total">
3337 <span>Total</span> 3338 <span class="total">$ERR</span> 3339 </div> 3340 </div> 3341 <div class="cart-payment__paragraph"> 3342 3343 3344 3345 <p>Price includes GST</p> 3346 </div> 3347 3348 <div class="booking-details__terms"> 3349 <div class="booking-details__term-wrapper"> 3350 <div class="booking-details__term-icon"></div> 3351 <h3>Terms & Conditions</h3> 3352 </div> 3353 <p>Prior to confirming payment you are required to read and accept the <a href="/en-au/about/stuff-to-know/booking-terms/" title="Booking terms and conditions" target="_blank" rel="noopener">terms and conditions</a> and acknowledge that car parks may be unavailable due to unforeseen circumstances. In which case you may be directed to another car park or we may refund your Parking Fee if the selected car park is unavailable at entry time.</p> 3354<p><a href="/en-au/about/stuff-to-know/" title="available here for authoring" target="_blank" rel="noopener">Click here for full terms and conditions</a></p> 3355 </div> 3356 3357 3358 3359 3360 3361 3362 <div class="cart-item__important bluetooth-gate"> 3363</div> 3364 3365 3366 <div class="cart-payment__book-btn"> 3367 3368 </div> 3369</section> 3370<div class="checkout-manage-cards"> 3371 <section class="manage-payment review-payment" data-cart-panel="payment-manage" data-account-section="payment-manage"> 3372 <div class="manage-payment__top-section"> 3373 <div class="wrapper"> 3374 <h2>Manage payment methods</h2> 3375 <div class="manage-payment__loading"> 3376 <div class="lds-ripple loader"> 3377 <div></div> 3378 <div></div> 3379 </div> 3380 </div> 3381 <div class="manage-payment__empty"> 3382 Your payment methods list is empty - add a new one below. 3383 <div class="special-note">Note: Pre-paid debit cards should not be used as they have limitations that include not permitting refunds.</div> 3384 </div> 3385 <!-- append cards list here --> 3386 <div class="customer-cards-list"></div> 3387 </div> 3388 </div> 3389 <div class="manage-payment__bottom-section"> 3390 <div class="manage-payment__add-card-btn manage-payment__add-card-btn--review"> 3391 <div class="logged-in"><div class="cta-full mobile-add-payment">Add new payment method</div></div> 3392 <div class="guest"><div class="cta-full sign-register-link guest">Sign in or Register</div></div> 3393 </div> 3394 <div class="manage-payment__limit"> 3395 You have reached the maximum number of cards that can be added to your profile, if you wish to add a different card you will need to remove or edit the cards above 3396 </div> 3397 </div> 3398</section> 3399 3400 3401 3402 <section class="add-card add-card-review" data-cart-panel="add-card-review"> 3403 <div class="breadcrumb internal account-back payment-methods-back" style="display:none;"> 3404 <span></span> 3405 <a>Back</a> 3406 </div> 3407 <div class="wrapper"> 3408 <div class="title"> 3409 <h2></h2> 3410 </div> 3411 <div class="special-note">Note: Pre-paid debit cards should not be used as they have limitations that include not permitting refunds.</div> 3412 <div class="test" data-payment-wrapper="account-sidebar"></div> 3413 </div> 3414 <div class="manage-payment__add-card-btn manage-payment__add-card-btn--add"></div> 3415</section> 3416 3417 3418 3419 3420</div> 3421 3422<style> 3423 #apple-pay-button { 3424 width: 100%!important; 3425 height: 40px; 3426 -webkit-appearance: -apple-pay-button; 3427 -apple-pay-button-type: plain; 3428 -apple-pay-button-style: black; 3429 @media (min-width: 1100px) { 3430 width: 240px!important; 3431 } 3432 } 3433 #googlePayButtonId { 3434 width: 100%!important; 3435 @media (min-width: 1100px) { 3436 width: auto!important; 3437 } 3438 } 3439 .gpay-card-info-container { 3440 min-width: 100%!important; 3441 @media (min-width: 1100px) { 3442 min-width: 240px!important; 3443 } 3444 } 3445 .payment-buttons { 3446 width: 100%!important; 3447 flex-wrap: wrap; 3448 } 3449 #virtual-payment-form .payment-buttons .apple-pay-button{ 3450 @supports not (-webkit-appearance:-apple-pay-button) { 3451 display:none !important; 3452 } 3453 } 3454</style> 3455 3456 3457 <div data-cart-panel="customer-details" class="payment-customer-form"> 3458 3459 <form class="account-form"> 3460 <div class="account-form__item"> 3461 <label for="firstName" class="required">First name</label> 3462 <input type="text" id="firstName" name="firstName" placeholder="Frank" autocomplete="given-name">
3463 <span class="error" data-error-for="firstName"></span> 3464 </div> 3465 <div class="account-form__item"> 3466 <label for="lastName" class="required">Last name</label> 3467 <input type="text" id="lastName" name="lastName" placeholder="Smith" autocomplete="family-name"> 3468 <span class="error" data-error-for="lastName"></span> 3469 </div> 3470 <div class="account-form__item"> 3471 <label for="email" class="required">Email address</label> 3472 <input type="email" id="email" name="email" placeholder="[email protected]" autocomplete="email"> 3473 <span class="error" data-error-for="email"></span> 3474 </div> 3475 <div class="account-form__item"> 3476 <label for="mobileNumber" class="required">Mobile number</label> 3477 <input type="text" id="mobileNumber" name="mobileNumber" placeholder="0401 234 567" autocomplete="tel"> 3478 <span class="error" data-error-for="mobileNumber"></span> 3479 </div> 3480 <div class="account-form__item"> 3481 <label for="countries" class="required">Country</label> 3482 3483 <select name="countries" id="countries"> 3484 <option value="" disabled selected hidden>Select</option> 3485 <option value="Australia">Australia</option> 3486 <option value="NewZealand">New Zealand</option> 3487 </select> 3488 <span class="error" data-error-for="countries"></span> 3489 </div> 3490 3491 <div class="hidden" name="statesDiv" id="statesDiv"> 3492 <label class="required" for="states">State</label> 3493 3494 <select name="states" id="states"> 3495 <option value="" disabled selected hidden>Select</option> 3496 <option value="NSW">NSW</option> 3497 <option value="VIC">VIC</option> 3498 <option value="QLD">QLD</option> 3499 <option value="SA">SA</option> 3500 <option value="WA">WA</option> 3501 <option value="NT">NT</option> 3502 <option value="ACT">ACT</option> 3503 <option value="TAS">TAS</option> 3504 </select> 3505 <span class="error" data-error-for="states"></span> 3506 </div> 3507 3508 <div class="account-form__item"> 3509 <label for="addressLine1">Address Line 1</label> 3510 <input type="text" id="addressLine1" name="addressLine1" placeholder="Address" autocomplete="address-line1"> 3511 <span class="error" data-error-for="addressLine1"></span> 3512 </div> 3513 3514 <div class="account-form__item"> 3515 <label for="addressLine2">Address Line 2</label> 3516 <input type="text" id="addressLine2" name="addressLine2" placeholder="Address" autocomplete="address-line2"> 3517 <span class="error" data-error-for="addressLine2"></span> 3518 </div> 3519 3520 <div class="account-form__item"> 3521 <label for="city">Suburb/City</label> 3522 <input type="text" id="city" name="city" placeholder="Suburb/City" autocomplete="city"> 3523 <span class="error" data-error-for="city"></span> 3524 </div> 3525 3526 <div class="account-form__item"> 3527 <label for="postCode">Postcode</label> 3528 <input type="text" id="postCode" name="postCode" placeholder="Postcode" autocomplete="postal-code"> 3529 <span class="error" data-error-for="postCode"></span> 3530 </div> 3531 <div class="account-form__item"> 3532 <label for="licenseNumber" class="required">Licence Plate Number</label> 3533 <input type="text" id="licenseNumber" name="licenseNumber" placeholder="523 NL7"> 3534 <span class="error" data-error-for="licenseNumber"></span> 3535 </div> 3536 <div class="checkboxes-group"> 3537 <div class="account-form__item account-form__item--checkbox"> 3538 <label class="custom-checkbox-sp">I am 18+ and agree to the <a href="/en-au/about/stuff-to-know/">terms and conditions</a> 3539 <input id="terms" type="checkbox" name="terms" type="checkbox"> 3540 <span class="checkmark"></span> 3541 </label> 3542 <span class="error" data-error-for="terms"></span> 3543 </div> 3544 3545 <div class="account-form__item account-form__item--checkbox"> 3546 <label class="custom-checkbox-sp">I am happy to receive deals, discounts and other marketing and event related information. You can unsubscribe at any time by opting out in Account Preferences 3547 <input id="offers" type="checkbox" name="offers" type="checkbox">
3548 <span class="checkmark"></span> 3549 </label> 3550 </div> 3551 3552 </div> 3553 <div class="account-form__loader-wrapper"> 3554 <div class="lds-ripple loader" style="display: none;"> 3555 <div></div> 3556 <div></div> 3557 </div> 3558 </div> 3559 <div class="account-form__booking-wrapper"> 3560 <div class="car-park-detail__book"> 3561 <div class="wrapper"> 3562 <button data-action="submit" class="account-form__cta disabled" type="submit"> 3563 Save Changes 3564 </button> 3565 </div> 3566 </div> 3567 </div> 3568</form> 3569 3570 3571 3572 </div> 3573 <div class="booking-tabs__bookings-confirmed"> 3574 <div class="booking-details__breadcrumb booking-details__breadcrumb--mobile" style="display: none;"> 3575 <span></span> <p>Back</p> 3576 </div> 3577 <div class="bookings-back" > 3578 <a href="/en-au/account/purchases">View Purchases</a> 3579 </div> 3580<div class="booking-tabs__items confirmed-payment"> 3581<div> 3582</div> 3583 3584 3585 3586 </div> 3587 3588 3589 </section> 3590 <div class="hosted-fields-init-wrapper"> 3591 <link rel="stylesheet" href="https://gateway.api.advam.com/webbank/webbank-js/css/hosted-fields.css"/> 3592<div class="wrapper"> 3593 <div class="hosted-fields-form-wrapper"> 3594 <div class="hosted-fields__loader-wrapper"> 3595 <div class="lds-ripple loader" style="display: none;"> 3596 <div></div> 3597 <div></div> 3598 </div> 3599 </div> 3600 <div class="hosted-fields__form-layer"></div> 3601 </div> 3602</div> 3603<style> 3604 .cvv-only .hosted-field-group.card-holder, 3605 .cvv-only .hosted-field-group.card-number, 3606 .cvv-only .hosted-field-group.expiry-date, 3607 .cvv-only .hosted-field-group.expiry-date { 3608 display: none; 3609 } 3610 .payment-form { 3611 padding-bottom: 30px; 3612 } 3613 .hosted-field { 3614 border-radius: 3px; 3615 border: none; 3616 height: 58px; 3617 font-family: 'Noto Sans'; 3618 margin-top: 15px; 3619 margin-bottom: 25px; 3620 } 3621 .hosted-field.hosted-field-invalid { 3622 border: 2px solid #F54747; 3623 margin-bottom: 5px; 3624 } 3625 .hosted-field-focus { 3626 box-shadow: none; 3627 } 3628 .group-row { 3629 display: grid; 3630 grid-template-columns: 1fr 1fr; 3631 grid-gap: 10px; 3632 } 3633 #payment-button { 3634 padding-left:20px; 3635 padding-right: 20px; 3636 width: auto; 3637 background-color: #0093d0; 3638 padding-top: 20px; 3639 padding-bottom: 20px; 3640 border-radius: 9999px; 3641 color: #fff; 3642 text-align: center; 3643 font-size: 16px; 3644 cursor: pointer; 3645 line-height: 18px; 3646 font-family: Roboto; 3647 font-weight: 700; 3648 margin-top: 25px; 3649 } 3650 #payment-button:hover { 3651 background-color: #0055a5; 3652 background-color: rgba(0, 85, 165, var(--bg-opacity)); 3653 } 3654 input#payment-button:disabled { 3655 opacity: 30%; 3656 } 3657 .hosted-field-label { 3658 font-family: 'Roboto', sans-serif; 3659 font-weight: 700; 3660 font-size: 16px; 3661 line-height: 20px; 3662 color: #222; 3663 } 3664 .hosted-field-label.required::after { 3665 color: #222; 3666 } 3667 .hosted-field-error-message-visible { 3668 position: static; 3669 border: none; 3670 color: #F54747; 3671 background-color: transparent; 3672 transform: none; 3673 margin: 0 0 10px; 3674 border-radius: 0; 3675 text-align: left; 3676 padding-left: 0; 3677 font-family: 'Noto Sans'; 3678 font-size: 14px; 3679 } 3680 .hosted-field-error-message-visible:after { 3681 content: none; 3682 } 3683 @media only screen and(min-width: 1100px) { 3684 #payment-button { 3685 font-size: 1.8rem; 3686 } 3687 } 3688</style> 3689 3690 3691 </div> 3692 <main> 3693 3694 3695<div class="generic-content-page"> 3696 <div class="simple-page "> 3697 <div class="wrapper"> 3698 3699 3700 3701 3702 3703 3704 <div class="news-article__title-wrapper"> 3705 <h1 itemprop="name headline" class="news-article__title">How can we help?</h1> 3706 </div> 3707 </div> 3708 3709 3710 3711 3712 <div class="bg-white"> 3713 3714 <div class="wrapper"> 3715 <div class="news-article__content" itemprop="mainContentOfPage"> 3716 <div itemprop="text"> 3717 <p>If you need immediate assistance while in a car park, press the HELP button at the boom gate or pay station to speak with our 24/7 customer service team.</p> 3718<p>For general customer service enquiries, please call between 7am–7pm AEST, Monday to Saturday, please call <a href="tel:61280008790" target="_blank" rel="noopener"><strong>02 8000 8790</strong></a> and follow the prompts.</p> 3719<p>For Monthly Subscription enquiries, please call <strong><a href="tel:1300048524" 1300="" 048="" 524"="" title="Call Sales Team" target="_blank" rel="noopener">1300 048 524</a></strong> between 7am–
37197pm AEST, Monday to Friday.</p> 3720<p>Alternatively, select the type of enquiry you are making to be directed appropriately:</p> 3721<p></p> 3722<div><a href="/en-au/contact-us/sales-enquiry/" class="primary-btn" title="Click to enquire about longer term parking" target="_blank" rel="noopener">Monthly Subscriptions</a> 3723<p></p> 3724<a href="/en-au/contact-us/customer-service/" class="primary-btn" title="Click to contact the Customer Service Team" target="_blank" rel="noopener">Customer Service</a> 3725<p></p> 3726<a href="/en-au/contact-us/business-management-services/" class="primary-btn" title="Click to enquire about car park Management or Business Services including B2B" target="_blank" rel="noopener">Corporate Services</a> 3727<p></p> 3728<a href="/en-au/about/complaint-resolution/" class="primary-btn" title="Click to learn more about our complaints process and make a complaint" target="_blank" rel="noopener">Complaints</a> 3729<div></div> 3730<p></p> 3731<h2><strong>Explore our self help information by topic:</strong></h2> 3732<p></p> 3733<div><a href="/en-au/faqs/general/" class="primary-btn" title="click to learn more">Entry & Exit</a> 3734<p></p> 3735<div><a href="/en-au/faqs/payments/" class="primary-btn" title="click to learn more">Pre-Pay by Web or APP</a> 3736<p></p> 3737<a href="/en-au/faqs/website-and-app-changed-faq/" class="primary-btn" title="click to learn more">Using Web or APP</a> 3738<p></p> 3739<div><a href="/en-au/faqs/subscription/" class="primary-btn" title="click to learn more">Monthly & Subscription</a></div> 3740<p></p> 3741<div><a href="/en-au/faqs/fleet/" class="primary-btn" title="click to learn more">Fleet Parking</a></div> 3742<p></p> 3743<div><a href="/en-au/about/stuff-to-know/" class="primary-btn" title="click to learn more">Terms & Conditions</a></div> 3744<p></p> 3745<div><a href="/en-au/faqs/promotions/" class="primary-btn" title="click to learn more">Promotions & Vouchers</a></div> 3746<p></p> 3747<a href="/en-au/faqs/account-management/" class="primary-btn" title="click to learn more">Manage Your Account</a></div> 3748<p></p> 3749<h2>Secure Parking Offices - Australia</h2> 3750<p>Secure Parking has offices in New South Wales, Queensland, Victoria, South Australia and Western Australia.</p> 3751<div class="car-park-detail__accordion-item has-children"> 3752<div class="car-park-detail__accordion-wrapper"> 3753<div class="car-park-detail__accordion-item-title">NEW SOUTH WALES (HEAD OFFICE)</div> 3754</div> 3755<div class="car-park-detail__accordion-subitem"> 3756<div class="desc">Level 13, 99 Mount Street North Sydney, NSW 2060</div> 3757<div>Tel: <a></a><a href="tel:61280008790">02 8000 8790</a></div> 3758<div><a href="https://www.google.com/maps/place/level+13%2F99+Mount+St,+North+Sydney+NSW+2060/@-33.8394327,151.2058935,17z/data=!3m2!4b1!5s0x6b12aef28db7af39:0x920db28f2a1e1eb8!4m6!3m5!1s0x6b12aef2ebefffff:0x50261693003cfad0!8m2!3d-33.8394372!4d151.2084684!16s%2Fg%2F11m__p3g47?entry=ttu" target="_blank" rel="noopener">View on Google maps</a></div> 3759</div> 3760</div> 3761<div class="car-park-detail__accordion-item has-children"> 3762<div class="car-park-detail__accordion-wrapper"> 3763<div class="car-park-detail__accordion-item-title">VICTORIA</div> 3764</div> 3765<div class="car-park-detail__accordion-subitem"> 3766<div class="desc">Level 13, 123 Queen Street Melbourne, VIC 3000</div> 3767<div>Tel: <a></a><a href="tel:61280008790">02 8000 8790</a></div> 3768<div><a href="https://www.google.com/maps/place/Level+13%2F123+Queen+St,+Melbourne+VIC+3000/@-37.8157485,144.9585216,17z/data=!3m1!4b1!4m5!3m4!1s0x6ad65d4b4e5e5cc7:0x59e7ead014b08bfc!8m2!3d-37.8157528!4d144.9607103" target="_blank" rel="noopener">View on Google maps</a></div> 3769</div> 3770</div> 3771<div class="car-park-detail__accordion-item has-children"> 3772<div class="car-park-detail__accordion-wrapper"> 3773<div class="car-park-detail__accordion-item-title">QUEENSLAND</div> 3774</div> 3775<div class="car-park-detail__accordion-subitem"> 3776<div class="desc">Level 3, 201 Charlotte Street Brisbane, QLD 4000</div> 3777<div>Tel: <a></a><a href="tel:61280008790">02 8000 8790</a></div> 3778<div><a href="https://www.google.com/maps/place/Level+3%2F201+Charlotte+St,+Brisbane+City+QLD+4000/@-27.4696695,153.0269644,17z/data=!3m1!4b1!4m5!3m4!1s0x6b915a1c814a36f3:0xa8d953f912b71005!8m2!3d-27.4696743!4d153.0291531" target="_blank" rel="noopener">View on Google maps</a></div> 3779</div> 3780</div> 3781<div class="car-park-detail__accordion-item has-children"> 3782<div class="car-park-detail__accordion-wrapper"> 3783<div class="car-park-detail__accordion-item-title">SOUTH AUSTRALIA</div> 3784</div> 3785<div class="car-park-detail__accordion-subitem"> 3786<div class="desc">Level 9, 111 Gawler Place, Adelaide SA 5000</div> 3787<div>Tel: <a></a><a href="tel:61280008790">02 8000 8790</a></div> 3788<div><a href="https://www.google.com/maps/dir//111+Gawler+Pl,+Adelaide+SA+5000/@-27.5308104,153.191432,15z/data=!4m9!4m8!1m0!1m5!1m1!1s0x6ab
37880ced7030f791b:0x7e47dc2d0483d0c8!2m2!1d138.6018191!2d-34.9252924!3e0?hl=en&authuser=0&entry=ttu&g_ep=EgoyMDI2MDcxOS4wIKXMDSoASAFQAw%3D%3D" target="_blank" rel="noopener">View on Google maps</a></div> 3789</div> 3790</div> 3791<div class="car-park-detail__accordion-item has-children"> 3792<div class="car-park-detail__accordion-wrapper"> 3793<div class="car-park-detail__accordion-item-title">WESTERN AUSTRALIA</div> 3794</div> 3795<div class="car-park-detail__accordion-subitem"> 3796<div class="desc">Suite 61, 102 Railway St, West Perth WA 6005</div> 3797<div>Tel: <a></a><a href="tel:61280008790">02 8000 8790</a></div> 3798<div><a href="https://www.google.com/maps/dir//Suite+61,+102+Railway+St,+West+Perth+WA+6005/@-31.9441677,115.8306864,15z/data=!4m2!4m1!3e0?authuser=0&entry=ttu&g_ep=EgoyMDI2MDYyOS4wIKXMDSoASAFQAw%3D%3D" target="_blank" title="View on Google maps" rel="noopener">View on Google maps</a></div> 3799<div></div> 3800</div> 3801</div> 3802<div> 3803<p></p> 3804<p>Looking for Secure Parking New Zealand - <a href="https://www.secureparking.co.nz/en-nz/" title="Secure Parking New Zealand link" target="_blank" rel="noopener">Click Here</a></p> 3805</div> 3806</div> 3807</div> 3808 </div> 3809 </div> 3810 </div> 3811 </div> 3812 3813 3814 3815 </div> 3816</div> 3817 3818 3819 3820 3821 3822 </main> 3823 3824 3825<section class="footer footer--desktop"> 3826 <div class="wrapper"> 3827 3828 <div class="footer__copyright"> 3829 <a> © 2026 Copyright Secure Parking Pty Ltd</a> 3830 </div> 3831 <div class="footer__info"> 3832 3833 3834 3835 3836 3837 3838 3839 <a href="/en-au/about/stuff-to-know/privacy-policy/">Privacy Policy</a> 3840 3841 3842 3843 3844 3845 3846 3847 3848 3849 <a href="/en-au/parking-solutions/business-portal/">Business Portal</a> 3850 3851 3852 3853 3854 3855 3856 3857 3858 3859 <a href="/en-au/corporate-services/ooh-advertising/">Advertise With Us</a> 3860 3861 3862 3863 3864 3865 3866 3867 3868 3869 <a href="/en-au/sitemap/">Sitemap</a> 3870 3871 3872 3873 </div> 3874 3875 3876 3877 3878 </div> 3879</section> 3880 3881 3882</div> 3883 3884<!-- Setting in Developer settings to auto include in head -->
3885<script src="/site.js?ts=20261001_LPR_Hotfixes"></script>
3885 3886
3886<script> 3887 if(!window.google_tag_data || !window.google_tag_data.glBridge){ 3888 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 3889 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 3890 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 3891 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 3892 } 3893</script>
3893</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.