PageSourceSearch

https://www.secureparking.com.au/en-au/contact-us/

html secureparking.com.au collected 2026-10-02 02:13:50 UTC 159,638 bytes, 3,893 lines download raw bytes

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 &amp; 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>&#42;</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>&#42;</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>&#42;</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>&#42;</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>&#42;</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>&#42;</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>&#42;</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>&#42;</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>&#42;</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>&#42;</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>&#42;</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>&#42;</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 "&lt; 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>&#42;</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>&#42;</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>&#42;</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>&#42;</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>&#42;</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>&#42;</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>&#42;</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>&#42;</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 "&lt; 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&ndash;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&ndash;
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 &amp; 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 &amp; 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 &amp; Conditions</a></div>
3744<p></p>
3745<div><a  href="/en-au/faqs/promotions/" class="primary-btn" title="click to learn more">Promotions &amp; 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&amp;authuser=0&amp;entry=ttu&amp;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&amp;entry=ttu&amp;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 -&nbsp;<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.