Wringer

Uri

Name

Html

<!doctype html><html lang="en"><head>
	  
	  
	  
	  
	  
	  <script>console.log("foundEvent with Tess Id = 21578");</script>
	  <script type="application/ld+json">
	  {
	  "@context":"http://schema.org",
	  "@type":"Event",
	  "@id":"https://werklundcentre.ca/whats-on/rockofages"
	  }
	  </script>
	  
    <meta charset="utf-8">
    <title>Rock of Ages</title>
    <link rel="shortcut icon" href="https://werklundcentre.ca/hubfs/AC-ACT2/Logo.svg">
    <meta name="description" content="It’s the tail end of the big, bad 1980s in Hollywood, and the party has been raging hard. Aqua Net, Lycra, lace and liquor flow freely at one of the Sunset Strip’s last legendary venues, a place where sex machine Stacee Jaxx takes the stage and scantily clad groupies line up to turn their fantasies into reality. ">

@font-face {
  font-family: "Founders Grotesk Condensed";
  src: url("https://werklundcentre.ca/hubfs/TestFoundersGroteskCondensed-Regular.otf") format("opentype");
  font-display: swap;
  font-weight: 400;
}

@font-face {
  font-family: "Founders Grotesk Condensed";
  src: url("https://werklundcentre.ca/hubfs/TestFoundersGroteskCondensed-Regular.otf") format("opentype");
  font-display: swap;
  font-weight: 400;
}
</style>

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">

<script>(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','GTM-WDRBT8');</script>

</form>
          </div>
        </div>
        <a class="header__search--toggle" href="javascript:void(0);"></a>
      </div>
        <div class="header__sticky_account">
        <a target="_top" href="https://shop.werklundcentre.ca/account/upcomingevents" role="menuitem" class="my-account-ctm"><img src="https://werklundcentre.ca/hubfs/user-11.png"></a>
      </div>
      <div class="header__sticky_cart">
        <a target="_top" href="https://shop.werklundcentre.ca/cart/details" role="menuitem" class="my-account-ctm"><img src="https://werklundcentre.ca/hubfs/shopping-cart.png"></a>
      </div>
    </div>
  </div>
</div>

</form>
              </div>

</div>
            <a class="header__search--toggle" href="javascript:void(0);"></a>

</div>
        </div>
          <div class="header__sticky_account_mobile">
          <a target="_top" href="https://shop.werklundcentre.ca/account/upcomingevents" role="menuitem" class="my-account-ctm"><img src="https://werklundcentre.ca/hubfs/user-11.png"></a>
        </div>
        <div class="headerMainNavigation">
          <div class="headerMainInner">
            <div class="headerNavSection">
              <div class="navigation">
                <span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu"><div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch no-flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="194061948812" aria-label="Navigation Menu">
 <ul role="menu">
  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem"><span class="whats-on-w">What's On</span></a>
   <ul role="menu" class="hs-menu-children-wrapper">
    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/whats-on" role="menuitem"><span class="all-evnts">All Shows &amp; Events</span></a>
     <ul role="menu" class="hs-menu-children-wrapper">
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=comedy" role="menuitem">Comedy</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=community" role="menuitem">Community</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=dance" role="menuitem">Dance</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=education" role="menuitem">Education</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=family" role="menuitem">Family</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=free" role="menuitem">Free</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=music" role="menuitem">Music</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=talks" role="menuitem">Talks</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=theatre" role="menuitem">Theatre</a></li>
     </ul></li>
    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/whats-on/art-galleries-exhibitions/all-exhibitions" role="menuitem">Current Exhibitions</a>
     <ul role="menu" class="hs-menu-children-wrapper">
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/whats-on/art-galleries-exhibitions/plus15-galleries" role="menuitem">+15 Galleries</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/whats-on/art-galleries-exhibitions/plus15-soundscape" role="menuitem">+15 Soundscape</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/whats-on/art-galleries-exhibitions/ledge-gallery" role="menuitem">Ledge Gallery</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/whats-on/art-galleries-exhibitions/lightbox-studio" role="menuitem">Lightbox Studio</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/art-galleries-exhibitions/art-galleries-exhibitions/microcinema" role="menuitem">Micro Cinema</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/whats-on/art-galleries-exhibitions/window-galleries" role="menuitem">Window Galleries</a></li>
     </ul></li>
    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/rentals/host-your-event" role="menuitem">Host Your Event</a>
     <ul role="menu" class="hs-menu-children-wrapper">
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/host-your-performance" role="menuitem">Host Your Performance</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/host-your-wedding" role="menuitem">Host Your Wedding</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/contact-event-advisor" role="menuitem">Speak with an Event Advisor</a></li>
     </ul></li>
   </ul></li>
  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/plan-your-visit" aria-haspopup="true" aria-expanded="false" role="menuitem">Your Visit</a>
   <ul role="menu" class="hs-menu-children-wrapper">
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/plan-your-visit/getting-here" role="menuitem">Getting Here</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/plan-your-visit/make-a-night-of-it" role="menuitem">Make a Night of It</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/plan-your-visit/health-accessibility" role="menuitem">Accessibility</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/plan-your-visit/box-office" role="menuitem">Tickets &amp; Box Office</a></li>
    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/rentals/our-venues" role="menuitem">Our Venues</a>
     <ul role="menu" class="hs-menu-children-wrapper">
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/jack-singer-concert-hall" role="menuitem">Jack Singer Concert Hall</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/max-bell-theatre" role="menuitem">Max Bell Theatre</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/martha-cohen-theatre" role="menuitem">Martha Cohen Theatre</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/big-secret-theatre" role="menuitem">Big Secret Theatre</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/engineered-air-theatre" role="menuitem">Engineered Air Theatre</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/jack-singer-rehearsal-hall" role="menuitem">Jack Singer Rehearsal Hall</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/motel" role="menuitem">Motel Theatre</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/jack-singer-lobby" role="menuitem">JSCH Lobby</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/founders-room" role="menuitem">Founders Room</a></li>
     </ul></li>
   </ul></li>
  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Our Story</a>
   <ul role="menu" class="hs-menu-children-wrapper">
    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/our-story/about-us" role="menuitem">About Us</a>
     <ul role="menu" class="hs-menu-children-wrapper">
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/mission-vision-values" role="menuitem">Mission, Vision, Values</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/organizational-culture" role="menuitem">Organizational Culture</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/careers-volunteers" role="menuitem">Careers</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/email-list" role="menuitem">Newsletter</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/our-story/news-resources" role="menuitem">Press</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/act" role="menuitem">Our Transformation</a></li>
     </ul></li>
   </ul></li>
  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Learn &amp; Engage</a>
   <ul role="menu" class="hs-menu-children-wrapper">
    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/learn-and-engage/education" role="menuitem">Education</a>
     <ul role="menu" class="hs-menu-children-wrapper">
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/arts-reimagined-2025" role="menuitem">Arts ReimaginED</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/learn-and-engage/education/conocophillips-hub" role="menuitem">ConocoPhillips Hub for Inspired Learning</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/learn-and-engage/resident-company-education-programs" role="menuitem">Resident Company Education Programs</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/learn-and-engage/education/wonder-workshops" role="menuitem">Wonder Days</a></li>
     </ul></li>
    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/learn-and-engage/connects" role="menuitem">Connects</a>
     <ul role="menu" class="hs-menu-children-wrapper">
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/learn-and-engage/connects/td-incubator" role="menuitem">TD Incubator</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/learn-and-engage/connects/rbc-emerging-artist-program" role="menuitem">RBC Emerging Visual Artist Program</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/learn-and-engage/connects/radiate-residence-inn" role="menuitem">Radiate at the Residence Inn</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/learn-and-engage/connects/artist-opportunities" role="menuitem">Opportunities</a></li>
     </ul></li>
   </ul></li>
  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Support Us</a>
   <ul role="menu" class="hs-menu-children-wrapper">
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/support-us" role="menuitem">Ways to Support</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/support-us/why-arts-commons" role="menuitem">Why Arts Commons</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://shop.werklundcentre.ca/donate/q/donate" role="menuitem">Donate Now</a></li>
    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/support-us/founders-circle" role="menuitem">Founders Circle Membership</a>
     <ul role="menu" class="hs-menu-children-wrapper">
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/support-us/founders-circle" role="menuitem">Membership Benefits</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/support-us/founders-circle/members" role="menuitem">Meet our Members</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/support-us/membership-enquiry" role="menuitem">Membership Enquiry</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://shop.werklundcentre.ca/donate/q/founders?hsCtaTracking=348a8d1d-7566-4671-aaca-ca4964bb20b1%7Cc54b80fb-09e4-416e-82be-19bbbfff0fc2" role="menuitem">Join Today!</a></li>
     </ul></li>
    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/support-us/explorers-circle" role="menuitem">Explorers Circle Membership</a>
     <ul role="menu" class="hs-menu-children-wrapper">
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/support-us/explorers-circle/members" role="menuitem">Meet our Members</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/support-us/membership-enquiry" role="menuitem">Membership Enquiry</a></li>
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://shop.werklundcentre.ca/donate/q/explorerscircle?hsCtaTracking=9984f46d-ee43-426d-a05b-e043806c28dc%7C340f73fd-de3d-475d-9f91-666d1f81fad8" role="menuitem">Join Today!</a></li>
     </ul></li>
    <li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/support-us/corporate-sponsorship" role="menuitem">Corporate Sponsorship</a>
     <ul role="menu" class="hs-menu-children-wrapper">
      <li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/support-us/corporate-sponsorship/sponsors" role="menuitem">Meet Our Sponsors</a></li>
     </ul></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/support-us/government-foundation-partnerships" role="menuitem">Foundation Partnerships</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/support-us/special-events" role="menuitem">Special Events</a></li>
   </ul></li>
 </ul>
</div></span>  
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
      
    </div>
  </div>

</div>

<div class="megamenuInnerLoop w33 ">
              
              <div class="menumenuInnerNavigation  navigationHalfWidth ">
                <span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
 <ul role="menu">
  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/whats-on" aria-haspopup="true" aria-expanded="false" role="menuitem" target="_self">All Shows &amp; Events</a>
   <ul role="menu" class="hs-menu-children-wrapper">
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&amp;ft=genre&amp;fv=Comedy" role="menuitem" target="_self">Comedy</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&amp;ft=genre&amp;fv=Comedy" role="menuitem" target="_self">Community</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&amp;ft=genre&amp;fv=Dance" role="menuitem" target="_self">Dance</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&amp;ft=genre&amp;fv=Education" role="menuitem" target="_self">Education</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&amp;ft=genre&amp;fv=Family" role="menuitem" target="_self">Family</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&amp;ft=genre&amp;fv=Free" role="menuitem" target="_self">Free</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&amp;ft=genre&amp;fv=Music" role="menuitem" target="_self">Music</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&amp;ft=genre&amp;fv=Talks" role="menuitem" target="_self">Talks</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&amp;ft=genre&amp;fv=Theatre" role="menuitem" target="_self">Theatre</a></li>
   </ul></li>
 </ul>
</div></span>
              </div>

</div>

<div class="megamenuInnerLoop w33 ">
              
              <div class="menumenuInnerNavigation  navigationHalfWidth ">
                <span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
 <ul role="menu">
  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/whats-on/art-galleries-exhibitions/all-exhibitions" aria-haspopup="true" aria-expanded="false" role="menuitem" target="_self">Current Exhibitions</a>
   <ul role="menu" class="hs-menu-children-wrapper">
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on/art-galleries-exhibitions/plus15-galleries" role="menuitem" target="_self">+15 Galleries</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on/art-galleries-exhibitions/plus15-soundscape" role="menuitem" target="_self">+15 Soundscape</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/art-galleries-exhibitions/art-galleries-exhibitions/microcinema" role="menuitem" target="_self">Micro Cinema</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on/art-galleries-exhibitions/ledge-gallery" role="menuitem" target="_self">Ledge Gallery</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on/art-galleries-exhibitions/lightbox-studio" role="menuitem" target="_self">Lightbox Studio</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on/art-galleries-exhibitions/window-galleries" role="menuitem" target="_self">Window Galleries</a></li>
   </ul></li>
 </ul>
</div></span>
              </div>

</div>

<div class="megamenuInnerLoop w33 ">
              
              <div class="menumenuInnerNavigation  navigationHalfWidth ">
                <span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
 <ul role="menu">
  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/rentals/host-your-event" aria-haspopup="true" aria-expanded="false" role="menuitem" target="_self">Host Your Event</a>
   <ul role="menu" class="hs-menu-children-wrapper">
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/rentals/host-your-performance" role="menuitem" target="_self">Host Your Performance</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/rentals/host-your-wedding" role="menuitem" target="_self">Host Your Wedding</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/rentals/contact-event-advisor" role="menuitem" target="_self">Speak with an Event Advisor</a></li>
   </ul></li>
 </ul>
</div></span>
              </div>

</div>

</div>
        </div>
      </div>
    </div>
  </div>
  
  <div class="apppend-to-2">
    <div class="menu-wrapper hs-menu-children-wrapper">
      <div class="megaMenu  megaMenu-2"> 
        <div class="megaMenuWrapper">
          <div class="megamenuInner">

<div class="megamenuInnerLoop w33 ">
              
              <div class="menumenuInnerNavigation ">
                <span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
 <ul role="menu">
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/plan-your-visit/getting-here" role="menuitem" target="_self">Getting Here</a></li>
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/plan-your-visit/make-a-night-of-it" role="menuitem" target="_self">Make a Night of it</a></li>
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/plan-your-visit/health-accessibility" role="menuitem" target="_self">Accessibility &amp; Health</a></li>
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/plan-your-visit/box-office" role="menuitem" target="_self">Tickets &amp; Box Office</a></li>
 </ul>
</div></span>
              </div>

</div>

<div class="megamenuInnerLoop w33 ">
              
              <div class="menumenuInnerNavigation ">
                <span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
 <ul role="menu">
  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/rentals/our-venues" aria-haspopup="true" aria-expanded="false" role="menuitem" target="_self">Our Venues</a>
   <ul role="menu" class="hs-menu-children-wrapper">
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/jack-singer-concert-hall" role="menuitem" target="_self">Jack Singer Concert Hall</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/max-bell-theatre" role="menuitem" target="_self">Max Bell Theatre</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/martha-cohen-theatre" role="menuitem" target="_self">Martha Cohen Theatre</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/big-secret-theatre" role="menuitem" target="_self">Big Secret Theatre</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/engineered-air-theatre" role="menuitem" target="_self">Engineered Air Theatre</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/motel" role="menuitem" target="_self">Motel Theatre</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/jack-singer-rehearsal-hall" role="menuitem" target="_self">Jack Singer Rehearsal Hall</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/jack-singer-lobby" role="menuitem" target="_self">Jack Singer Lobby</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/founders-room" role="menuitem" target="_self">Founders Room</a></li>
   </ul></li>
 </ul>
</div></span>
              </div>

</div>

</div>
        </div>
      </div>
    </div>
  </div>
  
  <div class="apppend-to-3">
    <div class="menu-wrapper hs-menu-children-wrapper">
      <div class="megaMenu  megaMenu-3"> 
        <div class="megaMenuWrapper">
          <div class="megamenuInner">

<div class="megamenuInnerLoop w33 ">
              
              <div class="menumenuInnerNavigation ">
                <span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
 <ul role="menu">
  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/our-story/about-us" aria-haspopup="true" aria-expanded="false" role="menuitem" target="_self">About Us</a>
   <ul role="menu" class="hs-menu-children-wrapper">
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/mission-vision-values" role="menuitem" target="_self">Mission, Mandate, &amp; Values</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/organizational-culture" role="menuitem" target="_self">Organizational Culture</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/careers-volunteers" role="menuitem" target="_self">Careers &amp; Volunteers</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/our-story/our-people" role="menuitem" target="_self">Our People</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/our-story/news-resources" role="menuitem" target="_self">News &amp; Resources</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/act" role="menuitem" target="_self">Our Transformation</a></li>
   </ul></li>
 </ul>
</div></span>
              </div>

</div>

<div class="megamenuInnerLoop w33 ">
              
              <div class="menumenuInnerNavigation ">
                <span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
 <ul role="menu">
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/companies/alberta-theatre-projects" role="menuitem" target="_self">Alberta Theatre Projects</a></li>
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/companies/calgary-philharmonic-orchestra" role="menuitem" target="_self">Calgary Philharmonic Orchestra</a></li>
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/companies/downstage" role="menuitem" target="_self">Downstage</a></li>
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/companies/one-yellow-rabbit" role="menuitem" target="_self">One Yellow Rabbit</a></li>
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/companies/theatre-calgary" role="menuitem" target="_self">Theatre Calgary</a></li>
 </ul>
</div></span>
              </div>

</div>

</div>
        </div>
      </div>
    </div>
  </div>
  
  <div class="apppend-to-4">
    <div class="menu-wrapper hs-menu-children-wrapper">
      <div class="megaMenu  megaMenu-4"> 
        <div class="megaMenuWrapper">
          <div class="megamenuInner">

<div class="megamenuInnerLoop w33 ">
              
              <div class="menumenuInnerNavigation  navigationHalfWidth ">
                <span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
 <ul role="menu">
  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/learn-and-engage/education" aria-haspopup="true" aria-expanded="false" role="menuitem" target="_self">Education</a>
   <ul role="menu" class="hs-menu-children-wrapper">
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/arts-reimagined-2025" role="menuitem" target="_self">Arts ReimaginED</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/learn-and-engage/education/conocophillips-hub" role="menuitem" target="_self">ConocoPhillips Hub for Inspired Learning</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/learn-and-engage/resident-company-education-programs" role="menuitem" target="_self">Resident Company Education Programs</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/learn-and-engage/education/wonder-workshops" role="menuitem" target="_self">Wonder Program</a></li>
   </ul></li>
 </ul>
</div></span>
              </div>

</div>

<div class="megamenuInnerLoop w33 ">
              
              <div class="menumenuInnerNavigation ">
                <span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
 <ul role="menu">
  <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/learn-and-engage/connects" aria-haspopup="true" aria-expanded="false" role="menuitem" target="_self">Connects</a>
   <ul role="menu" class="hs-menu-children-wrapper">
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/learn-and-engage/connects/td-incubator" role="menuitem" target="_self">TD Incubator</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/learn-and-engage/connects/rbc-emerging-artist-program" role="menuitem" target="_self">RBC Emerging Visual Artist Program</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/learn-and-engage/connects/radiate-residence-inn" role="menuitem" target="_self">Radiate at the Residence Inn</a></li>
    <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/learn-and-engage/connects/artist-opportunities" role="menuitem" target="_self">Artist Opportunities</a></li>
   </ul></li>
 </ul>
</div></span>
              </div>

</div>

</div>
        </div>
      </div>
    </div>
  </div>
  
  <div class="apppend-to-5">
    <div class="menu-wrapper hs-menu-children-wrapper">
      <div class="megaMenu  megaMenu-5"> 
        <div class="megaMenuWrapper">
          <div class="megamenuInner">

<div class="megamenuInnerLoop w33 ">
              
              <div class="menumenuInnerNavigation ">
                <span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
 <ul role="menu">
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/support-us" role="menuitem" target="_self">Ways to Support</a></li>
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/support-us/why-arts-commons" role="menuitem" target="_self">Why Werklund Centre?</a></li>
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://shop.werklundcentre.ca/donate/q/donate" role="menuitem" target="_self">Donate Now</a></li>
 </ul>
</div></span>
              </div>

<div class="megamenuInnerLoop w33 ">
              
              <div class="menumenuInnerNavigation ">
                <span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
 <ul role="menu">
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/support-us/founders-circle" role="menuitem" target="_self">Founders Circle Membership</a></li>
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/support-us/explorers-circle" role="menuitem" target="_self">Explorers Circle Membership</a></li>
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/support-us/corporate-sponsorship" role="menuitem" target="_self">Corporate Sponsorship</a></li>
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/support-us/government-foundation-partnerships" role="menuitem" target="_self">Government &amp; Foundation Partners</a></li>
  <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/support-us/other-ways-to-give" role="menuitem" target="_self">Other Ways to Give</a></li>
 </ul>
</div></span>
              </div>

</div>

</div>
        </div>
      </div>
    </div>
  </div>
  
</div>
</div></div>
<div class="sitewide_notice">
    <div id="hs_cos_wrapper_module_17557049690057" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="WCBanner" style="display: none">

<section>
<div class="sw-banner-body2">
  <div class="sw-banner-text2">
    <p><strong><span lang="en-US">Brand Update in Progress</span></strong><span lang="en-US"> -</span><span lang="en-CA"> We appreciate your patience and understanding as we work to enhance your experience.</span></p>
  </div>
</div>
</section>
</div></div>
</div></div>
        </header>

<div class="ctas-wrapper" data-url="">
       
        <div class="cta event-cta-w main-cta">
          
          
          
          
          
          
          <a href="https://shop.werklundcentre.ca/21578/" class="cta_button tessitura orange Get Tickets">Get Tickets</a>
               
        </div>
          
        <script>console.log("secondCTA-label : Subscribe Now + false + false");</script>        
        
        <div class="cta event-cta-w additional_cta">
          <script>
            console.log("link: https://www.werklundcentre.ca/whats-on/frc-2025-26-season ");
            console.log("text: Subscribe Now");
            console.log("new tab? false");
          </script>
          <a class="cta_button orange" href="https://www.werklundcentre.ca/whats-on/frc-2025-26-season">Subscribe Now</a>
        </div>
        
      </div>

</div>

<div class="content-col">
      <div class="inner">
        
        <h5 class="tag" style="color: #323232">Front Row Centre Players Presents</h5>

</style>

<div class="arts_ev_detail light">
      <div class="content-wrapper">
        <div class="detail-wrapper" id="details-tessitura-app">
          
            
          <div v-if="byHubDBShowPromo" class="promo-box only-mobile">      
            <div ref="form">
              <input class="promo" @keyup.enter="validatePromo" v-model="promocode" placeholder="Enter Promo Code" value="">    
              <a class="cta_button orange" v-on:click="validatePromo">SUBMIT</a>
            </div>
            <div class="promo-error" v-if="isError">
              <p>Promo code not found for this show. Please try again or call <a tel="403.294.9494">403.294.9494</a>.</p>
            </div>
          </div>

<div class="Photo"> 
    
    
    
    
    
    
    <img src="https://werklundcentre.ca/hubfs/FRC_RockOfAges_Banner_v3.png" alt="FRC_RockOfAges_Banner_v3" loading="lazy" style="max-width: 100%; height: auto;">
      
  </div>

</div></div>

</div>
            <div class="inner-content" id="event-description">
              <div class="content-col">
                <span id="hs_cos_wrapper_post_body" class="hs_cos_wrapper hs_cos_wrapper_meta_field hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="meta_field" data-hs-cos-type="rich_text"><div id="frontPageShow">
<div id="showDescription">
<div id="frontPageShow">
<div id="showDescription"><span>It’s the tail end of the big, bad 1980s in Hollywood, and the party has been raging hard. Aqua Net, Lycra, lace and liquor flow freely at one of the Sunset Strip’s last legendary venues, a place where sex machine&nbsp;Stacee Jaxx takes the stage and scantily clad groupies line up to turn their fantasies into reality. Amidst the madness, aspiring rock star (and resident toilet cleaner) Drew longs to take the stage as the next big thing (and longs for small-town girl Sherri, fresh off the bus from Kansas with stars in her eyes). But the rock ’n’ roll fairy tale is about to end when German developers sweep into town with plans to turn the fabled Strip into just another capitalist strip mall. Can Drew, Sherri and the gang save the strip – and themselves – before it’s too late? Only the music of hit bands of the decade hold the answer</span>.</div>
<div><span style="font-size: 1rem; background-color: transparent;">&nbsp;</span></div>
<div><span style="font-size: 1rem; background-color: transparent;">FRONT ROW CENTRE PLAYERS SOCIETY'S COMMUNITY THEATRE PRODUCTION OF </span><span style="font-weight: bold;">ROCK OF AGES</span></div>
<div><span style="font-weight: bold;">&nbsp;</span></div>
</div>
<div id="billings">
<ul>
<li>BOOK BY <span>CHRIS D'ARIENZO</span></li>
<li>ARRANGEMENTS AND ORCHESTRATIONS BY ETHAN POPP<br><br></li>
<li>DIRECTED AND CHOREOGRAPHED BY STEPHEN WEST</li>
<li>MUSICAL DIRECTION BY CAROLINE RICHARDS &amp; NEIL WEST</li>
</ul>
<div><strong><a href="https://www.frontrowcentre.ca/show/20252026/RockofAges/castlist/" rel="noopener"><u data-olk-copy-source="MessageBody">SEE THE FULL CAST &amp; CREW OF ROCK OF AGES</u></a><span></span></strong></div>
</div>
</div>
</div></span>

<div id="hs_cos_wrapper_module_16549604804462" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"></div>

<div class="content-col link_url_">

<div class="ctas-w tess">
      
      <div class="cta get_tickets a1" id="tessitura-listing-app" v-if="isSinglePerformance &amp;&amp; !isSaleOver">    
        <a id="ghost-event-btn" :href="ticketURL + tessituraID + '/' + firstPerformanceNo" class="cta_button orange" :class="isMainShowON ? '' : 'disabled'"><div v-if="mainCTALabel">{{ mainCTALabel }}</div><div v-else>GET TICKETS</div></a>
      </div>
      
      
      <div class="event-details here" id="tessitura-listing-app" v-else>          
        <ul class="listing-w" v-if="showPerformances &amp;&amp; !isSaleOver">
          <li v-for="item in performances">
            <div class="perf_dt">{{ item.perf_dt|formatDate }} {{ item.perf_time }}</div>
            <div class="cta get_tickets">
              <a v-if="mainCTAOpenNewTab" target="_blank" :class="isMainShowON ? '' : 'disabled'" :href="ticketURL + tessituraID + '/' + item.perf_no" class="cta_button orange performanceButton">Select</a>
              <a v-else :class="isMainShowON ? '' : 'disabled'" :href="ticketURL + tessituraID + '/' + item.perf_no" class="cta_button orange performanceButton">Select</a>
            </div>
          </li>
        </ul>
        <div class="cta get_tickets a2" v-else>    
          <a id="ghost-event-btn" v-if="!isSaleOver" class="cta_button orange" :class="isMainShowON ? '' : 'disabled'" v-on:click="showPerformances = !showPerformances"><span v-if="showPerformances &amp;&amp; !isSaleOver">View Production Info</span><span v-else>{{ mainCTALabel }}</span></a>
        </div>
      </div>           
          
      
      <div class="cta event-cta-w additional_cta" v-if="!isSaleOver">
        <a v-if="additionalCTAOpenNewTab" :class="isMainShowON ? '' : 'disabled'" target="_blank" href="https://www.werklundcentre.ca/whats-on/frc-2025-26-season" class="cta_button orange">Subscribe Now</a>
        <a v-else :class="isMainShowON ? '' : 'disabled'" href="https://www.werklundcentre.ca/whats-on/frc-2025-26-season" class="cta_button orange">Subscribe Now</a>
      </div>
      
    </div>

</div>

</div>
              <div class="image-col">

<img src="https://werklundcentre.ca/hubfs/FRC_RockOfAges_Thumbnail.png" alt="">
                
                <div class="tag-col">
                  
                  <a class="tag" href="https://werklundcentre.ca/whats-on/tag/theatre" rel="tag">Theatre</a>
                  
                </div>
              </div>

</div>
          </div>
          <div class="sidebar">                        
            <div id="hs_cos_wrapper_module_16388080306139" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">

<div class="Event-Details" id="tessitura-app">
    <div class="Debug" v-if="debug">
      <div>
        <h5>Canada Time</h5>
        {{ timestamp.now_canada }}
      </div>
      <div>
        <h5>Canada Timestamp</h5>
        {{ timestamp.now_canada_timestamp }}
      </div>    
      <div>
        <h5>Onsale Timestamp</h5>
        {{ timestamp.onsale_timestamp }}
      </div>    
      <div>
        <h5>isMainShowON</h5>
        {{ isMainShowON }}
      </div>   
      <div>
        <h5>isSaleOver</h5>
        {{ isSaleOver }}
      </div>         
    </div>

<div class="isShowOn" v-if="byHubDBisSaleOpen === '1'">
      <div class="cta get_tickets" id="tessitura-listing-app" v-if="byHubDBSinglePerformance == 1">    
        <a :href="current_hubdb_data.eventURL" class="cta_button orange byHubDBSinglePerformance">GET TICKETS</a>
      </div>
      <div class="Event-Details" id="tessitura-listing-app" v-else>                
        <div class="cta get_tickets select-showtime">    
          <a class="cta_button orange showPerformanceList click-event-attached" v-on:click="showPerformanceList(false)">
            <span v-if="showPerformances">View Production Info</span>
            <span v-else>Select Showtime</span>
          </a>
        </div>
      </div> 
    </div>
    <div class="else-case"></div>

<div>      
      <div ref="form" class="only-desktop">
        <input class="promo" @keyup.enter="validatePromo" v-model="promocode" placeholder="Enter Promo Code" value="">    
        <a class="cta_button orange" v-on:click="validatePromo">SUBMIT</a>
      </div>
      <div class="promo-error" v-if="isError">
        <p>Promo code not found for this show. Please try again or call <a tel="403.294.9494">403.294.9494</a>.</p>
      </div>
    </div>

<div class="Presented">
      <h5>
        Presented By
      </h5>

<div id="hs_cos_wrapper_module_16388080306139_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_text" data-hs-cos-field="presented.presented_by_manual">Front Row Centre Players</div>

</div> 
    
        
    
    <div class="Venue">
      <h5>
        Event Venue
      </h5>
      
      Pumphouse Theatre - 2140 Pumphouse Ave SW
      
      
      
    
    </div>

<div class="hubdb-data Pre-Sale-Date" v-if="current_hubdb_data &amp;&amp; current_hubdb_data.presale">
<h5>
        Pre-Sale Date
      </h5>
      {{ current_hubdb_data.presale|formatDate }} {{ current_hubdb_data.presale_time }}
    </div>
    
    <div class="tess-data Pre-Sale-Date" v-else-if="mainShow &amp;&amp; mainShow.presale_dt"> 
     <div class="Pre-Sale-Date">
        <h5>
          Pre-Sale Date
        </h5>
        {{ mainShow.presale_dt|formatDate }} {{ mainShow.presale_time }}
      </div>
    </div>

<div class="hubdb-data Sale-Date" v-if="current_hubdb_data &amp;&amp; current_hubdb_data.onsale">
      <h5>
        On-Sale Date
      </h5>
      {{ current_hubdb_data.onsale|formatDate }} {{ current_hubdb_data.onsale_time }}
    </div>
    <div class="tess-data Sale-Date" v-else> 
      <div class="Sale-Date a1" v-if="mainShow &amp;&amp; mainShow.onsale_dt">
        <h5>
          On-Sale Date
        </h5>
        {{ mainShow.onsale_dt|formatDate }} {{ mainShow.onsale_time }}
      </div>
    </div>

<div class="hubdb-data Show-Date" v-if="current_hubdb_data &amp;&amp; current_hubdb_data.first_perf">
      <h5 v-if="(current_hubdb_data.first_perf &amp;&amp; !current_hubdb_data.last_perf) || (current_hubdb_data.first_perf == current_hubdb_data.last_perf)">
        Show Date
      </h5>
      <h5 v-if="(current_hubdb_data.first_perf &amp;&amp; current_hubdb_data.last_perf) &amp;&amp; (current_hubdb_data.first_perf != current_hubdb_data.last_perf)">
        Show Dates
      </h5>
      
      
      
      <div class="first_perf_only" v-if="(current_hubdb_data.first_perf &amp;&amp; !current_hubdb_data.last_perf) || (current_hubdb_data.first_perf == current_hubdb_data.last_perf)">

<div class="first-perf-only-if" :class="'length-' + performances.length" v-if="performances.length > 1">
          {{ current_hubdb_data.first_perf|formatDate }} {{ current_hubdb_data.first_perf_time }} - {{ current_hubdb_data.last_perf_time }}
        </div>
        <div class="first-perf-only-else" v-else>
          {{ current_hubdb_data.first_perf|formatDate }} {{ current_hubdb_data.first_perf_time }} 
        </div>

</div>
      <div class="both-dates" v-if="(current_hubdb_data.first_perf &amp;&amp; current_hubdb_data.last_perf) &amp;&amp; (current_hubdb_data.first_perf != current_hubdb_data.last_perf)">

{{ current_hubdb_data.first_perf|formatDate }} -  {{ current_hubdb_data.last_perf|formatDate }}

</div>

</div>
    
    <div class="tess-data Show-Date" v-else> 
      <div class="Show-Date" v-if="mainShow">
        <h5 v-if="(mainShow.first_perf_dt &amp;&amp; !mainShow.last_perf_dt) || (mainShow.first_perf_dt == mainShow.last_perf_dt)">
          Show Date
        </h5>
        <h5 v-if="(mainShow.first_perf_dt &amp;&amp; mainShow.last_perf_dt) &amp;&amp; (mainShow.first_perf_dt != mainShow.last_perf_dt)">
          Show Dates
        </h5>
        <div class="first_perf_only" v-if="(mainShow.first_perf_dt &amp;&amp; !mainShow.last_perf_dt) || (mainShow.first_perf_dt == mainShow.last_perf_dt)">

</div>
        <div class="both-dates" v-if="(mainShow.first_perf_dt &amp;&amp; mainShow.last_perf_dt) &amp;&amp; (mainShow.first_perf_dt != mainShow.last_perf_dt)">

{{ mainShow.first_perf_dt|formatDate }} -  {{ mainShow.last_perf_dt|formatDate }}

</div>

</div>
    </div>

<div class="hubdb-data Price" v-if="current_hubdb_data &amp;&amp; current_hubdb_data.min_price">

<h5 v-if="(current_hubdb_data.min_price &amp;&amp; !current_hubdb_data.max_price) || (current_hubdb_data.min_price == current_hubdb_data.max_price)">
        Price
      </h5>
      <h5 v-else-if="current_hubdb_data.min_price &amp;&amp; current_hubdb_data.max_price">
        Price Range
      </h5>
      <div class="low_price_only" v-if="(current_hubdb_data.min_price &amp;&amp; !current_hubdb_data.max_price) || (current_hubdb_data.min_price == current_hubdb_data.max_price)">
        {{ current_hubdb_data.min_price|formatCurrency }}
      </div>
      <div class="both-prices" v-else-if="current_hubdb_data.min_price &amp;&amp; current_hubdb_data.max_price">
        {{ current_hubdb_data.min_price|formatCurrency }} -  {{ current_hubdb_data.max_price|formatCurrency }}
      </div>

</div>
    <div class="tess-data" v-else> 
      <div class="Price" v-if="mainShow.min_price">
        <h5 v-if="(mainShow.min_price &amp;&amp; !mainShow.max_price) || (mainShow.min_price == mainShow.max_price)">
          Price
        </h5>
        <h5 v-else-if="mainShow.min_price &amp;&amp; mainShow.max_price">
          Price Range
        </h5>
        <div class="low_price_only" v-if="(mainShow.min_price &amp;&amp; !mainShow.max_price) || (mainShow.min_price == mainShow.max_price)">
          {{ mainShow.min_price|formatCurrency }}
        </div>
        <div class="both-prices" v-else-if="mainShow.min_price &amp;&amp; mainShow.max_price">
          {{ mainShow.min_price|formatCurrency }} -  {{ mainShow.max_price|formatCurrency }}
        </div>      
      </div>
    </div>

<div class="Disclaimer">
      <h5>
        Event Disclaimer
      </h5>
      <div id="hs_cos_wrapper_module_16388080306139_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_text" data-hs-cos-field="disclaimer">Prices include service charges. A Pumphouse Theatres facility fee will be added in the shopping cart</div>
    </div>

</div>
</div></div>
          </div>
        </div>
      </div>
    </div>
	</div>
</main>

</div>

<div class="footer__row">
      <div class="contact_us">
        <p class="contact_us_info"><span class="f_section_title">Our Campus</span><br>205 - 8 Avenue SE<br>Calgary, Alberta<br>T2G 0K9<br><br>
        <a class="wc-cta-small wc-green" href="https://werklundcentre.ca/contact">Contact us</a>
            <br><br>REGISTERED CHARITY NO: 11882 ‍3269 RR0001
        <br><a class="donate_link" href="https://shop.werklundcentre.ca/donate/q/donate">DONATE</a></p>
      </div>
      
      <div class="footer__logo">
        <img src="https://werklundcentre.ca/hubfs/AC-ACT2/Logo.svg">
      </div>

<div class="footer__social">
      <div>
        <a target="_blank" class="footer_social_link_text" href="https://www.facebook.com/yycARTS">FACEBOOK</a></div>
          <div>
            <a target="_blank" class="footer_social_link_text" href="https://www.instagram.com/werklundcentre/">INSTAGRAM</a></div>
          <div>
            <a target="_blank" class="footer_social_link_text" href="https://www.youtube.com/@werklundcentre">YOUTUBE</a></div>
          <div>
            <a target="_blank" class="footer_social_link_text" href="https://www.tiktok.com/@yycarts">TIKTOK</a></div>
          <div>
            <a target="_blank" class="footer_social_link_text" href="https://www.linkedin.com/company/werklundcentre">LINKEDIN</a></div>
          <div>
            <a target="_blank" class="footer_social_link_text" href="/blog/">BLOG</a></div>
      </div>
    </div>
    
    <div class="footer__stack">
     <div class="footer__logo">
        <img src="https://werklundcentre.ca/hubfs/AC-ACT2/Logo.svg">
      </div>
      
      <div class="stack_contact_us">  
           <p class="contact_us_info"><span class="f_section_title">Our Campus</span><br>205 - 8 Avenue SE<br>Calgary, Alberta<br>T2G 0K9<br>
        <a class="wc-cta-small wc-green" href="https://werklundcentre.ca/contact">Contact us</a>
            <br><br>REGISTERED CHARITY NO: 11882 ‍3269 RR0001
        <br><a class="donate_link" href="https://shop.werklundcentre.ca/donate/q/donate">DONATE</a></p>
      </div>
      <div class="footer__social">
      <div>
        <a target="_blank" class="footer_social_link" href="https://www.facebook.com/yycARTS"><img class="footer_social_link_img" src="https://werklundcentre.ca/hubfs/IT%20(Please%20dont%20Delete)/icon-facebook-hollow.png"></a></div>
          <div>
            <a target="_blank" class="footer_social_link" href="https://www.instagram.com/werklundcentre/"><img class="footer_social_link_img" src="https://werklundcentre.ca/hubfs/IT%20(Please%20dont%20Delete)/icon-instagram-hollow.png"></a></div>
          <div>
            <a target="_blank" class="footer_social_link" href="https://www.youtube.com/@werklundcentre"><img class="footer_social_link_img" src="https://werklundcentre.ca/hubfs/IT%20(Please%20dont%20Delete)/icon-youtube-hollow.png"></a></div>
          <div>
            <a target="_blank" class="footer_social_link" href="https://www.tiktok.com/@yycarts"><img class="footer_social_link_img" src="https://werklundcentre.ca/hubfs/IT%20(Please%20dont%20Delete)/icon-tiktok-hollow.png"></a></div>
          <div>
            <a target="_blank" class="footer_social_link" href="https://www.linkedin.com/company/werklundcentre"><img class="footer_social_link_img" src="https://werklundcentre.ca/hubfs/IT%20(Please%20dont%20Delete)/icon-linkedin-hollow.png"></a></div>
      </div>
    </div> 
    
    <img class="footer_wordmark" src="https://werklundcentre.ca/hubfs/AC-ACT2/WERKLUNDCENTRE_WORDMARK_RGB_W.png">   
   
    <hr class="footer_pages_break">
    <div class="footer_pages">
     <a class="footer_page_link" href="https://shop.werklundcentre.ca/account/login?ReturnUrl=%2faccount%2fupcomingevents">MY ACCOUNT</a>
     <a class="footer_page_link" href="/our-story/who-we-are/careers-volunteers">CAREER &amp; VOLUNTEERS</a>
     <a class="footer_page_link" href="/our-story/who-we-are/press-releases">PRESS</a>
     <a class="footer_page_link" href="/our-story/who-we-are/email-list">EMAIL LIST</a>
    </div>
    <div class="footer_pages_mobile">
     <a class="footer_page_link" href="https://shop.werklundcentre.ca/account/login?ReturnUrl=%2faccount%2fupcomingevents">MY ACCOUNT</a>
     <a class="footer_page_link" href="/our-story/who-we-are/careers-volunteers">CAREER &amp; VOLUNTEERS</a>
     <a class="footer_page_link" href="/our-story/who-we-are/press-releases">PRESS</a>    </div>
    <div class="footer_pages_mobile">

<a class="footer_page_link" href="/our-story/who-we-are/email-list">EMAIL LIST</a>
     <a class="footer_page_link" href="/blog/">BLOG</a>
        
    </div>
        <hr class="footer_pages_break">
    
    <br>
    <div class="footer__text">
      In the spirit of reconciliation, we acknowledge that Werklund Centre is located on the traditional territories of the Blackfoot Confederacy (Siksika, Kainai, Piikani), the Tsuut’ina, the Iyarhe Nakoda (Chiniki, Goodstoney/Kichipwot, and Bearspaw First Nations). This territory is also the home of the Otipemisiwak Métis Government of the Métis Nation of Alberta, Districts 5 and 6. We thank these Nations for sharing this land with us and commit to being good stewards of this land, while we are here. We welcome all who work, live, and play in, as well as honour and celebrate this historic territory. 
    </div>
      
      <div class="footer_text_links">
        <a href="" class="footer_text_link">Site Maps</a>
        <a href="" class="footer_text_link">Privacy Policy</a>
        <a href="" class="footer_text_link">Terms of Use</a>
    </div>
  </div>
  <script type="text/javascript">
    (function(e,t,o,n,p,r,i){e.visitorGlobalObjectAlias=n;e[e.visitorGlobalObjectAlias]=e[e.visitorGlobalObjectAlias]||function(){(e[e.visitorGlobalObjectAlias].q=e[e.visitorGlobalObjectAlias].q||[]).push(arguments)};e[e.visitorGlobalObjectAlias].l=(new Date).getTime();r=t.createElement("script");r.src=o;r.async=true;i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)})(window,document,"https://diffuser-cdn.app-us1.com/diffuser/diffuser.js","vgo");
    vgo('setAccount', '226488623');
    vgo('setTrackByDefault', true);
    vgo('process');
</script>

</footer></div>
      
    
        
    <script src="https://cdn.jsdelivr.net/npm/@glidejs/glide"></script>
    <script src="https://cdn.jsdelivr.net/npm/simple-parallax-js@5.5.1/dist/simpleParallax.min.js"></script>

<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>

var _current_hubdb_data = {"name" : "Rock of Ages",
                                 "postID" :  "191864787594",
                                 "isSinglePerformance" : 1,
                                 "eventURL": "https://shop.werklundcentre.ca/21578/21809", 
                                 "genres" : '[{"prod_season_no":"21578","genre":"Theatre"}]', 
                                 "presale" : "",  
                                 "onsale" : "2025-08-01T10:00:00-06:00", 
                                 "first_perf" : "2025-09-12T00:00:00-06:00", 
                                 "last_perf" : "2025-09-27T00:00:00-06:00", 
                                 "min_price" : "27.0000", 
                                 "max_price" : "30.0000",
                                 "show_promo" : "Y",
                                 "first_perf_time" : "  7:30PM",
                                 "last_perf_time" : "  7:30PM",
                                 "presale_time" : "",
                                 "onsale_time" : " 10:00AM",
                                 "performances" : '[{"prod_season_no":"21578","perf_no":"21809","perf_dt":"2025-09-27T00:00:00-06:00","perf_time":"  7:30PM","onsale_dt":"2025-08-01T00:00:00-06:00","onsale_time":" 10:00AM"}]',
                                 "isSaleOpen" : 1,

"first_perf_timestamp" : 1757705400000,
                                 "last_perf_timestamp" : 1759001400000,
                                 "onsale_timestamp" : 1754042400000,
                                 "presale_timestamp" : 0,
                                 "off_sale_timestamp" : 1759003200000                 
                                };
      console.log( _current_hubdb_data.name + " ;  _current_hubdb_data : " + _current_hubdb_data.first_perf_timestamp);

Array.prototype.equals = function (array, strict) {
        if (!array){
          return false;
          console.log("This is the this: " + this + " and this is the array: " + array);
        }
        
        if (arguments.length == 1)
          strict = true;
        
        console.log("This is the this length: " + this.length + " and this is the array length: " + array.length);
        if (this.length != array.length)
          return false;

for (var i = 0; i < this.length; i++) {
          if (this[i] instanceof Array && array[i] instanceof Array) {
            console.log("Recursive call for " + this[i] + ", " + array[i]);
            if (!this[i].equals(array[i], strict))
              return false;
          }
          else if (strict && this[i] != array[i]) {
            return false;
          }
          else if (!strict) {
            console.log("Just before sort in for loop");
            return this.sort().equals(array.sort(), true);
          }
        }
        console.log("Exited for loop");
        return true;
      };
      
      
      if(!blogPostTags["Theatre"]) blogPostTags.push("Theatre");

console.log("RUN Tessitura Logic only in the LIVE mode!");
                       var app = new Vue({
                       el: '#details-tessitura-app',
                       data: {
                       message: 'Hello Vue!',
                       eventTitle: "Rock of Ages",
                       postID : '191864787594',
                       tessituraID : '21578',
                       shows : "",
                       mainShow : "",
                       performances : "",
                       genres: "",                       
                       ticketURL : "https://shop.werklundcentre.ca/",
                       shopURL : "https://shop.werklundcentre.ca/",
                       mainCTALabel : "",
                       mainCTAOpenNewTab : false,
                       additionalCTAOpenNewTab : false,
                       showPerformances : false,
                       promocode : "",
                       isPromotionValid : false,
                       loading : false,
                       isError : false,

blogPostTags : blogPostTags,
                       blogTags : "",
                       current_hubdb_data : _current_hubdb_data,
                       byHubDBShowPromo : "Y",
                       byHubDBSinglePerformance : "1",
                       byHubDBisSaleOpen : "1",
                       timestamp : {
                       first_perf_timestamp : 0,
                       last_perf_timestamp : 0,
                       onsale_timestamp : 0,
                       presale_timestamp : 0,
                       off_sale_timestamp : 0,
                       now_canada : "2025-10-30 15:12:36",
                       now_canada_timestamp : "1761883956122"
                       },
        debug: false,
          isEdit : false
      },
        methods : {
          stringToTimeStamp : function(strDate){
            /* For Debug */
            const dt = new Date(strDate).getTime();  
            return dt / 1000;

},
            validatePromo : function(){
              this.loading = true;
              var _this = this;
              const _data = { "action" : "validatePromoCode", "promoCode" : this.promocode };
              const options = {
                url: baseUriServer,
                method: 'POST', 
                data: _data
              };
              console.log("axios method() here!");
              if(!this.isEdit){
                axios(options)
                  .then(response => {
                  console.log(response.status);              
                  
                  if(response.data[0].Data[0].Column1){
                    
                    this.isPromotionValid = response.data[0].Data[0].Column1 === "True" ? true : false;                
                    if(this.isPromotionValid){
                      if(this.performances.length == 1){
						var redirectTo = this.ticketURL + this.tessituraID + "/" + this.firstPerformanceNo + "?promo=" + this.promocode;
                        console.log("redirectTo : " + redirectTo);         
                        window.location.href =  redirectTo;
                      }
                      else{
						  this.showPerformanceList(true);
								console.log("else case.");
                        		_this.loading = false;    
                        		_this.isError = false;               
                      }
                    }
                    else{
                      _this.isError = true;
                      _this.loading = false;    
                    }  
                  }             
                }).catch(error => {
                  this.errorMessage = error.message;
                  console.error("There was an error!", error);
                  _this.loading = false;
                  _this.isError = true;
                }).finally(() => {
                  console.log("all done.");
                });;
              }

},
              updateAllPerformanceCTAs : function(){
                var _promocode = this.promocode;
                $(".event-details a.performanceButton").each(function() {
                  var newHref = $(this).attr("href") + "?promo=" + _promocode;
                  console.log("newHref : " + newHref);
                  $(this).attr("href", newHref);
                });

},
                updateGetTicketCTA: function(tessID, seasonID ){
                  /* should only appear if the onsale date has been reached example june 11,2021 10am is the onsale then the buttom appears should also have the correct purchase path which is
             *  shop.artscommons.ca/prodseason#/perf# -> e.g : https://shop.werklundcentre.ca/15042/15063
             * for test its https://test-na-ectr.tn.services/prodseason#/perf# also if the show has mulitple dates needs to read as select showtime */
                  //var showURLLive = "https://shop.werklundcentre.ca/";

// https://shop.werklundcentre.ca/18942/18943
                  // TESS ID : 18942
                  var newSlug = this.ticketURL + tessID + "/" + seasonID;
                  console.log("newSlug --> " + newSlug);
                  $("div.cta.get_tickets a.cta_button").attr("href", newSlug);                        
                },              
                  showPerformanceList: function(isTrue){

console.log("XXXXXXXXXXXXX showPerformanceList method XXXXXXXXXXXXXXXXXX : " + isTrue);
                    if(!isTrue) this.showPerformances = !this.showPerformances;
                    else this.showPerformances = true;

console.log("------------NEXT CLICK ON!");
                    this.$nextTick(() => {
                      if(this.isPromotionValid) this.updateAllPerformanceCTAs();
                      $('html, body').animate({
                        scrollTop: $("#event-listing-content").offset().top - 100
                      }, 1000);
                    })

},  
                    checkTopicsWithGenres: function(){
                      /* Checking Blog Post's topics and comparing them with Tessitura's Genres */
                      /* this.blogTags VS this.genres */
                      var _genres = this.genres,
                          _tags = this.blogPostTags,
                          _postID = this.postID,
                          _genresStrArr = [];
                      $.each( _genres, function( key, value ) {
                        if(_genresStrArr.indexOf(value.genre) < 0){
                          console.log("pushing " + value.genre + " onto array " + _genresStrArr);
                          _genresStrArr.push(value.genre);}      
                      });
                      console.log("Calling .equals() on [" + _genresStrArr + "] with " + ((_tags) ? ('[' + _tags + ']') : 'NULL') + " as a parameter");
                      var _comp = _genresStrArr.equals(_tags, false);
                      /* let's check dates */

/* Before - we were using date strings and converting them to time() 
                 * However, this conversion takes place locally and does not show the right date.
                 * */
                      /*
                var tessitura_on_sale_date_and_time = new Date(this.mainShow.onsale_dt).getTime(),
                    tessitura_pre_sale_date_and_time = new Date(this.mainShow.presale_dt).getTime(),
                    tessitura_first_perf_dt = new Date(this.mainShow.first_perf_dt).getTime(),
                    tessitura_last_perf_dt = new Date(this.mainShow.last_perf_dt).getTime();
                    */

/* After - Now Tessitura gives us accurate timestamp that can be directly used as a timestamp*/                
                      var tessitura_on_sale_date_and_time = this.mainShow.onsale_timestamp,
                          tessitura_pre_sale_date_and_time = this.mainShow.presale_timestamp,
                          tessitura_first_perf_dt = this.mainShow.first_perf_timestamp,
                          tessitura_last_perf_dt = this.mainShow.last_perf_timestamp;

if(!_comp){
                        /* Call Cloud App. to update this blog post & publish it */
                        const _data = { "action" : "updateBlogPostTags", "postID" : _postID, "updatedTagList" : _genresStrArr };
                        const options = {
                          url: baseUriServer,
                          method: 'POST', 
                          data: _data
                        };
                        console.log("updating blog postx...");

axios(options)
                          .then(response => {
                          console.log(response.status);
                          console.log("--> : " + response.data );

}).catch(error => {
                          this.errorMessage = error.message;
                          console.error("There was an error!", error);
                        });                
                      }

},
                      updateHubDB: function(tessID, new_hubdb_data){
                        const _data = { "action" : "updateQuestionDataHubLv2", "tessID" : tessID, "details" : new_hubdb_data };                  
                        const options = {
                          url: baseUriServer,
                          method: 'POST', 
                          data: _data
                        };
                        console.log("updating blog post TABLE..");
                        if(!this.isEdit){
                          axios(options)
                            .then(response => {
                            console.log(response.status);
                            console.log("--> : " + response.data );                                 
                          }).catch(error => {
                            this.errorMessage = error.message;
                            console.error("There was an error!", error);
                          });               
                        }
                      },
                        disableCTAs: function(){
                          if($(".il_hero .event-cta-w a.cta_button").length > 0) $(".il_hero .event-cta-w a.cta_button").addClass("disabled");                                          
                        },
                          isSaleOpen : function(onsale_dt){    
                            console.log("debugx : onsale_dt : " + onsale_dt);
                            if(onsale_dt){
                              var _nowCanada = this.timestamp.now_canada_timestamp;
                              /* We should reach the Sale date! */
                              if(_nowCanada >= onsale_dt) return true;                                     
                              else return false;                  
                            }
                            return false;
                          },
                            scrollToEventDetails: function(id){
                              console.log("scroll to event details!");
                              $('html, body').animate({
                                scrollTop: $("#" + id).offset().top - 350
                              }, 1000);
                            }
        },
          mounted() {
            console.log("Tess Dev. module mounted! isEdit -> " + this.isEdit);
            var _this = this;
            if(this.tessituraID && !_this.isEdit){
              /* Get Event Details by ID */
              // var data = { "action" : "getTessitura", "procedure": "LP_GET_UMBRACO_DATES", "procedureID": "145", "tessitura_id": this.tessituraID };            
              const _data = { "action" : "getAllTessitura", "procedure": "", "tessitura_id": this.tessituraID };
              const options = {
                url: baseUriServer,
                method: 'POST', 
                data: _data
              };
              console.log("axios method() here!");
              axios(options).then(response => {
                console.log(response.status);              
                /* 1. Data for the Main Show */
                this.mainShow = response.data[0][0];
                /* 2. Data for Genres */
                this.genres = response.data[1];            
                var val_genres = JSON.stringify(response.data[1]);
                /* Method: Compare if Tessitura's Genres match Blog Post's Topics */
                //this.checkTopicsWithGenres();

/* 3. Data for the performances */
                console.log("performances are here!");
                this.performances = response.data[2];
                var val_performances = JSON.stringify(response.data[2]);

/* Method: Update GetTicketCTAs */
                if(this.performances[0]) {
                  this.updateGetTicketCTA(this.tessituraID, this.performances[0].perf_no);
                  var _isSinglePerformance = this.isSinglePerformance ? 1 : 0;
                  var _ticketURL = this.ticketURL + this.tessituraID + '/' + this.performances[0].perf_no;      
                  console.log("format time data1 : " + this.mainShow.first_perf_timestamp);

this.timestamp.first_perf_timestamp = this.mainShow.first_perf_timestamp ? Number(this.mainShow.first_perf_timestamp) * 1000 : 0;
                  this.timestamp.last_perf_timestamp = this.mainShow.last_perf_timestamp ? Number(this.mainShow.last_perf_timestamp) * 1000 : 0;
                  this.timestamp.onsale_timestamp = this.mainShow.onsale_timestamp ? Number(this.mainShow.onsale_timestamp) * 1000 : 0;
                  this.timestamp.presale_timestamp = this.mainShow.presale_timestamp ? Number(this.mainShow.presale_timestamp) * 1000  : 0;
                  this.timestamp.off_sale_timestamp = this.mainShow.off_sale_timestamp ? Number(this.mainShow.off_sale_timestamp) * 1000 : 0;
                  console.log("format time data2 : " + this.timestamp.first_perf_timestamp);

var val_presale_dt = this.mainShow.presale_dt ? this.mainShow.presale_dt : "",
                      val_onsale_dt = this.mainShow.onsale_dt ? this.mainShow.onsale_dt : "",
                      val_first_perf_dt = this.mainShow.first_perf_dt ? this.mainShow.first_perf_dt : "",
                      val_last_perf_dt = this.mainShow.last_perf_dt ? this.mainShow.last_perf_dt : "",
                      val_min_price = this.mainShow.min_price ? this.mainShow.min_price : "",
                      val_max_price = this.mainShow.max_price ? this.mainShow.max_price : "",
                      val_show_promo = this.mainShow.show_promo ? this.mainShow.show_promo : "",
                      val_first_perf_time = this.mainShow.first_perf_time ? this.mainShow.first_perf_time : "",
                      val_last_perf_time = this.mainShow.last_perf_time ? this.mainShow.last_perf_time : "",
                      val_presale_time = this.mainShow.presale_time ? this.mainShow.presale_time : "",
                      val_onsale_time = this.mainShow.onsale_time ? this.mainShow.onsale_time : "",   
                      val_isSaleOpen = this.isSaleOpen(_this.timestamp.onsale_timestamp) ? 1 : 0,
                      val_first_perf_timestamp = _this.timestamp.first_perf_timestamp,
                      val_last_perf_timestamp = _this.timestamp.last_perf_timestamp,
                      val_onsale_timestamp = _this.timestamp.onsale_timestamp,
                      val_presale_timestamp = _this.timestamp.presale_timestamp,
                      val_off_sale_timestamp = _this.timestamp.off_sale_timestamp,
                      _new_hubdb_data = {"name" : this.eventTitle,
                                         "postID" : this.postID, 
                                         "isSinglePerformance" : _isSinglePerformance, 
                                         "eventURL": _ticketURL, 
                                         "genres" : val_genres,
                                         "presale" : val_presale_dt, 
                                         "onsale" : val_onsale_dt, 
                                         "first_perf" : val_first_perf_dt, 
                                         "last_perf" : val_last_perf_dt, 
                                         "min_price" : val_min_price, 
                                         "max_price" : val_max_price,
                                         "show_promo" : val_show_promo,
                                         "first_perf_time" : val_first_perf_time,
                                         "last_perf_time" : val_last_perf_time,
                                         "presale_time" : val_presale_time,
                                         "onsale_time" : val_onsale_time, 
                                         "performances" : val_performances,
                                         "isSaleOpen" : val_isSaleOpen,                                       
                                         "first_perf_timestamp" : val_first_perf_timestamp,
                                         "last_perf_timestamp" : val_last_perf_timestamp,
                                         "onsale_timestamp" : val_onsale_timestamp,
                                         "presale_timestamp" : val_presale_timestamp,
                                         "off_sale_timestamp" : val_off_sale_timestamp};

if(JSON.stringify(_this.current_hubdb_data) === JSON.stringify(_new_hubdb_data)) console.log("comparison --> true");
                  else
                  {
                    console.log("comparison --> FALSE --> Update HubDB DATA based on Tessitura DATA.");
                    _this.updateHubDB(this.tessituraID, _new_hubdb_data);
                  }
                }
                else{
                  console.log("NO NEED FOR a COMPARISON!");
                }

}).catch(error => {
                this.errorMessage = error.message;
                console.error("There was an error!", error);
              });

}

if($(".il_hero .event-cta-w a.cta_button").length > 0){
              // Add this event only for the main CTA on the header ( not for the additional CTA )
              $(".il_hero .event-cta-w.main-cta a.cta_button").click(function(event){
                event.preventDefault();
                console.log("redirectionx... : " + $("#ghost-event-btn").length);    
                if($("#ghost-event-btn").length > 0){
                  $("#ghost-event-btn")[0].click();         
                  if(!_this.isSinglePerformance) {
                    $(".cta.event-cta-w.main-cta a").text("Show Description");                  
                    _this.scrollToEventDetails("event-listing-content");
                  }
                }
                else{

//Check if it is with multiple perf. If so, then scroll
                  if(!_this.isSinglePerformance) {
                    _this.scrollToEventDetails("event-description");
                    _this.showPerformances = !_this.showPerformances;
                    $(".cta.event-cta-w.main-cta a").text("Select Showtime");
                  }
                  else $(".cta.event-cta-w.main-cta a").text("Get Tickets");
                }
              });            
            }

},
            computed: {
              
              isHubDObjectExists : function(){
                if(this.current_hubdb_data)
                  return true;
                else
                  return false;
              },
                isMainShowON : function(){
                  if(this.isPromotionValid) return true;
                  if(this.mainShow){                    
                    var _onSaleDate = this.timestamp.onsale_timestamp;
                    var _nowCanada = this.timestamp.now_canada_timestamp;

/* We should reach the Sale date! */
                    if(_nowCanada >= _onSaleDate) return true;
                    else return false;
                  }
                  return false;
                },
                  isSaleOver : function(){
                    if(this.mainShow){
                      // Two-levels of Check
                      if(this.timestamp.off_sale_timestamp){                        
                        // Check 1 - By TimeStamp Data
                        var _offSaleDate = this.timestamp.off_sale_timestamp;                
                        var _nowCanada = this.timestamp.now_canada_timestamp;
                        console.log("isSaleOver | by timestamp , eventOffSale : " + _offSaleDate + " | vs | now: " + _nowCanada);
                        if(_nowCanada >= _offSaleDate && _offSaleDate == 0) return true;                              
                        else return false;
                      }
                      else
                        return true;
                    }
                  },
                    firstPerformanceNo : function(){
                      if(this.performances[0]) return this.performances[0].perf_no;
                      else return "";
                    },
                      isSinglePerformance : function(){
                        var newEventURL = this.ticketURL + this.tessituraID + '/' + this.firstPerformanceNo;
                        
                        if(this.performances.length > 1){
                          console.log("xIF");
                          if($(".il_hero .event-cta-w a.cta_button").length > 0) {
                            var _label = "Select Showtime";

console.log("this.mainCTALabel : " + this.mainCTALabel);
                            console.log("_label 1 : " + _label);
                            if(this.mainCTALabel){
                              _label = this.mainCTALabel;
                            }         
                            else {
                              this.mainCTALabel = _label;
                            }
                            console.log("_label : " + _label);

$(".il_hero .event-cta-w.main-cta a.cta_button").text(_label);
                            if(!this.isMainShowON || this.isSaleOver) this.disableCTAs();
                            else {
                              console.log("HERO CTA -> : " + newEventURL);
                              $(".il_hero .event-cta-w a.cta_button").removeClass("disabled");
                              $(".il_hero .event-cta-w.main-cta a.cta_button").attr("href", newEventURL);
                            }
                          }
                          return false;
                        }
                        else{                           
                          if(!this.isMainShowON  || this.isSaleOver) this.disableCTAs();
                          else{
                            console.log("HERO CTA -> : " + newEventURL);
                            $(".il_hero .event-cta-w a.cta_button").removeClass("disabled")
                            $(".il_hero .event-cta-w.main-cta a.cta_button").attr("href", newEventURL);
                          }
                          return true;                    
                        }
                      }
            },
              filters: {              
                formatDate: function (value) {            
                  if(value){
                    let fdate = value.slice(0,-6);
                    var formattedDate = new Date(fdate).toLocaleDateString(
                      'en-us',
                      {
                        year: 'numeric',
                        month: 'long',
                        day: 'numeric'
                      }
                    );
                    console.log("formattedDate : " + formattedDate);
                    return formattedDate;
                  }
                  else{
                    console.log("formattedDate : Unknown exception!");                
                    return "";
                  }
                },
                  formatDateByTime: function (value) {
                    return new Date(value).toLocaleDateString(
                      'en-us',
                      {
                        year: 'numeric',
                        month: 'long',
                        day: 'numeric',
                        hour: 'numeric', 
                        minute: 'numeric'
                      }
                    );
                  },
                    formatCurrency: function (amount) {
                      var amount = parseFloat(amount);
                      
                      return "$" + amount.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, "$&,");
                    },
              }

});
      
      
    </script>
    
<script src="https://werklundcentre.ca/hubfs/hub_generated/module_assets/1/115314721566/1747765056227/module_Multi-Purpose-Content.min.js"></script>

<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(["setContentType", "blog-post"]);
_hsq.push(["setCanonicalUrl", "https:\/\/werklundcentre.ca\/whats-on\/rockofages"]);
_hsq.push(["setPageId", "191864787594"]);
_hsq.push(["setContentMetadata", {
    "contentPageId": 191864787594,
    "legacyPageId": "191864787594",
    "contentFolderId": null,
    "contentGroupId": 57981828621,
    "abTestId": null,
    "languageVariantId": 191864787594,
    "languageCode": "en",
    
    
}]);
</script>

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WDRBT8" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

<div id="fb-root"></div>
  <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.0";
  fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
    
  
</body></html>

Json ld

Http response code

Scrape date — :

Successful refresh — :

Editing Website