CINXE.COM
Welcome to Dubai Opera | Official Website | Dubai Opera
<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Welcome to Dubai Opera | Official Website | Dubai Opera</title> <script> !function(T,l,y){var S=T.location,k="script",D="instrumentationKey",C="ingestionendpoint",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");2===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{ src: "https://js.monitor.azure.com/scripts/b/ai.2.min.js", // The SDK URL Source crossOrigin: "anonymous", cfg: { // Application Insights Configuration connectionString: 'InstrumentationKey=62e84321-1214-400d-971d-bb9e99a677c2;IngestionEndpoint=https://uaenorth-0.in.applicationinsights.azure.com/;LiveEndpoint=https://uaenorth.livediagnostics.monitor.azure.com/' }}); appInsights.queue.push(function () { appInsights.context.telemetryTrace.traceID = 'b11d3783c1be236748b2fec239d7ed4c'; }); </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-R6PLPX6HP4"></script> <script>window.dataLayer = window.dataLayer || [];function gtag() { dataLayer.push(arguments); }gtag('js', new Date());gtag('config', 'G-R6PLPX6HP4')</script> <!-- End Global site tag (gtag.js) - Google Analytics --> <!-- Google Tag Manager --> <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-MFQX46');</script> <!-- End Google Tag Manager --> <link rel="icon" type="image/x-icon" href="/media/favicon.ico" /> </head> <body dir="ltr"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" integrity="sha512-sMXtMNL1zRzolHYKEujM2AqCLUR9F2C4/05cdbxjjLSRvMQIciEPCQZo++nk7go3BtSuK9kfa/s+a4f4i5pLkw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.css" /> <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css" /> <link href="/css/timer.css" rel="stylesheet" /> <link href="/css/styles.css" rel="stylesheet" /> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js" integrity="sha512-0QbL0ph8Tc8g5bLhfVzSqxe9GERORsKhIn1IrpxDAgUsbBGz/V7iSav2zzW325XGd1OMLdL4UiqRJj702IeqnQ==" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js" integrity="sha384-mfITPNdkUxVtTV4zhg4SDrxOL/aZBoz/p9adHFmaCoLDa43yghU46m5oEkJzLsav" crossorigin="anonymous"></script> <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js" integrity="sha256-lSjKY0/srUM9BE3dPm+c4fBo1dky2v27Gdjm2uoZaL0=" crossorigin="anonymous"></script> <script src="https://kit.fontawesome.com/3cedcbef2f.js" crossorigin="anonymous"></script> <script> $(document).ready(function () { $(window).scroll(function () { var position = $(this).scrollTop(); if (position > 50) { $('.navbar').addClass('navbar-scrolled'); } else { $('.navbar').removeClass('navbar-scrolled'); } }); var interval = setInterval(function () { var position = $(this).scrollTop(); if (position > 50) { $('.navbar').addClass('navbar-scrolled'); } else { $('.navbar').removeClass('navbar-scrolled'); } return false; }, 100); var interval = setInterval(function () { var position = $(this).scrollTop(); if (position > 120) { $('.container-fluid-event-seat-selection').addClass('container-fluid-event-seat-selection-scrolled'); } else { $('.container-fluid-event-seat-selection').removeClass('container-fluid-event-seat-selection-scrolled'); } return false; }, 100); $("#btnSearch").click(function () { $("#cntSearch").toggle(); }); }); </script> <script> $(document).ready(function () { const myCarousels = document.getElementsByClassName("carousel"); for (const myCarousel of myCarousels) { const carouselIndicators = myCarousel.querySelectorAll( ".carousel-indicators button span" ); let intervalID; const carousel = new bootstrap.Carousel(myCarousel); window.addEventListener("load", function () { fillCarouselIndicator(1); }); myCarousel.addEventListener("slide.bs.carousel", function (e) { let index = e.to; fillCarouselIndicator(++index); }); function fillCarouselIndicator(index) { let i = 0; for (const carouselIndicator of carouselIndicators) { carouselIndicator.style.width = 0; } clearInterval(intervalID); carousel.pause(); intervalID = setInterval(function () { i++; if (myCarousel.querySelector(".carousel-indicators .active span") != null) { myCarousel.querySelector(".carousel-indicators .active span").style.width = i + "%"; } if (i >= 100) { carousel.next(); } }, 50); } } }); </script> <nav class="navbar navbar-dark navbar-expand-md sticky-top" id="navbar"> <div class="container-fluid"> <a class="navbar-brand" href="/en-US/home"> <img src="/media/logo-light.svg" class="navbar-logo" alt="Home"> </a> <div id="buyTicket" class="d-block d-md-none"> <ul class="menu navbar-nav me-lg-auto mb-lg-0"></ul> </div> <button class="navbar-toggler d-none" type="button" data-bs-toggle="collapse" data-bs-target="#navbaritems" aria-controls="navbaritems" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#NavbarOffCanvas" aria-controls="NavbarOffCanvas"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbaritems"> <ul class="menu menu-main-menu-top-left navbar-nav me-lg-auto mb-lg-0"> <div class="nav-subnav"> <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#"><span>Programs</span><b class="caret"></b></a><div><div class='dropdown-menu'><div class='container-fluid'><div class='dropdown-img-menu'><ul class='dropdown-img-menu-item'> <div> <li><a href='/en-US/products-list'><img class='img-fluid' src='/media/Dubai Opera_Banner.jpg' alt='Season'><div class='title'>Season</div></a></li></div> <div> <li><a href='/en-US/studioseries'><img class='img-fluid' src='/media/480x360 Studio Series.jpg' alt='Studio Series'><div class='title'>Studio Series</div></a></li></div></ul></div></div></div></div></div> <div class="nav-subnav"> <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#"><span>Visit</span><b class="caret"></b></a><div><div class='dropdown-menu'><div class='container-fluid'><div class='dropdown-img-menu'><ul class='dropdown-img-menu-item'> <div> <li><a href='/en-US/product-details?ID=2dc786db-8283-ee11-8179-6045bd6a52a8'><img class='img-fluid' src='/media/480x360 Tours.jpg' alt='Tours'><div class='title'>Tours</div></a></li></div> <div> <li><a href='/en-US/venue'><img class='img-fluid' src='/media/480x360 Our Venues.jpg' alt='Our Venues'><div class='title'>Our Venues</div></a></li></div> <div> <li><a href='/en-US/dining'><img class='img-fluid' src='/media/480x360 Dining.jpg' alt='Dining'><div class='title'>Dining</div></a></li></div> <div> <li><a href='/en-US/direction'><img class='img-fluid' src='/media/480x360 Getting Here.jpg' alt='Getting here'><div class='title'>Getting here</div></a></li></div></ul></div></div></div></div></div> <div class="nav-subnav"> <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#"><span>About Us</span><b class="caret"></b></a><div><div class='dropdown-menu'><div class='container-fluid'><div class='dropdown-img-menu'><ul class='dropdown-img-menu-item'> <div> <li><a href='/en-US/our-story'><img class='img-fluid' src='/media/Venue_360x275_04.png' alt='Our Story'><div class='title'>Our Story</div></a></li></div> <div> <li><a href='/en-US/architecture'><img class='img-fluid' src='/media/Venue_360x275_05.png' alt='The Architecture'><div class='title'>The Architecture</div></a></li></div> <div> <li><a href='/en-US/corporates'><img class='img-fluid' src='/media/Venue_360x275_06.png' alt='Corporates'><div class='title'>Corporates</div></a></li></div></ul></div></div></div></div></div></ul> <ul class="navbar-nav ms-auto"> <ul class="navbar-nav me-lg-auto mb-lg-0"></ul> <ul class="menu menu-main-menu-top-right navbar-nav me-lg-auto mb-lg-0"> <li class="nav-item"> <a class="nav-link" href="/Account/ExternalLogin?action=login"><span>Sign in</span></a></li> <li class="nav-item"> <a class="nav-link" href="/en-US/my-account" Style="display: none"><span>My Account</span></a></li> <li class="nav-item"> <a class="nav-link" href="/Account/Logout" Style="display: none"><span>Log Out</span></a></li></ul> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> <i class="fa-solid fa-globe me-1"></i> </a> <ul class="dropdown-menu"> <li> <a class="dropdown-item" href="/RedirectToLocalizedContent?targetCulture=ar-AE&contentItemUrl=%2Fen-US%2Fproduct-details&queryStringValue=%3FID%3D5bfa96b3-95a0-ee11-be36-000d3a6c235a">العربية</a> </li> <li> <a class="dropdown-item" href="/RedirectToLocalizedContent?targetCulture=en-US&contentItemUrl=%2Fen-US%2Fproduct-details&queryStringValue=%3FID%3D5bfa96b3-95a0-ee11-be36-000d3a6c235a">English</a> </li> </ul> </li> </ul> </div> </div> </nav> <div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="NavbarOffCanvas" aria-labelledby="NavbarOffCanvas"> <div class="offcanvas-header"> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <div class="offcanvas-body"> <div> <ul class="navbar-nav me-auto"> <ul class="menu menu-main-menu-top-left navbar-nav me-lg-auto mb-lg-0"> <div class="nav-subnav"> <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#"><span>Programs</span><b class="caret"></b></a><div><div class='dropdown-menu'><div class='container-fluid'><div class='dropdown-img-menu'><ul class='dropdown-img-menu-item'> <div> <li><a href='/en-US/products-list'><img class='img-fluid' src='/media/Dubai Opera_Banner.jpg' alt='Season'><div class='title'>Season</div></a></li></div> <div> <li><a href='/en-US/studioseries'><img class='img-fluid' src='/media/480x360 Studio Series.jpg' alt='Studio Series'><div class='title'>Studio Series</div></a></li></div></ul></div></div></div></div></div> <div class="nav-subnav"> <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#"><span>Visit</span><b class="caret"></b></a><div><div class='dropdown-menu'><div class='container-fluid'><div class='dropdown-img-menu'><ul class='dropdown-img-menu-item'> <div> <li><a href='/en-US/product-details?ID=2dc786db-8283-ee11-8179-6045bd6a52a8'><img class='img-fluid' src='/media/480x360 Tours.jpg' alt='Tours'><div class='title'>Tours</div></a></li></div> <div> <li><a href='/en-US/venue'><img class='img-fluid' src='/media/480x360 Our Venues.jpg' alt='Our Venues'><div class='title'>Our Venues</div></a></li></div> <div> <li><a href='/en-US/dining'><img class='img-fluid' src='/media/480x360 Dining.jpg' alt='Dining'><div class='title'>Dining</div></a></li></div> <div> <li><a href='/en-US/direction'><img class='img-fluid' src='/media/480x360 Getting Here.jpg' alt='Getting here'><div class='title'>Getting here</div></a></li></div></ul></div></div></div></div></div> <div class="nav-subnav"> <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#"><span>About Us</span><b class="caret"></b></a><div><div class='dropdown-menu'><div class='container-fluid'><div class='dropdown-img-menu'><ul class='dropdown-img-menu-item'> <div> <li><a href='/en-US/our-story'><img class='img-fluid' src='/media/Venue_360x275_04.png' alt='Our Story'><div class='title'>Our Story</div></a></li></div> <div> <li><a href='/en-US/architecture'><img class='img-fluid' src='/media/Venue_360x275_05.png' alt='The Architecture'><div class='title'>The Architecture</div></a></li></div> <div> <li><a href='/en-US/corporates'><img class='img-fluid' src='/media/Venue_360x275_06.png' alt='Corporates'><div class='title'>Corporates</div></a></li></div></ul></div></div></div></div></div></ul> <ul class="menu menu-main-menu-top-right navbar-nav me-lg-auto mb-lg-0"> <li class="nav-item"> <a class="nav-link" href="/Account/ExternalLogin?action=login"><span>Sign in</span></a></li> <li class="nav-item"> <a class="nav-link" href="/en-US/my-account" Style="display: none"><span>My Account</span></a></li> <li class="nav-item"> <a class="nav-link" href="/Account/Logout" Style="display: none"><span>Log Out</span></a></li></ul> </ul> <div class="text-center p-2"> <div class="row"> <div class="col-6"> <a class="btn btn-outline-light btn-lg m-2 w-100 " href="/RedirectToLocalizedContent?targetCulture=ar-AE&contentItemUrl=%2Fen-US%2Fproduct-details&queryStringValue=%3FID%3D5bfa96b3-95a0-ee11-be36-000d3a6c235a">العربية</a> </div> <div class="col-6"> <a class="btn btn-outline-light btn-lg m-2 w-100 active " href="/RedirectToLocalizedContent?targetCulture=en-US&contentItemUrl=%2Fen-US%2Fproduct-details&queryStringValue=%3FID%3D5bfa96b3-95a0-ee11-be36-000d3a6c235a">English</a> </div> </div> </div> </div> </div> </div> <script> function dismissAlert() { localStorage.setItem('alertDismissed', 'true'); } // Function to check the alert state on page load function checkAlertState() { if (localStorage.getItem('alertDismissed') === 'true') { document.getElementById('alertDiv').style.display = 'none'; } } // Call checkAlertState on page load document.addEventListener('DOMContentLoaded', (event) => { checkAlertState(); }) </script> <div> <article class="content-item dynamic-page"> <section class="flow"> <div class="container-fluid p-0 container-fluid-event-hero"> <img src="/media/products/NationalGalaBalletofChina_medium_88650587.jpg" class="w-100"> </div> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8IBHD2yM-zROm53XbgYVLhujKJGlBULxiJZhJc77ZNWNTVY2YhoLL8h8EWs-5dQFLUDP10rt1xQ4VJlc6OKd8_hFkZN5u8dLH8etQZvDdyheuXu9_DD3-AsE9btFbsFOqMB2uYE2zAAGelm9UIouWWY" /> <div class="container-fluid pt-5 pb-5 bg-light"> <div class="container"> <div class="card card-event-details-container"> <div class="card-body p-4 p-xl-5 pb-2 pb-xl-2"> <div class="row g-5"> <div class="col-12 col-lg-8 col-xl-9 pb-4"> <div class="page-header mb-5"> <p class="type"><a href='/en-US/category-listing-page?Category=8ea6e8aa-ba1b-ee11-8f6d-6045bd6a52bc' target='_blank'>Ballet</a></p> <h2 class="title">Ballet Gala – National Ballet of China</h2> <div class="date">30 - 31 Jan 2024</div> </div> <div class="mb-5"> <p style="text-align: justify;"><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">Embark on a mesmerizing journey through the enchanting world of ballet as the prestigious National Ballet of China graces the stage at Dubai Opera on 30-31 Jan 2024, brought by Multiple Events. Immerse yourself in the timeless artistry of ballet, brought to life by the exceptional talents of this world-renowned company.</span></p><p style="text-align: justify;"><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">National Ballet of China was founded in December of 1959. All of National Ballet of China’s outstanding artists come from professional academies. During decades of care and support from all social sectors, the company has never ceased strengthening its ballet foundations, which started with Russian ballet, continuously enriched by works of various different schools and styles.</span></p><p style="text-align: justify;"><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">The company has a repertoire of more than 200 ballets, includes world classics like Swan Lake, Don Quixote, Giselle, Carmen, Onegin, Firebird, The Little Mermaid, La Bayadère, Cinderella and Jewels as well as original creations like The Red Detachment of Women, The New Year Sacrifice, Yellow River, Raise the Red Lantern, The Peony Pavilion, Chinese New Year (The Nutcracker Chinese Version), The Crane Calling, The Light of Heart and The Nine-Colored Deer.</span></p><p style="text-align: justify;"><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">By both performing foreign ballets and creating works of its own with distinct national characteristics, the company has found a successful path for the development of Chinese ballet. Its many original ballets have already been known as classic Chinese works of art, and some famous internationally. They are fusing the classical and the modern, and cultures from all over the world. </span></p><p style="text-align: justify;"><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">For more than 60 years, the company is proud to have made great achievements in talents and productions, as well as in ballet promotion and education. A large number of ballet dancers, choreographers, musicians and stage artists have won major international awards, and have collaborated with international stars in their respective fields.</span></p><p style="text-align: justify;"><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">As a world-renowned company with great international influence, the National Ballet of China serves as a cultural envoy and an important window to the nation and Chinese culture. Except its endeavors to present high-level performances to the world audience, the company promotes the art form in universities, communities and among children.</span></p><p style="text-align: justify;"><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">In accordance with their motto “United, Pragmatic, Independent, and Enterprising”, the company members are following the steps of their hard-working predecessors to make great strides in realization of their dreams.</span></p><p style="text-align: justify;"><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">Currently, Feng Ying, a well-known ballerina and ballet mistress in China is the Executive Director and the Artistic Director.</span></p><p style="text-align: justify;"></p> </div> <div class="accordion accordion-plus mb-5" id="accordion1"> <div class="accordion-item"> <h2 class="accordion-header" id="heading_1"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse_1" aria-expanded="false" aria-controls="collapse_1"> PROGRAMME </button> </h2> <div id="collapse_1" class="accordion-collapse collapse" aria-labelledby="heading_1" style=""> <div class="accordion-body"> <p><strong><i><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">Chinese New Year (The Nutcracker Chinese Version)</span></i></strong></p><p style="margin-bottom: 8px;"><strong><i><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">*Intermission</span></i><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;"> – </span><i><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">20mins</span></i></strong></p><p style="margin-bottom: 8px;"><span class="ui-provider a b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak" style="font-size: medium; font-family: Arial, Helvetica, sans-serif;"> </span></p><p style="margin-bottom: 8px;"><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">Act II – 28mins</span></p><p style="margin-bottom: 8px;"><strong><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">Excerpts from</span><i><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;"> La Bayadère</span></i></strong></p><p style="margin-bottom: 8px;"><span class="ui-provider a b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak" style="font-size: medium; font-family: Arial, Helvetica, sans-serif;"> </span></p><p style="margin-bottom: 8px;"><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">Act III – 11mins</span></p><p style="margin-bottom: 0px; margin-top: 0px;"><strong><i><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">Wedding Pas de Deux </span></i><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">(Excerpt from</span><i><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;"> Don Quixote)</span></i></strong></p><p style="margin-bottom: 0px; margin-top: 0px;"><span class="ui-provider a b c d e f g h i j k l m n o p q r s t u v w x y z ab ac ae af ag ah ai aj ak" style="font-size: medium; font-family: Arial, Helvetica, sans-serif;"> </span></p><p style="margin-bottom: 8px;"><strong><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">Contemporary Ballet </span><i><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">Permanent Yesterday – 5mins</span></i></strong></p><p style="margin-bottom: 0px; margin-top: 0px;"><strong><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">Symphonic Ballet </span><i><span style="font-size: medium; font-family: Arial, Helvetica, sans-serif;">The Yellow River – 22mins</span></i></strong></p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="heading_2"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse_2" aria-expanded="false" aria-controls="collapse_2"> TIMINGS </button> </h2> <div id="collapse_2" class="accordion-collapse collapse" aria-labelledby="heading_2" style=""> <div class="accordion-body"> <p>Approximately 2 hours including an intermission</p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="heading_3"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse_3" aria-expanded="false" aria-controls="collapse_3"> DRESS CODE & AGE LIMIT </button> </h2> <div id="collapse_3" class="accordion-collapse collapse" aria-labelledby="heading_3" style=""> <div class="accordion-body"> <p>6+ years would require a ticket to enter the event.</p><p style="margin-top: 0cm; background: white; box-sizing: border-box; margin-bottom: 1rem; font-variant-ligatures: normal; font-variant-caps: normal; orphans: 2; text-align: start; widows: 2; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; word-spacing: 0px;"><span style="color: black;">Below 6+ years are not permitted for the event.</span></p> </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="heading_4"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse_4" aria-expanded="false" aria-controls="collapse_4"> TERMS & CONDITIONS </button> </h2> <div id="collapse_4" class="accordion-collapse collapse" aria-labelledby="heading_4" style=""> <div class="accordion-body"> <p>This ticket is sold subject to these Ticketing Terms and Conditions (the “T&C”). The T&C should be read carefully prior to purchase and purchase of Ticket(s) constitutes acceptance of the T&C.</p><ul><li><p>This ticket must be produced to gain entry into an event.</p></li><li><p>Removing any part of, altering or defacing the ticket may invalidate it.</p></li><li><p>This ticket must not, without the prior written consent of Dubai Opera, be resold or used for advertising, promotion or other commercial purposes, if not the ticket will be cancelled immediately.</p></li><li><p>This ticket is only valid for the specific date, time and event shown.</p></li><li><p>Dubai Opera does not offer refunds or exchanges as a result of a change in your personal circumstances. Dubai Opera at its sole discretion may only refund or exchange a ticket if an event is cancelled or rescheduled and you cannot attend the rescheduled event. This includes, but is not limited to, any circumstances related to Covid-19 which might prevent you from attending.</p></li><li><p>Dubai Opera can only replace lost, stolen or damaged tickets if the authenticity of the ticket can be verified, including proof of purchase, subject to replacement fee.</p></li><li><p>Dubai Opera reserves the right to add, withdraw, reschedule or substitute artists and/or vary advertised programmes, prices, seating arrangements and audience capacity without prior notice.</p></li><li><p>Admission to an event is subject to Dubai Opera’s Conditions of Entry which can be found on Dubai Opera’s website www.dubaiopera.com</p></li><li><p>Where concessions are applicable, valid proof of identity and concession entitlement must be provided for collection of tickets at the event.</p></li><li><p>Entry to the event may be subject to age restrictions specified in Dubai Opera’s website www.dubaiopera.com or in publicity for the event, and no refund will be made on the grounds that the ticket holder was not aware of such age restrictions.</p></li><li><p>Dubai Opera reserves the right without refund or compensation to refuse admission/evict any person(s) whose conduct is disorderly or inappropriate or who poses a threat to security, or to the enjoyment of the event by others.</p></li><li><p>The ticket holder agrees to submit to any search for any prohibited items including but not limited to weapons, controlled, dangerous and illegal substances and recording devices.</p></li><li><p>Patrons arriving late to a performance will only be admitted into the venue at a suitable break. Latecomers may be seated in alternate seat locations to avoid disruption of the performance.</p></li><li><p>The use of mobile phones, cameras are relaxed for this event</p></li><li><p>The ticket holder voluntarily assumes all risk and danger incidental to the event whether occurring prior to, during or subsequent to the actual event, including any death, personal injury, loss, damage or liability.</p></li><li><p>Food & Beverage purchased outside Dubai Opera are not permitted. Food and beverages are strictly prohibited inside the studio. This applies before the show, during the show and during the intermission. Exceptions may occur depending on the type of event. </p></li></ul> </div> </div> </div> </div> <div class="mb-0"> <div class="row"> <div class="col-12 col-lg-auto pt-2 pb-2"> <a href="/en-US/direction" class="link-dark text-decoration-none" target="_blank"> <div class="card card-info"> <div class="card-body"> <div class="icon"> <i class="fa-light fa-route"></i> </div> <div class="title"> Get Directions </div> </div> </div> </a> </div> <div class="col-12 col-lg-auto pt-2 pb-2"> <a href="/en-US/accessibility" class="link-dark text-decoration-none"> <div class="card card-info"> <div class="card-body"> <div class="icon"> <i class="fa-light fa-wheelchair"></i> </div> <div class="title"> Accessibility </div> </div> </div> </a> </div> </div> </div> </div> <div class="col-12 col-lg-4 col-xl-3 pt-3 pt-lg-5 pb-4" id="divMoreDates" style="display:none"> <h5>Choose Date & Time</h5> <hr> <div id="divTimeSlots" class="container-event-more-dates"> </div> <nav class="custom-pagination mt-2"> <ul class="pagination justify-content-center text-center text-nowrap"> <li class="page-item p-2" id="liPrevious" onclick="SetNextPrevious(-1);" style="cursor: pointer;"> <a class="page-link" aria-label="Previous"> <span aria-hidden="true"><i class="fa fa-caret-left" aria-hidden="true"></i> Prev </span> </a> </li> <li class="page-item p-2" id="liNext" onclick="SetNextPrevious(1);" style="cursor: pointer;"> <a class="page-link" aria-label="Next"> <span aria-hidden="true"> Next <i class="fa fa-caret-right" aria-hidden="true"></i></span> </a> </li> </ul> </nav> </div> </div> </div> </div> </div> </div> <input id="TotalPages" type="hidden" value="0" /> <input id="CurrentPageNumber" type="hidden" value="0" /> <input id="ProductDatesJson" type="hidden" value="" /> <script type="text/javascript"> $(document).ready(function () { // set dates / timeslots GetDates(); }); function GetDates() { var recordsPerPage = "5" * 1; var productID = GetParameterValues('ID'); if (productID == undefined) productID = ""; if (productID != "") { let token = $('[name=__RequestVerificationToken]').val(); $.ajax({ type: "POST", url: "/Product/CalendarDates?productID=" + productID, headers: { 'RequestVerificationToken': token }, dataType: "html", success: function (data) { if (data != 'undefined') { $("#ProductDatesJson").val(data); var json = $.parseJSON(data); // set total pages for pagination var totalRecords = json.calendarItems.length; var totalPages = Math.ceil(totalRecords / recordsPerPage); $("#TotalPages").val(totalPages); $("#CurrentPageNumber").val(0); if (totalRecords != 0) { ShowTimeSlots(); $("#divMoreDates").css("display", "block"); } } }, error: function (req, status, error) { console.log(error); } }); } } async function ShowTimeSlots() { debugger; $("#divTimeSlots").empty(); var data = $("#ProductDatesJson").val(); if (data != "") { var json = $.parseJSON(data); var totalPages = $("#TotalPages").val() * 1; var recordsPerPage = "5" * 1; var currentPageNumber = $("#CurrentPageNumber").val() * 1; var totalRecords = json.calendarItems.length; var start = 0; var end = 0; var NoTimeSlotAvailableTitle = "no time slots for the day"; var SoldOutTitle = "Sold Out"; var SellingFastTitle = "Selling Fast"; var limitedCapacityWarningLimit = "10" * 1; var capacityPercentage = "35" * 1; if (currentPageNumber == 0) start = 0; else { start = recordsPerPage * currentPageNumber; } if (currentPageNumber == 0) end = recordsPerPage; else { end = recordsPerPage * (currentPageNumber + 1); } if (end > totalRecords) end = totalRecords; var productID = GetParameterValues('ID'); for (let i = start; i < end; i++) { // time slot object var timeslot = json.calendarItems[i]; // get time slots const data = await GetTimeSlots(timeslot.calendarDate, productID); var divTimeSlots = ""; var activitySessions = ""; if (data != 'undefined') { // get time slot from CRM API var jsonActivitySessions = $.parseJSON(data); for (var variant of jsonActivitySessions.timeSlots) { var remainingPercentage = variant.remaining == 0 ? 0 : variant.remaining / variant.total * 100; activitySessions += "<div class='col-6 col-lg-6 pb-2 pb-lg-3'>"; activitySessions += "<button type='button' id='" + variant.activitySessionID + "' class='btn btn-dark btn-sm btn-content w-100' onclick='redirectToSeated(this)' venueLayoutID='" + variant.venueLayoutID + "' data-scheduleid='" + variant.scheduleID + "' date='" + variant.dates.start + "' style='cursor: " + (remainingPercentage == 0 ? "not-allowed" : "pointer") + ";' " + (remainingPercentage == 0 ? "disabled" : "") + " ><span>" + variant.startTimeFormatted + "</span><i class='btn-arrow'></i></button>"; if (remainingPercentage == 0) activitySessions += "<div style='pointer-events: none; opacity: 0.5;' class='badge badge-qty-status badge-qty-status-so badge-qty-status-text'><i class='fa-regular fa-circle-info'></i> " + SoldOutTitle + "</div>"; else if (remainingPercentage > 0 && remainingPercentage <= capacityPercentage) activitySessions += "<div class='badge badge-qty-status badge-qty-status-fs badge-qty-status-text'><i class='fa-regular fa-circle-info'></i> " + SellingFastTitle + "</div>"; activitySessions += "</div>"; } } var date = jsonActivitySessions.date; // get day var day = new Date(date).getUTCDate(); if (day.length < 2) day = '0' + day; //get formatted date var dateString = GetMonthName(new Date(date)) + " " + day + " " + GetWeekName(new Date(date)); divTimeSlots += "<div class='slot'>"; divTimeSlots += "<div class='slot-date'>" + dateString + "</div>"; divTimeSlots += "<div class='row'>"; if (activitySessions != "") { divTimeSlots += activitySessions; } else { divTimeSlots += "<div>" + NoTimeSlotAvailableTitle + "</div>"; } divTimeSlots += "</div>"; divTimeSlots += "</div>"; $("#divTimeSlots").append(divTimeSlots); } if (currentPageNumber == 0) { $("#liPrevious").css("pointer-events", "none"); } else { $("#liPrevious").css("pointer-events", "auto"); } if ((currentPageNumber + 1) == totalPages) { $("#liNext").css("pointer-events", "none"); } else { $("#liNext").css("pointer-events", "auto"); } } } async function GetTimeSlots(calendarDate, productID) { let result; try { let token = $('[name=__RequestVerificationToken]').val(); result = await $.ajax({ type: "POST", headers: { 'RequestVerificationToken': token }, url: "/Product/TimeSlots?date=" + calendarDate + "&productID=" + productID, dataType: "html" }); return result; } catch (error) { console.error(error); } } function GetParameterValues(param) { var url = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for (var i = 0; i < url.length; i++) { var urlparam = url[i].split('='); if (urlparam[0] == param) { return urlparam[1]; } } } function SetNextPrevious(number) { var CurrentPageNumber = ($("#CurrentPageNumber").val() * 1) + number; $("#CurrentPageNumber").val(CurrentPageNumber); ShowTimeSlots(); } function GetWeekName(date) { var weekdays = new Array(7); weekdays[0] = "Sunday"; weekdays[1] = "Monday"; weekdays[2] = "Tuesday"; weekdays[3] = "Wednesday"; weekdays[4] = "Thursday"; weekdays[5] = "Friday"; weekdays[6] = "Saturday"; return weekdays[date.getUTCDay()]; } function GetMonthName(date) { var month = new Array(); month[0] = "January"; month[1] = "February"; month[2] = "March"; month[3] = "April"; month[4] = "May"; month[5] = "June"; month[6] = "July"; month[7] = "August"; month[8] = "September"; month[9] = "October"; month[10] = "November"; month[11] = "December"; return month[date.getUTCMonth()]; } function redirectToSeated(id) { let productID = GetParameterValues('ID'); if (productID == undefined) productID = ""; let venuelayoutid = $(id).attr("venuelayoutid"); let scheduleid = $(id).attr("data-scheduleid"); let date = $(id).attr("date"); let isSeated = true; $("#hdnSelectedProduct").val(productID); $("#hdnSelectedDate").val(date); $("#hdnSelectedActivitySessionID").val(id.id); if (isSeated) { if (IsGTMEnabled()) { GoogleDataLayer("add_to_cart"); } if (productID != "") { window.location = "seated?productID=" + productID + "&activitySessionID=" + id.id + "&layoutID=" + venuelayoutid + "&scheduleID=" + scheduleid + "&date=" + new Date(date).toJSON(); } } else { $("#divSelectedDate").html($.datepicker.formatDate("dd M yy", GetUTCDateFromStringDate(date)) + " | " + $(id).find('span').first().html()); GetVariants(); } } function GetVariants() { $('#btnBookNow').prop('disabled', true); $("#divProductVariants").html(""); $("#spanTotalPrice").html("0"); // get error container var errorContainer = $('#errorContainer'); var errorTextContainer = $('#errorTextContainer'); errorTextContainer.empty(); errorContainer.hide(); const symbol = "AED"; const productVariantPriceDescriptionTitle = ""; const selectedDate = $.datepicker.formatDate("yy-mm-dd", GetUTCDateFromStringDate($("#hdnSelectedDate").val())); let token = $('[name=__RequestVerificationToken]').val(); $.ajax({ type: "POST", url: "/Product/Variants?date=" + selectedDate + "&ticketingID=" + $("#hdnSelectedProduct").val(), headers: { 'RequestVerificationToken': token }, dataType: "html", beforeSend: function (xhr) { $('#ModalLoading').modal('show'); }, complete: function () { $('#ModalLoading').modal('hide'); }, success: function (data) { if (data != 'undefined') { // get variants from CRM API var json = $.parseJSON(data); var selectedVariants = []; var selectedVariantQuantities = []; //var count = 1; var tdDescriptionSelectedVariant = []; var spanDescriptionSelectedVariant = []; var minTickets = 0; var maxTickets = 0; $("#divSelectVaraints").css("pointer-events", "auto"); for (var variant of json.variants) { // check if hasSpecificSchedules if (variant.hasSpecificSchedules && variant.schedules != null) { var found = variant.schedules.match(new RegExp("(?:^|,)" + $("#hdnSelectedActivitySessionID").val() + "(?:,|$)")); if (found == null) { continue; } } tdDescriptionSelectedVariant.push("<span id='" + variant.variantID + "_description_quantity'>0</span> " + variant.name); spanDescriptionSelectedVariant.push("<span id='span_" + variant.variantID + "_description_quantity'>0</span> " + variant.name); selectedVariants.push(variant.variantID); selectedVariantQuantities.push(0); minTickets = variant.minTickets; maxTickets = variant.maxTickets; //if (count < json.variants.length) { // selectedVariants += ","; // selectedVariantQuantities += ","; //} //count = count + 1; // get product variants divProductVariant = "<div class='mb-2'>" + " <table class='w-100 m-0'>" + " <tbody>" + " <tr>" + " <td class='align-top'>" + " <div class='fw-bold type'>" + variant.name + "</div>" + " <div class='text-muted price'>" + symbol + " " + variant.price + " " + productVariantPriceDescriptionTitle + "</div>" + " </td>" + " <td class='align-top input-group-qty-container'>" + " <div class='input-group input-group-qty input-group-qty-white'>" + " <button id='" + variant.variantID + "_Substract' class='btn btn-input-group-qty btn-qty-input-group-minus' type='button' onclick='AddRemoveProductVariant(this)'><i class='fa-light fa-circle-minus'></i></button>" + " <input id='" + variant.variantID + "_Quantity' type='text' min='" + minTickets + "' max='" + maxTickets + "' class='form-control form-control-input-group-qty text-center' value='0' readonly=''>" + " <input id='" + variant.variantID + "_Price' type='hidden' value='" + variant.price + "' readonly=''>" + " <input id='" + variant.variantID + "_MinQuantity' type='hidden' value='" + minTickets + "'>" + " <input id='" + variant.variantID + "_MaxQuantity' type='hidden' value='" + maxTickets + "'>" + " <button id='" + variant.variantID + "_Add' class='btn btn-input-group-qty btn-qty-input-group-plus' type='button' onclick='AddRemoveProductVariant(this)'><i class='fa-light fa-circle-plus'></i></button>" + " </div>" + " </td>" + " </tr>" + " </tbody>" + " </table>" + "</div>"; $("#divProductVariants").append(divProductVariant); } // show dialog $("#ModalSelectNumberOfTickets").modal("show"); // set all variants $("#hdnSelectedVariants").val(selectedVariants.toString()); $("#hdnSelectedVariantQuantities").val(selectedVariantQuantities.toString()); $("#tdDescriptionSelectedVariants").html(replaceAll(tdDescriptionSelectedVariant.toString(), ',', ', ')); $("#spanDescriptionSelectedVariants").html(replaceAll(spanDescriptionSelectedVariant.toString(), ',', ' / ')); } }, error: function (req, status, error) { console.log(error); } }); } function replaceAll(target, search, replacement) { return target.replace(new RegExp(search, 'g'), replacement); } function AddRemoveProductVariant(id) { var variantID = id.id.split("_")[0]; var varQuantity = 0; var maxQuantity = $("#" + variantID + "_MaxQuantity").val(); var minQuantity = $("#" + variantID + "_MinQuantity").val(); if (id.id == variantID + "_Add") { varQuantity = ($("#" + variantID + "_Quantity").val() * 1) + 1; if (maxQuantity > 0 && varQuantity > maxQuantity) varQuantity = maxQuantity; } else if (id.id == variantID + "_Substract") { varQuantity = ($("#" + variantID + "_Quantity").val() * 1) - 1; if (varQuantity < 0) { varQuantity = 0; } } $("#" + variantID + "_Quantity").val(varQuantity); $("#" + variantID + "_description_quantity").html(varQuantity); $("#span_" + variantID + "_description_quantity").html(varQuantity); var selectedVariantsArray = $("#hdnSelectedVariants").val().split(','); // update variant quantity for (let i = 0; i < selectedVariantsArray.length; i++) { if (selectedVariantsArray[i] == variantID) { var selectedVariantQuantitiesArray = $("#hdnSelectedVariantQuantities").val().split(','); selectedVariantQuantitiesArray[i] = varQuantity; $("#hdnSelectedVariantQuantities").val(selectedVariantQuantitiesArray.toString()); break; } } // update total price var totalPrice = 0; for (let j = 0; j < selectedVariantsArray.length; j++) { var variantID = selectedVariantsArray[j]; var quantity = $("#" + variantID + "_Quantity").val() * 1; var price = $("#" + variantID + "_Price").val() * 1; totalPrice = totalPrice + (quantity * price); } $("#spanTotalPrice").html(totalPrice); var allValues = CheckAllValuesZero($("#hdnSelectedVariantQuantities").val()); if (allValues) { $('#btnBookNow').prop('disabled', true); } else { $('#btnBookNow').prop('disabled', false); } } // Function to check if all values are zero function CheckAllValuesZero(string) { var valuesArray = string.split(',').map(Number); // Convert string values to numbers var allZero = true; $.each(valuesArray, function(index, value) { if (value !== 0) { allZero = false; return false; // exit the loop early if a non-zero value is found } }); return allZero; } function ValidateAndCreateBooking() { $('#btnBookNow').prop('disabled', true); var errorContainer = $('#errorContainer'); var errorTextContainer = $('#errorTextContainer'); errorTextContainer.empty(); errorContainer.hide(); var productID = $("#hdnSelectedProduct").val(); var selectedDate = $.datepicker.formatDate("yy-mm-dd", GetUTCDateFromStringDate($("#hdnSelectedDate").val())); var productVariants = $("#hdnSelectedVariants").val(); var productVariantQuantities = $("#hdnSelectedVariantQuantities").val(); var culture = $("#hdnCulture").val(); var activitySessionID = $("#hdnSelectedActivitySessionID").val(); var productVariantQuantitiesArray = productVariantQuantities.split(','); // check variant quantities and return if all are zero var nonZeroQuantity = false; for (let i = 0; i < productVariantQuantitiesArray.length; i++) { if (productVariantQuantitiesArray[i] != 0) { nonZeroQuantity = true; break; } } if (nonZeroQuantity == false) { return; } let token = $('[name=__RequestVerificationToken]').val(); $.ajax({ type: "POST", url: "/Product/CreateBooking?productID=" + productID + "&date=" + selectedDate + "&productVariants=" + productVariants + "&productVariantQuantities=" + productVariantQuantities + "&culture=" + culture + "&activitySessionID=" + activitySessionID, headers: { 'RequestVerificationToken': token }, dataType: "json", contentType: "application/json; charset=utf-8", beforeSend: function (xhr) { $("#divModalContent").addClass("modal-content-loading"); }, complete: function () { $("#divModalContent").removeClass("modal-content-loading"); }, success: function (data) { if (data != "") window.location = 'addons-page?bookingid=' + data; }, error: function (req, status, error) { $("#divModalContent").removeClass("modal-content-loading"); $('#btnBookNow').prop('disabled', false); errorTextContainer.append($('<span></span>').append(req.responseText)); errorContainer.show(); } }); } function GetUTCDateFromStringDate(date) { var utcDate = new Date(date); return new Date(utcDate.getUTCFullYear(), utcDate.getUTCMonth(), utcDate.getUTCDate(), utcDate.getUTCHours(), utcDate.getUTCMinutes(), utcDate.getUTCSeconds()); } </script> <input id="hdnSelectedProduct" type="hidden" value="0" /> <input id="hdnSelectedDate" type="hidden" value="0" /> <input id="hdnSelectedVariants" type="hidden" value="0" /> <input id="hdnSelectedVariantQuantities" type="hidden" value="0" /> <input id="hdnSelectedActivitySessionID" type="hidden" value="0" /> <input id="hdnCulture" type="hidden" value="en-US" /> <div class="modal fade" id="ModalSelectNumberOfTickets" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-modal="true" role="dialog"> <div class="modal-dialog modal-dialog-centered" style="max-width: 400px;"> <div id="divModalContent" class="modal-content"> <div class="modal-loader"> <div class="text-center w-100"> <i class="fa-regular fa-circle-notch fa-spin modal-loading-icon"></i> <span class="modal-loading-label">Loading</span> </div> </div> <div class="modal-header ps-lg-4 pe-lg-4"> <h1 class="modal-title fs-5">Number of Tickets</h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body ps-lg-4 pe-lg-4"> <hr class="modal-header-hr"> <div> <div id="errorContainer" class="alert alert-danger align-items-center alert-custom" role="alert" style="display:none"> <i class="fa-solid fa-triangle-exclamation m-1"></i> <span id="errorTextContainer"></span> </div> <div class="mb-3"> <h6 class="mt-1 mb-1">Ballet Gala – National Ballet of China</h6> <div class="text-muted" id="divSelectedDate"></div> </div> <div> <div id="divProductVariants"></div> <div class="mt-1"> <table class="w-100 m-0"> <tbody> <tr> <td class="text-start text-muted align-top totals" id="tdDescriptionSelectedVariants"> </td> <td class="text-end text-muted align-top totals input-group-qty-container"> AED <span id="spanTotalPrice">0</span> </td> </tr> </tbody> </table> </div> </div> </div> </div> <div class="modal-footer"> <a href="#" class="btn btn-outline-dark btn-lg" data-bs-dismiss="modal">Cancel</a> <button id="btnBookNow" onclick="ValidateAndCreateBooking()" class="btn btn-dark btn-lg">Proceed</button> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { if (IsGTMEnabled()) { GoogleDataLayer("view_item"); } }); function GoogleDataLayer(eventName) { let googleDataLayer = { "event": eventName, "ecommerce": { "currency": "AED", "items": [ { 'item_id': '5bfa96b3-95a0-ee11-be36-000d3a6c235a', 'item_name': 'Ballet Gala – National Ballet of China', 'item_brand': 'Dubai Opera', 'item_category': 'Ballet', }, ] } } // Clear the previous ecommerce object. dataLayer.push({ ecommerce: null }); // push to google datalayer dataLayer.push(googleDataLayer); } </script> </section> </article> </div> <div class="container-fluid container-fluid-footer bg-primary pt-4 pb-3 text-white"> <div class="container container-footer pt-5 pb-3"> <div class="row justify-content-center g-2"> <div class="col-12"> <div class="row justify-content-center text-center mb-4"> <div class="col-11 col-sm-4 col-md-4 col-lg-4 col-xl-3 pt-2 pb-2"> <div class="row justify-content-center"> <div class="col-auto"> <h6 class="mb-2 fw-normal title-footer-partners">Official Partners</h6> <hr class="mt-2 mb-2"> </div> </div> <div class="row justify-content-center"> <div class="col-6 col-md-6 col-lg-6 col-xl-6 text-center pt-1 pb-1 col-main-partners"> <a href="https://www.americanexpress.ae/" target="_blank"> <img src="/media/amex.png" class="d-block w-100 img-footer-main-partners" alt="AMEX" /> </a> </div> <div class="col-6 col-md-6 col-lg-6 col-xl-6 text-center pt-1 pb-1 col-main-partners"> <a href="https://www.audi-dubai.com/" target="_blank"> <img src="/media/Audi_Rings_Medium_wh-RGB.svg" class="d-block w-100 img-footer-main-partners" alt="Audi Logo" /> </a> </div> </div> </div> <div class="col-11 col-sm-4 col-md-4 col-lg-4 col-xl-3 pt-2 pb-2"> <div class="row justify-content-center"> <div class="col-auto"> <h6 class="mb-2 fw-normal title-footer-partners">Ballet & Dance Sponsor</h6> <hr class="mt-2 mb-2"> </div> </div> <div class="row justify-content-center"> <div class="col-6 col-md-6 col-lg-6 col-xl-6 text-center pt-1 pb-1 col-main-partners"> <a href="https://www.vancleefarpels.com" target="_blank"> <img src="/media/VCA_new.svg" class="d-block w-100 img-footer-main-partners" alt="VCA" /> </a> </div> </div> </div> <div class="col-11 col-sm-4 col-md-4 col-lg-4 col-xl-3 pt-2 pb-2"> <div class="row justify-content-center"> <div class="col-auto"> <h6 class="mb-2 fw-normal title-footer-partners">Strategic Partners</h6> <hr class="mt-2 mb-2"> </div> </div> <div class="row justify-content-center"> <div class="col-6 col-md-6 col-lg-6 col-xl-6 text-center pt-1 pb-1 col-main-partners"> <a href="https://www.visitdubai.com/" target="_blank"> <img src="/media/Dubai Calendar.svg" class="d-block w-100 img-footer-main-partners" alt="Dubai Calendar " /> </a> </div> <div class="col-6 col-md-6 col-lg-6 col-xl-6 text-center pt-1 pb-1 col-main-partners"> <a href="https://dubaiculture.gov.ae/" target="_blank"> <img src="/media/Dubai Culture.svg" class="d-block w-100 img-footer-main-partners" alt="Dubai Culture " /> </a> </div> </div> </div> </div> <div class="owl-carousel owl-theme owl-partners-footer"> <div class="owl-partner-item pt-2 pb-2"> <div class="row justify-content-center"> <div class="col-auto"> <h6 class="mb-2 fw-normal title-footer-partners">Education Partners</h6> <hr class="mt-2 mb-2"> </div> </div> <div class="row justify-content-center row-footer-partners g-lg-2 g-xl-3"> <div class="col-4 col-lg-4 col-xl-4 text-center pt-1 pb-1 col-partners"> <a href="https://dct.ac.ae/" target="_blank"> <img src="/media/DCT.svg" class="d-block w-100 img-footer-partners" alt="DCT" /> </a> </div> <div class="col-4 col-lg-4 col-xl-4 text-center pt-1 pb-1 col-partners"> <a href="https://www.carnegiehall.org/Education/About-the-Weill-Music-Institute" target="_blank"> <img src="/media/Carnige Hall.svg" class="d-block w-100 img-footer-partners" alt="Carnige Hall" /> </a> </div> </div> </div> <div class="owl-partner-item pt-2 pb-2"> <div class="row justify-content-center"> <div class="col-auto"> <h6 class="mb-2 fw-normal title-footer-partners">Technology Partners</h6> <hr class="mt-2 mb-2"> </div> </div> <div class="row justify-content-center row-footer-partners g-lg-2 g-xl-3"> <div class="col-4 col-lg-4 col-xl-4 text-center pt-1 pb-1 col-partners"> <a href="https://www.dbaudio.com/" target="_blank"> <img src="/media/D&B.svg" class="d-block w-100 img-footer-partners" alt="D B" /> </a> </div> <div class="col-4 col-lg-4 col-xl-4 text-center pt-1 pb-1 col-partners"> <a href="https://www.preevue.com/" target="_blank"> <img src="/media/Preevue.svg" class="d-block w-100 img-footer-partners" alt="Preevue" /> </a> </div> </div> </div> <div class="owl-partner-item pt-2 pb-2"> <div class="row justify-content-center"> <div class="col-auto"> <h6 class="mb-2 fw-normal title-footer-partners">Piano Partner</h6> <hr class="mt-2 mb-2"> </div> </div> <div class="row justify-content-center row-footer-partners g-lg-2 g-xl-3"> <div class="col-4 col-lg-4 col-xl-4 text-center pt-1 pb-1 col-partners"> <a href="https://www.steinway.com/" target="_blank"> <img src="/media/Steinway & Sons-01.svg" class="d-block w-100 img-footer-partners" alt="Steinway & Sons" /> </a> </div> </div> </div> <div class="owl-partner-item pt-2 pb-2"> <div class="row justify-content-center"> <div class="col-auto"> <h6 class="mb-2 fw-normal title-footer-partners">Hospitality Partners</h6> <hr class="mt-2 mb-2"> </div> </div> <div class="row justify-content-center row-footer-partners g-lg-2 g-xl-3"> <div class="col-4 col-lg-4 col-xl-4 text-center pt-1 pb-1 col-partners"> <a href="https://www.armanihotels.com/" target="_blank"> <img src="/media/Armani.svg" class="d-block w-100 img-footer-partners" alt="Armani" /> </a> </div> <div class="col-4 col-lg-4 col-xl-4 text-center pt-1 pb-1 col-partners"> <a href="https://www.rovehotels.com/" target="_blank"> <img src="/media/Rove.svg" class="d-block w-100 img-footer-partners" alt="Rove" /> </a> </div> <div class="col-4 col-lg-4 col-xl-4 text-center pt-1 pb-1 col-partners"> <a href="https://www.addresshotels.com/" target="_blank"> <img src="/media/Adress.svg" class="d-block w-100 img-footer-partners" alt="Address" /> </a> </div> </div> </div> <div class="owl-partner-item pt-2 pb-2"> <div class="row justify-content-center"> <div class="col-auto"> <h6 class="mb-2 fw-normal title-footer-partners">Member of</h6> <hr class="mt-2 mb-2"> </div> </div> <div class="row justify-content-center row-footer-partners g-lg-2 g-xl-3"> <div class="col-4 col-lg-4 col-xl-4 text-center pt-1 pb-1 col-partners"> <a href="https://opera-europa.org/about-us/members/dubai-opera" target="_blank"> <img src="/media/logowhite[37].png" class="d-block w-100 img-footer-partners" alt="Member of" /> </a> </div> </div> </div> </div> <script> $('.owl-partners-footer').owlCarousel({ loop: true, dots: true, margin: 0, responsiveClass: true, items: 5, nav: false, autoWidth: false, autoplay: true, responsive: { 0: { items: 1, autoplay: true, smartSpeed: 500, margin: 12.5 }, 480: { items: 2, margin: 12.5, autoplay: true, smartSpeed: 500, margin: 12.5 }, 780: { items: 3, margin: 12.5, autoplay: true, smartSpeed: 500, margin: 12.5 }, 1080: { items: 4, smartSpeed: 500, margin: 12.5 }, 1280: { items: 5 }, 1380: { items: 5 } } }) </script> </div> </div> <hr class="mt-5 mb-5"> <div class="row"> <div class="col-6 col-md-4 col-lg-3 col-xl-2 pt-3 pb-3"> <div class="mb-2"> <a href="/en-US/accessibility" class="text-white text-decoration-none">Accessibility</a> </div> <div class="mb-2"> <a href="/en-US/direction" class="text-white text-decoration-none">Get Directions</a> </div> <div class="mb-2"> <a href="/en-US/dining" class="text-white text-decoration-none">Dining</a> </div> <div class="mb-2"> <a href="/en-US/faqs" class="text-white text-decoration-none">FAQ's</a> </div> </div> <div class="col-6 col-md-4 col-lg-3 col-xl-2 pt-3 pb-3"> <div class="mb-2"> <a href="/en-US/contact-us" class="text-white text-decoration-none">Contact Us</a> </div> <div class="mb-2"> <a href="/en-US/terms-conditions" class="text-white text-decoration-none">Terms and Conditions</a> </div> <div class="mb-2"> <a href="/en-US/privacy-policy" class="text-white text-decoration-none">Privacy Policy</a> </div> <div class="mb-2"> <a href="https://emhm.fa.em2.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_1001/requisitions?sortBy=POSTING_DATES_DESC&keyword=ENTERTAINMENT" class="text-white text-decoration-none">Careers</a> </div> </div> </div> <hr class="mt-5 mb-5"> <div class="container-collapsed-links"> <div class="mb-5 collapse" id="container-collapsed-links"> <div class="row"> <div class="col-md-4 col-lg-3 text-nowrap pt-2 pb-2"> <a href="https://www.emaar.com/en/" class="text-white text-link">Properties</a> </div> <div class="col-md-4 col-lg-3 text-nowrap pt-2 pb-2"> <a href="https://www.emaarhospitality.com/" class="text-white text-link">Hospitality</a> </div> <div class="col-md-4 col-lg-3 text-nowrap pt-2 pb-2"> <a href="https://thedubaimall.com/" class="text-white text-link">Malls</a> </div> <div class="col-md-4 col-lg-3 text-nowrap pt-2 pb-2"> <a href="https://www.burjkhalifa.ae/en/" class="text-white text-link">Burj Khalifa</a> </div> <div class="col-md-4 col-lg-3 text-nowrap pt-2 pb-2"> <a href="https://www.addresshotels.com/en/" class="text-white text-link">Address Hotels + Resorts</a> </div> <div class="col-md-4 col-lg-3 text-nowrap pt-2 pb-2"> <a href="http://www.eii.ae/" class="text-white text-link">Industries Investments</a> </div> <div class="col-md-4 col-lg-3 text-nowrap pt-2 pb-2"> <a href="https://www.ubyemaar.com/" class="text-white text-link">U By Emaar</a> </div> <div class="col-md-4 col-lg-3 text-nowrap pt-2 pb-2"> <a href="https://www.reelcinemas.ae/en/" class="text-white text-link">Reel Cinemas</a> </div> <div class="col-md-4 col-lg-3 text-nowrap pt-2 pb-2"> <a href="https://www.dubaiicerink.com/" class="text-white text-link">Dubai Ice Rink</a> </div> <div class="col-md-4 col-lg-3 text-nowrap pt-2 pb-2"> <a href="https://www.vrparkdubai.com" class="text-white text-link">VR Park</a> </div> <div class="col-md-4 col-lg-3 text-nowrap pt-2 pb-2"> <a href="https://dubai.kidzania.com/en-ae/" class="text-white text-link">KidZania</a> </div> <div class="col-md-4 col-lg-3 text-nowrap pt-2 pb-2"> <a href="https://www.thedubaiaquarium.com/" class="text-white text-link">Dubai Aquarium Underwater Zoo</a> </div> </div> </div> <div class="row"> <div class="col-12 col-md-6 text-start text-md-start order-2 order-md-1 pt-2 pb-2"> <div class=""> <img src="/media/EmaarE.svg" class="footer-emaar-logo" alt="EmaarE.svg"> <a class="text-white text-link collapsed toggle-collapsed-links" data-bs-toggle="collapse" data-bs-target="#container-collapsed-links" aria-expanded="false"> View all Group Entities <i class="fal ms-2 fa-angle-up collapsed-links-icon collapsed-links-icon-up" aria-hidden="true"></i> <i class="fal ms-2 fa-angle-down collapsed-links-icon collapsed-links-icon-down" aria-hidden="true"></i> </a> </div> </div> <div class="col-12 col-md-6 text-start text-md-end order-1 order-md-2 pt-2 pb-2"> <div class="row justify-content-md-end row-social"> <div class="col-5 col-md-auto text-end text-md-end order-2 order-md-1"> <a href="https://www.facebook.com/dubaiopera" class="text-white m-2"><i class="fa fa-facebook footer-social-icon" aria-hidden="true"></i></a> <a href="https://twitter.com/dubaiopera" class="text-white m-2"><i class="fa-brands fa-x-twitter footer-social-icon" aria-hidden="true"></i></a> <a href="https://www.instagram.com/dubaiopera" class="text-white m-2"><i class="fa fa-instagram footer-social-icon" aria-hidden="true"></i></a> </div> <div class="col-7 col-md-auto text-start text-md-end order-1 order-md-2"> <span class="footer-copyright">© 2024 Dubai Opera LLC</span> </div> </div> </div> </div> </div> </div> </div> <a href="#" class="back-to-top" style="display: none;"><i class="fa-regular fa-angle-up"></i></a> <!-- Modal Loading Start --> <div class="modal modal-loading" id="ModalLoading" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="ModalLoading" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-body"> <i class="fa-regular fa-circle-notch fa-spin modal-loading-icon"></i> <span class="modal-loading-label">Loading</span> </div> </div> </div> </div> <!-- Modal Loading End --> <script> $(document).ready(function () { // Back to top button $(window).scroll(function () { if ($(this).scrollTop() > 100) { $('.back-to-top').fadeIn('slow'); } else { $('.back-to-top').fadeOut('slow'); } }); $('.back-to-top').click(function () { $('html, body').animate({ scrollTop: 0 }, 1500, 'easeInOutExpo'); return false; }); }) </script> <script> var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]')) var popoverList = popoverTriggerList.map(function (popoverTriggerEl) { return new bootstrap.Popover(popoverTriggerEl) }) // Check if Google Tag Manager is enabled function IsGTMEnabled() { // Check if the GTM script tag is present in the DOM var scriptTags = document.getElementsByTagName('script'); for (var i = 0; i < scriptTags.length; i++) { if (scriptTags[i].src && scriptTags[i].src.indexOf('googletagmanager.com') !== -1) { return true; } } return false; } </script> </body> </html>