Wringer

Uri

Name

Html

<!doctype html><html lang="en"><head>
	  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

"organizer":"Tchags Events & Corporation"
	 
	  }
	  </script>
	  
    <meta charset="utf-8">
    <title>Richard BONA Live Concert</title>
    <link rel="shortcut icon" href="https://werklundcentre.ca/hubfs/AC-ACT2/Logo.svg">
    <meta name="description" content="For the first time in Calgary, Let us tell you about this living icon of
music. Richard Bona is a Grammy Award-winning musician, one of the most
accomplished international bassists, composers, and multii-instrumentalists.">

@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="header__sticky_cart_mobile">
          <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 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/our-story/about-us" role="menuitem">Our Story</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/artist-development" role="menuitem">Artist Development</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>
     </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-werklund-centre" 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/members" role="menuitem">Meet our Members</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://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">Government &amp; Foundation Partnerships</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-path-to-reconciliation-at-werklund-centre" role="menuitem" target="_self">Path to Reconciliation</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/artist-development" aria-haspopup="true" aria-expanded="false" role="menuitem" target="_self">Artist Development</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>
   </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/why-werklund-centre" role="menuitem" target="_self">Why Werklund Centre?</a></li>
  <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://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>
 </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/21543/" class="cta_button tessitura orange Get Tickets">Get Tickets</a>
               
        </div>
          
        <script>console.log("secondCTA-label : notSet + false + false");</script>        
        
      </div>

</div>

<div class="content-col">
      <div class="inner">
        
        <h5 class="tag" style="color: #323232">Tchags Events &amp; Corporation</h5>

<h1 class="title">Richard BONA Live Concert</h1>
        
        <div class="content">
          
        </div>
      </div>
    </div>
  </div>
</div>

</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/hs-fs/hubfs/Richard%20Bona%202_Credit%20to%20Leesa%20Richards.jpg?width=2000&amp;name=Richard%20Bona%202_Credit%20to%20Leesa%20Richards.jpg" alt="Richard Bona 2_Credit to Leesa Richards" loading="lazy" width="2000" style="max-width: 100%; height: auto;" srcset="https://werklundcentre.ca/hs-fs/hubfs/Richard%20Bona%202_Credit%20to%20Leesa%20Richards.jpg?width=1000&amp;name=Richard%20Bona%202_Credit%20to%20Leesa%20Richards.jpg 1000w, https://werklundcentre.ca/hs-fs/hubfs/Richard%20Bona%202_Credit%20to%20Leesa%20Richards.jpg?width=2000&amp;name=Richard%20Bona%202_Credit%20to%20Leesa%20Richards.jpg 2000w, https://werklundcentre.ca/hs-fs/hubfs/Richard%20Bona%202_Credit%20to%20Leesa%20Richards.jpg?width=3000&amp;name=Richard%20Bona%202_Credit%20to%20Leesa%20Richards.jpg 3000w, https://werklundcentre.ca/hs-fs/hubfs/Richard%20Bona%202_Credit%20to%20Leesa%20Richards.jpg?width=4000&amp;name=Richard%20Bona%202_Credit%20to%20Leesa%20Richards.jpg 4000w, https://werklundcentre.ca/hs-fs/hubfs/Richard%20Bona%202_Credit%20to%20Leesa%20Richards.jpg?width=5000&amp;name=Richard%20Bona%202_Credit%20to%20Leesa%20Richards.jpg 5000w, https://werklundcentre.ca/hs-fs/hubfs/Richard%20Bona%202_Credit%20to%20Leesa%20Richards.jpg?width=6000&amp;name=Richard%20Bona%202_Credit%20to%20Leesa%20Richards.jpg 6000w" sizes="(max-width: 2000px) 100vw, 2000px">
      
  </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"><p><span>Unfortunately due to unforeseen circumstances, <span style="font-weight: bold;">Richard BONA Live Concert</span> on June 26th has been <span style="font-weight: bold;">CANCELLED</span>. If you have any questions, please contact the Box Office at <span style="font-weight: bold;">(403) 294-9494.</span><br></span><span></span></p>
<p><span>For the first time in Calgary, Let us tell you about this living icon of music.&nbsp;</span><span data-markjs="true" data-ogac="" data-ogab="" data-ogsc="" data-ogsb="">Richard</span><span>&nbsp;</span><span data-markjs="true" data-ogac="" data-ogab="" data-ogsc="" data-ogsb="">Bona</span><span>&nbsp;is a Grammy Award-winning musician, one of the most accomplished international bassists, composers, and multi instrumentalists. With his unique sound and vocal gift, he continually puts forward his African origins.&nbsp;</span><span data-markjs="true" data-ogac="" data-ogab="" data-ogsc="" data-ogsb="">Bona</span><span>'s music addresses the traditions, culture, beauty and issues of the continent. His purpose and way of connecting with his audience has made him a household name in world music, jazz, and Afropop.&nbsp;</span></p>

<p><span>Richard Bona has toured, composed, recorded and created musical art forms with the greatest: Herbie Hancock, Harry Belafonte, Steps Ahead, Quincy Jones, John Legend, George Benson, Lokua Kanza, Gérald Toto, Chick Corea, Buena Vista Social Club, Cesária Évora, Sting, Mike Stern, Pat Metheny, Stevie Wonder, Petit Pays, Bobby McFerrin, Chucho Valdés, George Benson, Charlotte Dipanda, Oumou Sangaré and many others. Always touring the world and exploring new musical directions, Richard continues to redefine music through his shows. At the moment, he is working on new Afrobeats, Afropop, Latin and flamenco projects across Europe, the United States and Latin America. Each of his concerts is a journey through music: DON'T MISS IT!</span></p></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>

</div>

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

<img src="https://werklundcentre.ca/hubfs/Bona%202023%20profile%20photo.jpeg" alt="">
                
                <div class="tag-col">
                  
                  <a class="tag" href="https://werklundcentre.ca/whats-on/tag/music" rel="tag">Music</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"><link rel="stylesheet" href="https://werklundcentre.ca/hubfs/hub_generated/template_assets/1/182227248545/1768580526397/template_View_from_Seat.min.css">

<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">Tchags Events &amp; Corporation</div>

</div> 
    
        
    
    <div class="Venue">
      <h5>
        Event Venue
      </h5>
      
      Martha Cohen Theatre
      
      
      
    
    </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="Fee">
      <h5>
        Fee Information
      </h5>
      Prices include GST. Facility fee and service charges will be added in the shopping cart.
    </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/werklundcentre">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/@werklundcentre">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="https://werklundcentre.ca/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/werklundcentre"><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/@werklundcentre"><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="https://werklundcentre.ca/plan-your-visit/box-office">BOX OFFICE</a>
     <a class="footer_page_link" href="https://werklundcentre.ca/our-story/who-we-are/careers-volunteers">CAREER &amp; VOLUNTEERS</a>
     <a class="footer_page_link" href="https://werklundcentre.ca/our-story/who-we-are/press-releases">NEWS &amp; RESOURCES</a>
     <a class="footer_page_link" href="https://werklundcentre.ca/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="https://werklundcentre.ca/plan-your-visit/box-office">BOX OFFICE</a>
     <a class="footer_page_link" href="https://werklundcentre.ca/our-story/who-we-are/careers-volunteers">CAREER &amp; VOLUNTEERS</a>
     </div>
    <div class="footer_pages_mobile">
	<a class="footer_page_link" href="https://werklundcentre.ca/our-story/who-we-are/press-releases">NEWS &amp; RESOURCES</a>
     <a class="footer_page_link" href="https://werklundcentre.ca/our-story/who-we-are/email-list">EMAIL LIST</a>
     <a class="footer_page_link" href="https://werklundcentre.ca/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" : "Richard BONA Live Concert",
                                 "postID" :  "186923566911",
                                 "isSinglePerformance" : 1,
                                 "eventURL": "https://shop.artscommons.ca/21543/21547", 
                                 "genres" : '[{"prod_season_no":"21543","genre":"Music"}]', 
                                 "presale" : "2025-03-07T10:00:00-07:00",  
                                 "onsale" : "2025-03-10T10:00:00-06:00", 
                                 "first_perf" : "2025-06-26T00:00:00-06:00", 
                                 "last_perf" : "2025-06-26T00:00:00-06:00", 
                                 "min_price" : "89.0000", 
                                 "max_price" : "195.0000",
                                 "show_promo" : "Y",
                                 "first_perf_time" : "  7:00PM",
                                 "last_perf_time" : "  7:00PM",
                                 "presale_time" : " 10:00AM",
                                 "onsale_time" : " 10:00AM",
                                 "performances" : '[{"prod_season_no":"21543","perf_no":"21547","perf_dt":"2025-06-26T00:00:00-06:00","perf_time":"  7:00PM","onsale_dt":"2025-03-10T00:00:00-06:00","onsale_time":" 10:00AM"}]',
                                 "isSaleOpen" : 1,

"first_perf_timestamp" : 1750964400000,
                                 "last_perf_timestamp" : 1750964400000,
                                 "onsale_timestamp" : 1741600800000,
                                 "presale_timestamp" : 1741341600000,
                                 "off_sale_timestamp" : 1750966200000                 
                                };
      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["Music"]) blogPostTags.push("Music");

console.log("RUN Tessitura Logic only in the LIVE mode!");
                       var app = new Vue({
                       el: '#details-tessitura-app',
                       data: {
                       message: 'Hello Vue!',
                       eventTitle: "Richard BONA Live Concert",
                       postID : '186923566911',
                       tessituraID : '21543',
                       shows : "",
                       mainShow : "",
                       performances : "",
					   perf_ids : null,

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 : "2026-01-18 14:40:45",
                       now_canada_timestamp : "1768797645668"
                       },
        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]);
				//this.perf_ids = perf_ids;
				console.log(this.perf_ids);
                /* 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;                    
                        }
                      },
						inPerfList: function (perf_id){
							if(perf_ids == null)
								return true;
							else
								return perf_ids.includes(perf_id);
						}
            },
              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\/richard-bona-live-concert"]);
_hsq.push(["setPageId", "186923566911"]);
_hsq.push(["setContentMetadata", {
    "contentPageId": 186923566911,
    "legacyPageId": "186923566911",
    "contentFolderId": null,
    "contentGroupId": 57981828621,
    "abTestId": null,
    "languageVariantId": 186923566911,
    "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