<!doctype html>
<html class="no-js" lang="en" dir="ltr">
<head>
    <script>
    window.atp_settings = {};
    window.atp_settings.pre_roll_ad_unit = "video-ad-atp";
</script>



    <!-- GTM Head Tag -->
    

<!-- Google Tag Manager -->
<script nonce="28e30305-f376-4acb-a2b7-50b52f0845f8">
        (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.nonce='28e30305-f376-4acb-a2b7-50b52f0845f8'; j.src =
                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-KP6F8L8');
</script>
<!-- End Google Tag Manager -->

    

    

    
<!-- disable auto format for telephone numbers -->
<meta name="format-detection" content="telephone=no">

<meta name="viewport" content="initial-scale=1.0, width=device-width, user-scalable=yes, minimum-scale=1.0, maximum-scale=1.25">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE">


<meta property="fb:app_id" content="" />
<meta property="fb:pages" content="">

<meta name="google" content="notranslate" />
<meta name="medium" content="website" />

    <title>News | ATP Tour | Tennis</title>
    <meta name="description" content="The official source for the latest news from the ATP Tour and the world of men&#39;s professional tennis." />
    <meta name="title" content="News | ATP Tour | Tennis" />
    <meta name="keywords" content="" />
    <meta name="thumbnail" content="" />
    <meta property="pageTransitionTitle" content="News" />
    <!-- facebook -->
    <meta property='og:locale' content="en" />
    <meta property='og:type' content="" />
    <meta property='og:title' content="News | ATP Tour | Tennis" />
    <meta property='og:description' content="The official source for the latest news from the ATP Tour and the world of men&#39;s professional tennis." />
    <meta property='og:image' content="" />
    <meta property='og:url' content="http://www.atptour.com/en/news" />
    <meta property='og:site_name' content="ATP Tour" />
    <!-- twitter -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:title" content="News | ATP Tour | Tennis" />
    <meta name="twitter:creator" content="@atptour" />
    <meta name="twitter:description" content="The official source for the latest news from the ATP Tour and the world of men&#39;s professional tennis." />
    <meta name="twitter:image" content="" />


<link rel='alternate' hreflang='en' href="https://www.atptour.com/en/news" />
<link rel='alternate' hreflang='es' href="https://www.atptour.com/es/news" />
<link rel='alternate' hreflang='ja' href="https://www.atptour.com/ja/news" />
<link rel='alternate' hreflang='it' href="https://www.atptour.com/it/news" />


    <meta name="apple-itunes-app" content="app-id=1480255719">





    <link rel="preload" href="/assets/atptour/fonts/creatodisplay-regular-webfont.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/assets/atptour/fonts/creatodisplay-medium-webfont.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/assets/atptour/fonts/creatodisplay-extrabold-webfont.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/assets/atptour/fonts/creatodisplay-bold-webfont.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/assets/atptour/fonts/creatodisplay-black-webfont.woff2" as="font" type="font/woff2" crossorigin>

    <link nonce="28e30305-f376-4acb-a2b7-50b52f0845f8" rel="stylesheet" href="/assets/atptour/css/atptour.css?bust=639113417970135866">
    <!-- Google Ad Manager Header -->
    <script type="text/plain" nonce="28e30305-f376-4acb-a2b7-50b52f0845f8" async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" class="optanon-category-C0004"></script>
<script nonce="28e30305-f376-4acb-a2b7-50b52f0845f8" defer>
    window.googletag = window.googletag || { cmd: [] };

    googletag["slots"] = [];

    googletag.cmd.push(function () {
    googletag.pubads().setForceSafeFrame(true);
    



    
        googletag.slots['div-gpt-ad-Header'] = googletag.defineSlot('/21840952109/Header', [728,90], 'div-gpt-ad-Header')
        .defineSizeMapping(googletag.sizeMapping().addSize([728, 0],  [728,90]).addSize([0, 0], [320,50] ).build())
        .setCollapseEmptyDiv(true)
        .setTargeting('Position', ['ATP Header'])
        .addService(googletag.pubads());
    
    
        googletag.slots['div-gpt-ad-Footer'] = googletag.defineSlot('/21840952109/Footer', [728,90], 'div-gpt-ad-Footer')
        .defineSizeMapping(googletag.sizeMapping().addSize([728, 0],  [728,90]).addSize([0, 0], [320,50] ).build())
        .setCollapseEmptyDiv(true)
        .setTargeting('Position', ['ATP Footer'])
        .addService(googletag.pubads());
    
    
        googletag.slots['div-gpt-ad-Body-Slot-1'] = googletag.defineSlot('/21840952109/Body-Slot-1', [300,250], 'div-gpt-ad-Body-Slot-1')
        .defineSizeMapping(googletag.sizeMapping().addSize([728, 0],  [300,250]).addSize([0, 0], []).build())
        .setCollapseEmptyDiv(true)
        .setTargeting('Position', ['ATP Body Slot 1'])
        .addService(googletag.pubads());
    



    googletag.pubads().enableSingleRequest();
    googletag.pubads().collapseEmptyDivs();

        googletag.pubads().
            setTargeting('Language',['English']).
            setTargeting('Site',['ATP Tour']).
            setTargeting('Device',['Desktop']);

    googletag.enableServices();
    });
</script>


    <!-- Bloomreach JS -->
    

<style>
    .xnpe_async_hide {
        opacity: 0 !important
    }
</style>
<script type="text/javascript">
    console.log("Bloomreach JS Init")
    !function (e, n, t, i, r, o) { function s(e) { if ("number" != typeof e) return e; var n = new Date; return new Date(n.getTime() + 1e3 * e) } var a = 4e3, c = "xnpe_async_hide"; function p(e) { return e.reduce((function (e, n) { return e[n] = function () { e._.push([n.toString(), arguments]) }, e }), { _: [] }) } function m(e, n, t) { var i = t.createElement(n); i.src = e; var r = t.getElementsByTagName(n)[0]; return r.parentNode.insertBefore(i, r), i } function u(e) { return "[object Date]" === Object.prototype.toString.call(e) } o.target = o.target || "https://api.exponea.com", o.file_path = o.file_path || o.target + "/js/exponea.min.js", r[n] = p(["anonymize", "initialize", "identify", "getSegments", "update", "track", "trackLink", "trackEnhancedEcommerce", "getHtml", "showHtml", "showBanner", "showWebLayer", "ping", "getAbTest", "loadDependency", "getRecommendation", "reloadWebLayers", "_preInitialize", "_initializeConfig"]), r[n].notifications = p(["isAvailable", "isSubscribed", "subscribe", "unsubscribe"]), r[n].segments = p(["subscribe"]), r[n]["snippetVersion"] = "v2.7.0", function (e, n, t) { e[n]["_" + t] = {}, e[n]["_" + t].nowFn = Date.now, e[n]["_" + t].snippetStartTime = e[n]["_" + t].nowFn() }(r, n, "performance"), function (e, n, t, i, r, o) { e[r] = { sdk: e[i], sdkObjectName: i, skipExperiments: !!t.new_experiments, sign: t.token + "/" + (o.exec(n.cookie) || ["", "new"])[1], path: t.target } }(r, e, o, n, i, RegExp("__exponea_etc__" + "=([\\w-]+)")), function (e, n, t) { m(e.file_path, n, t) }(o, t, e), function (e, n, t, i, r, o, p) { if (e.new_experiments) { !0 === e.new_experiments && (e.new_experiments = {}); var l, f = e.new_experiments.hide_class || c, _ = e.new_experiments.timeout || a, g = encodeURIComponent(o.location.href.split("#")[0]); e.cookies && e.cookies.expires && ("number" == typeof e.cookies.expires || u(e.cookies.expires) ? l = s(e.cookies.expires) : e.cookies.expires.tracking && ("number" == typeof e.cookies.expires.tracking || u(e.cookies.expires.tracking)) && (l = s(e.cookies.expires.tracking))), l && l < new Date && (l = void 0); var d = e.target + "/webxp/" + n + "/" + o[t].sign + "/modifications.min.js?http-referer=" + g + "&timeout=" + _ + "ms" + (l ? "&cookie-expires=" + Math.floor(l.getTime() / 1e3) : ""); "sync" === e.new_experiments.mode && o.localStorage.getItem("__exponea__sync_modifications__") ? function (e, n, t, i, r) { t[r][n] = "<" + n + ' src="' + e + '"></' + n + ">", i.writeln(t[r][n]), i.writeln("<" + n + ">!" + r + ".init && document.writeln(" + r + "." + n + '.replace("/' + n + '/", "/' + n + '-async/").replace("><", " async><"))</' + n + ">") }(d, n, o, p, t) : function (e, n, t, i, r, o, s, a) { o.documentElement.classList.add(e); var c = m(t, i, o); function p() { r[a].init || m(t.replace("/" + i + "/", "/" + i + "-async/"), i, o) } function u() { o.documentElement.classList.remove(e) } c.onload = p, c.onerror = p, r.setTimeout(u, n), r[s]._revealPage = u }(f, _, d, n, o, p, r, t) } }(o, t, i, 0, n, r, e), function (e, n, t) { var i; e[n]._initializeConfig(t), (null === (i = t.experimental) || void 0 === i ? void 0 : i.non_personalized_weblayers) && e[n]._preInitialize(t), e[n].start = function (i) { i && Object.keys(i).forEach((function (e) { return t[e] = i[e] })), e[n].initialize(t) } }(r, n, o) }(document, "exponea", "script", "webxpClient", window, {
        target: "https://api.uk.exponea.com",
        token: "bfbfcfc0-ba2c-11ee-a3f9-c6fa5202914d",
        experimental: {
            non_personalized_weblayers: true
        },
        // replace with current customer ID or leave commented out for an anonymous customer
        // customer: window.currentUserId,
        track: {
            visits: true,
            google_analytics: false,
        },
    });

    function OptanonWrapper() {
        if (exponea && OnetrustActiveGroups.includes("C0004")) {
            console.log("Starting Bloomreach");
            exponea.start();
        }
    }

</script>

    
    <link rel="icon" href="/assets/atpwt/images/global/favicon.ico">
</head>
<body class="" style="">
    
    <!-- GTM Body Tag -->
    
<!-- Google Tag Manager (noscript) -->
<noscript>
    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KP6F8L8"
            height="0" width="0" class="gtm-hide"></iframe>
</noscript>
<style nonce="28e30305-f376-4acb-a2b7-50b52f0845f8">
    .gtm-hide {
        display: none;
        visibility: hidden;
    }
</style>
<!-- End Google Tag Manager (noscript) -->

    <!--start header section -->
    <div class="atp_header" id="atpTourHeaderApp">
    <h1>ATP Tour</h1>
    <div class="atp_header-secondary">
        <div class="wrapper">
            <div class="section">
                <div class="partner">
                    <a href="https://www.infosys.com/" target="_blank" class="logo-link">
                        <img src="/-/media/sites/atp-tour/header/infosys_logo.png" class="logo-image" alt=""/>
                            <span class="logo-content">DIGITAL INNOVATION PARTNER</span>
                    </a>
                </div>
            </div>
            <div v-if="!isBelowTinyLandscape" class="section tourn" v-cloak>
                <ul class="tournaments">
                    <template v-for="(item, index) in globalNavJSON" :key="index">
                        <li :class="[item.IsActive ? 'active' : '', item.IsSeparator ? 'separator' : '', item.CssClass]">
                            <a :href="item.Link.Url" :target="item.Link.Target" @mouseenter="updateHoverState($event.currentTarget)" @mouseleave="updateGlobalLogoState()">
                                <img class="neutral" :src="item.Image.Url" :alt="item.Image.AltText" :title="item.Image.AltText" />
                                <img class="light" :src="item.ImageLight.Url" :alt="item.ImageLight.AltText" :title="item.ImageLight.AltText" />
                            </a>
                        </li>
                    </template>
                </ul>
            </div>
            <div class="section">
                <div class="navigation" v-if="!isMobile" v-cloak>
                    <navigation
                        :navigation="navigation.secondary"
                        :page="currentPage"
                        :head="currentHead"></navigation>
                </div>
                <template v-if="!isMobile">
                    

    <div class="language">
        <div class="current">
            <a href="#" @click.prevent="handleLanguages" :class="languagesExpanded ? 'active' : ''">EN</a>
        </div>
        <div class="dropdown" :class="dropdownExpanded">
            <ul>
                    <li>
                            <a href="/en" class="active">EN</a>
                    </li>
                    <li>
                            <a href="/es">ES</a>
                    </li>
            </ul>
        </div>
    </div>

                </template>
            </div>
        </div>
        <div v-if="isBelowTinyLandscape" class="global-nav" v-cloak>
            <div class="section tourn">
                <ul class="tournaments">
                    <template v-for="(item, index) in globalNavJSON" :key="index">
                        <li :class="[item.IsActive ? 'active' : '', item.IsSeparator ? 'separator' : '', item.CssClass]">
                            <a :href="item.Link.Url" :target="item.Link.Target" @mouseenter="updateHoverState($event.currentTarget)" @mouseleave="updateGlobalLogoState()">
                                <img class="neutral" :src="item.Image.Url" :alt="item.Image.AltText" :title="item.Image.AltText" />
                                <img class="light" :src="item.ImageLight.Url" :alt="item.ImageLight.AltText" :title="item.ImageLight.AltText" />
                            </a>
                        </li>
                    </template>
                </ul>
            </div>
        </div>
    </div>
    <div class="atp_header-primary">
        <div class="wrapper">
            <div class="section">
                <div v-if="isMobile" class="menu" @click="handleNavigation">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                <div id="site-logo" class="logo">
                    <a href="/en"><img src="/-/media/sites/atp-tour/header/atp-add-all-logo_1.png" class="logo-image" alt="ATPTour"></a>
                </div>
                <div v-if="!isMobile" class="navigation" v-cloak>
                    <ul>
                        <template v-for="(item, index) in navigation.primary" :key="index">
                            <li class="navigation-item nav-link__element" :data-navigation-name="item.NavigationTrackName" :class="[item.Id === currentHead ? 'active' : '', item.SubNavigationItems ? 'expandables' : '']">
                                <a v-if="item.SubNavigationItems" :href="lowercase(item.Url)">
                                    {{ item.Label }}
                                </a>
                                <a v-else :href="lowercase(item.Url)" :target="item.External ? '_blank' : ''">
                                    {{ item.Label }}
                                </a>
                                <div v-if="item.SubNavigationItems" class="navigation-level">
                                    <ul>
                                        <template v-for="(subitem, subindex) in item.SubNavigationItems" :key="`link_${subindex + 1}`">
                                            <li class="navigation-item nav-link__element" :data-navigation-name="subitem.NavigationTrackName"><a :class="subitem.Id === currentPage ? 'active' : ''" :href="lowercase(subitem.Url)" :target="subitem.External ? '_blank' : ''">{{ subitem.Label }} <span v-if="subitem.External" class="icon-external-link"></span></a></li>
                                        </template>
                                    </ul>
                                </div>
                            </li>
                        </template>
                        <li v-if="navigation.more.Links" :class="['corporate-links', isMoreActive ? 'active' : '', navigation.more.Links ? 'expandables' : '']">
                            <a href="#" @click.prevent="">
                                {{ navigation.more.Label }}
                                <span class="hide-text">navigation links</span>
                            </a>
                            <div v-if="navigation.more.Links" class="navigation-level">
                                <template v-for="(level, levelindex) in navigation.more.Links" :key="`level_${levelindex + 1}`">
                                    <div class="column" v-if="level.Items">
                                        <div class="column-header">{{ level.Header }}</div>
                                        <div class="column-links">
                                            <ul>
                                                <li v-for="(sublevel, sublevelindex) in level.Items" class="nav-link__element" :key="`sublevel${sublevelindex + 1}`" :data-navigation-name="sublevel.NavigationTrackName">
                                                    <a :class="sublevel.Id === currentPage ? 'active' : ''" :href="lowercase(sublevel.Url)" :target="sublevel.External ? '_blank' : ''">{{ sublevel.Label }} <span v-if="sublevel.External" class="icon-external-link"></span></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </template>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="section">
                <div class="toolbar">

                        <a href="https://atptourstore.com/?utm_source=MainWebsite&amp;utm_medium=NavBar&amp;utm_campaign=ShopButton" target="_blank">
                            <div class="shop-wrapper">
                                Shop
                                <img class="shop-icon" src="/assets/atptour/assets/atp-store-white.svg" alt="Shop" />
                            </div>
                        </a>

                    
                    <div class="search">
                        <span class="icon-search"></span>
                    </div>
                </div>
                <div class="sponsor">
                    <a href="http://www.emirates.com/" target="_blank" class="sponsor-link">
                        <!-- <img v-if="isMobile" class="sponsor-logo" src="/-/media/sites/atp-tour/header/logo-emirates-mobile_1.svg" alt="Emirates" /> -->
                        <img class="sponsor-logo" src="/-/media/sites/atp-tour/header/logo-emirates-mobile_1.svg" alt="" />
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div v-if="isMobile" class="atp_header-overlay-navigation" :class="overlayClasses" v-cloak>
        <div class="header">
            <div class="close" @click="hideNavigation">
                <span></span>
                <span></span>
            </div>
            <div class="logo">
                <a href="/"><img src="/-/media/sites/atp-tour/header/atp-add-all-logo_1.png" class="logo-image" alt="ATPTour"></a>
            </div>
            <template v-if="isMobile">
                

    <div class="language">
        <div class="current">
            <a href="#" @click.prevent="handleLanguages" :class="languagesExpanded ? 'active' : ''">EN</a>
        </div>
        <div class="dropdown" :class="dropdownExpanded">
            <ul>
                    <li>
                            <a href="/en" class="active">EN</a>
                    </li>
                    <li>
                            <a href="/es">ES</a>
                    </li>
            </ul>
        </div>
    </div>

            </template>
        </div>
        <navigation :navigation="navigation.primary"
                    :head="currentHead"
                    :page="currentPage"
                    :expanded="expandedItem"
                    @menutoggled="setExpandedItem"></navigation>
        <navigation :navigation="navigation.more.Links"
                    :head="currentHead"
                    :page="currentPage"
                    :expanded="expandedItem"
                    :corporate="true"
                    @menutoggled="setExpandedItem"></navigation>
        <navigation :navigation="navigation.secondary"
                    :head="currentHead"
                    :page="currentPage"
                    :expanded="expandedItem"
                    @menutoggled="setExpandedItem"></navigation>
    </div>
    <input type="hidden" class="atp_globalnav-endpoint" value="/-/tour/globalnav" />
    <input type="hidden" class="atp_globalnav-current-url" value="/en/news" />
    <input type="hidden" class="atp_globalnavlanguage-endpoint" value="en" />
    <input type="hidden" class="atp_header-endpoint" value="/en/-/tour/navigationtop" />
    <input type="hidden" class="atp_header-currentPage" value="{DAA216DA-68CE-41F8-86CC-4FFCA8B134F8}" />
    <input type="hidden" class="atp_header-currentHead" value="{40CA0751-7A96-4555-B131-1DBEBA9C4262}" />
    <input type="hidden" class="atp_header-isMoreActive" value="false" />
</div>
<!-- <script nonce="28e30305-f376-4acb-a2b7-50b52f0845f8" id="atpTourHeaderSponsor" type="text/x-template">
    <div class="sponsor">
        <a href="http://www.emirates.com/" target="_blank" class="sponsor-link">
            <img v-if="isMobile" class="sponsor-logo" src="/-/media/sites/atp-tour/header/logo-emirates-mobile_1.svg" alt="Emirates" />
            <img v-else class="sponsor-logo" src="/-/media/sites/atp-tour/header/logo-emirates-mobile_1.svg" alt="" />
        </a>
    </div>
</script> -->
<script id="atpTourNavigation" type="text/x-template">
    <ul v-if="corporate">
    <template v-for="(item, index) in navigation" :key="index" v-cloak>
        <li :class="item.Id === head ? 'active' : ''" :data-navigation-name="item.NavigationTrackName">
            <a v-if="item.Items" :href="lowercase(item.Url)" @click.prevent="handleMenuToggle(item.Id)">
                {{ item.Header }}
                <span v-if="item.Id === expanded" class="icon-chevron-up"></span>
                <span v-else class="icon-chevron-down"></span>
            </a>
            <a v-else :href="lowercase(item.Url)" :target="item.Target">
                {{ item.Header }}
            </a>
            <div v-if="item.Items" :class="['navigation-level', item.Id === expanded ? `${setNavLevelClasses()}` : `${removeNavLevelClasses()}`]">
                <ul>
                    <template v-for="(subitem, subindex) in item.Items" :key="`link_${subindex + 1}`">
                        <li class="nav-link__element" :data-navigation-name="subitem.NavigationTrackName">
                            <a :class="subitem.Id === page ? 'active' : ''" :href="lowercase(subitem.Url)" :target="subitem.Target">{{ subitem.Label }} <span v-if="subitem.External" class="icon-external-link"></span></a>
                        </li>
                    </template>
                </ul>
            </div>
        </li>
    </template>
</ul>
<ul v-else v-cloak>
    <template v-for="(item, index) in navigation" :key="index">
        <li :class="item.Id === head ? 'active' : ''">
            <a v-if="item.SubNavigationItems" :href="lowercase(item.Url)" @click.prevent="handleMenuToggle(item.Id)">
                {{ item.Label }}
                <span v-if="item.Id === expanded" class="icon-chevron-up"></span>
                <span v-else class="icon-chevron-down"></span>
            </a>
            <a v-else :href="lowercase(item.Url)" :target="item.Target">
                {{ item.Label }}
            </a>
            <div v-if="item.SubNavigationItems" :class="['navigation-level', item.Id === expanded ? `${setNavLevelClasses()}` : `${removeNavLevelClasses()}`]">
                <ul>
                    <template v-for="(subitem, subindex) in item.SubNavigationItems" :key="`link_${subindex + 1}`">
                        <li class="nav-link__element" :data-navigation-name="subitem.NavigationTrackName">
                            <a :class="subitem.Id === page ? 'active' : ''" :href="lowercase(subitem.Url)" :target="subitem.Target">{{ subitem.Label }} <span v-if="subitem.External" class="icon-external-link"></span></a>
                        </li>
                    </template>
                </ul>
            </div>
        </li>
    </template>
</ul>

</script>
<div class="atp_search" v-cloak>
    <div v-if="showSearch" class="atp_search-container">
        <div @click="closeSearch" class="atp_search-close">
            <span class="hide-text">Close</span>
        </div>

        <div class="atp_search-input">
            <label for="siteSearch" class="hide-text">Search</label>
            <input type="text" id="siteSearch" name="siteSearch" aria-labelledby="siteSearch" @input="debouncedInputHandler" v-model="searchQuery" ref="siteSearch" placeholder="Search Players and Tournaments" class="search-input" />
            <button v-if="searchQuery.length > 0" @click="clearSearch" class="clear-search-btn">
                <span class="hide-text">Search</span>
            </button>
            <button v-else @click="debouncedInputHandler" class="perform-search-btn">
                <span class="icon-search"></span>
                <span class="hide-text">Search</span>
            </button>
        </div>

        <div v-if="isLoading" class="loader">
            <div class="loading">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
        <div v-else>
            <div class="atp_search-result" v-if="players.length > 0 || tournaments.length > 0">
                <div class="atp_search-result-list">
                    <div class="tournaments" v-if="tournaments.length > 0">
                        <h2 class="hide-text">Header 2</h2>
                        <h3 class="hide-text">Header 3</h3>
                        <h4>TOURNAMENT RESULTS</h4>
                        <div class="list">
                            <div class="list-item" v-for="(tournament, index) in tournaments">
                                <div class="name">
                                    <div class="badge">
                                        <img :src="tournament.TourTypeImageUrl" :alt="'tournament-'+index">
                                    </div>
                                    <div class="info">
                                        <div class="country">
                                            <h3 class="title">
                                                <a :href="lowercase(tournament.TournamentOverviewUrl)">{{tournament.SponsorTitle}}</a>
                                            </h3>
                                            <span class="flag" v-if="tournament.CountryFlagUrl">
                                                <flag :country="getCountryCode(tournament.CountryFlagUrl)"></flag>
                                            </span>
                                        </div>
                                        <div class="date-location">
                                            <span>{{tournament.City}}</span><span> | {{tournament.FormattedDate}}</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="cta">
                                    <a :href="lowercase(tournament.TournamentOverviewUrl)" class="atp_button atp_button--secondary atp_button--secondary-transparent">Profile</a>
                                    <a :href="lowercase(tournament.TournamentLatestNewsUrl)" class="atp_button atp_button--secondary atp_button--secondary-transparent">Latest</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="players" v-if="players.length > 0">
                        <h4>PLAYER RESULTS</h4>
                        <div class="list">
                            <div class="list-item" v-for="(playerProfile, index) in players">
                                <div class="name">
                                    <span v-if="playerProfile.NatlId" class="flag"><flag :country="playerProfile.NatlId.toLowerCase()"></flag></span>
                                    <span>{{playerProfile.FirstName}} {{playerProfile.LastName}}</span>
                                </div>
                                <div class="cta">
                                    <a :href="lowercase(`/en/players/${getProfileUrl(playerProfile.FirstName,playerProfile.LastName,playerProfile.PlayerId)}`)" class="atp_button atp_button--secondary atp_button--secondary-transparent">Profile</a>
                                    <a :href="lowercase(`/en/news/news-filter-results/${getLatestUrl(playerProfile.FirstName,playerProfile.LastName,playerProfile.PlayerId)}`)" class="atp_button atp_button--secondary atp_button--secondary-transparent">Latest</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <input type="hidden" class="atp_search-endpoint" value="-/www/site-search" />
</div>


    <!--end header section -->
    <div class="container">

        

        <div class="wrapper ">
            

            


<div class="atp_ad atp_ad--bordered-bottom  atp_ad-size-90--desktop atp_ad-size-50--mobile">
    <div class="iab-wrapper">
        <div class="adtech-wrapper">
            <div id='div-gpt-ad-Header'>
                <script nonce="28e30305-f376-4acb-a2b7-50b52f0845f8" defer>
                         googletag.cmd.push(function () {
                            googletag.pubads().setForceSafeFrame(true);
                            googletag.display('div-gpt-ad-Header');
                         });
                </script>
            </div>
        </div>
    </div>
</div>

            <div class="atp_layout">
                    <div class="atp_section-nav  ">
            <div class="title">

                    <div class="content">Latest</div>

            </div>
                    <div class="navigation">
                <div class="dropdown">
                    <div class="dropdown-header">
                            <div class="dropdown-current">News</div>
                        <div class="dropdown-cta">
                            <span class="icon-chevron-down"></span>
                            <span class="icon-chevron-up"></span>
                        </div>
                    </div>
                    <div class="dropdown-content">
                        <ul>
                                <li>
                                    <a href="/en/news"  class=&quot;active&quot;>News</a>
                                </li>
                                <li>
                                    <a href="/en/video" >Videos</a>
                                </li>
                        </ul>
                    </div>
                </div>
            </div>
    </div>

                <div class="atp_layout-container">
                    
<div class="atp_layout-content">

    <div class="atp_news-landing">



<div class="atp_card  first large inverse">
    <a href="/en/video/hot-shot-sinner-carves-break-points-with-fine-finish-in-montecarlo-2026-final" class="card-link " data-video-id=6392974073112 data-account=6057277721001 data-player=xO4H0ZXngd_default>
        <div class="image-container">
            <div class="image ">
                <img src="https://cf-images.us-east-1.prod.boltdns.net/v1/static/6057277721001/e9d36033-eea1-44dd-b2ad-3f3106ab5965/b04d8f7c-7ad7-4713-9739-977d96a5b445/1280x720/match/image.jpg" alt="Hot Shot: Sinner carves break points with &#39;fine finish&#39; in Monte-Carlo 2026 final">
            </div>
                <div class="cta">

                    <div class="cta-video">
                        <svg viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M7.66634 4.99992L0.333008 9.66659V0.333252L7.66634 4.99992ZM5.17967 4.99992L1.66634 2.75992V7.23992L5.17967 4.99992Z" fill="white"></path>
                        </svg>
                    </div>

                </div>
        </div>
        <div class="content content--video">
            <div class="tag">
                Hot Shot
            </div>
            <div class="credit">
                
            </div>
            <h3 class="title">
                Hot Shot: Sinner carves break points with &#39;fine finish&#39; in Monte-Carlo 2026 final                
            </h3>
            
        </div>
    </a>
</div>
                <div class="atp_ad-rolex medium">
                    <iframe src="/assets/atptour/assets/third-party/rolex/standard/index.html" width="100%" height="96" scrolling="NO" frameborder="NO"></iframe>
                </div>
                <div class="atp_ad atp_ad--bordered-dual medium">
                    <div class="iab-wrapper">
                        <div class="adtech-wrapper">
                            


<div class="atp_ad atp_ad--bordered-bottom  atp_ad-size-250--desktop ">
    <div class="iab-wrapper">
        <div class="adtech-wrapper">
            <div id='div-gpt-ad-Body-Slot-1'>
                <script nonce="28e30305-f376-4acb-a2b7-50b52f0845f8" defer>
                         googletag.cmd.push(function () {
                            googletag.pubads().setForceSafeFrame(true);
                            googletag.display('div-gpt-ad-Body-Slot-1');
                         });
                </script>
            </div>
        </div>
    </div>
</div>

                        </div>
                    </div>
                </div>


<div class="atp_card  small">
    <a href="/en/video/hot-shot-alcaraz-seals-early-break-in-set-2-with-outrageous-effort-in-monte-carlo-2026-final" class="card-link " data-video-id=6392972222112 data-account=6057277721001 data-player=xO4H0ZXngd_default>
        <div class="image-container">
            <div class="image ">
                <img src="https://cf-images.us-east-1.prod.boltdns.net/v1/static/6057277721001/0f90b8bd-70c7-4371-99ef-5526f6736311/35e90f57-034a-461d-b7b3-b439201cf505/1280x720/match/image.jpg" alt="Hot Shot: Alcaraz seals early break in set 2 with outrageous effort in Monte-Carlo 2026 final">
            </div>
                <div class="cta">

                    <div class="cta-video">
                        <svg viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M7.66634 4.99992L0.333008 9.66659V0.333252L7.66634 4.99992ZM5.17967 4.99992L1.66634 2.75992V7.23992L5.17967 4.99992Z" fill="white"></path>
                        </svg>
                    </div>

                </div>
        </div>
        <div class="content content--video">
            <div class="tag">
                Hot Shot
            </div>
            <div class="credit">
                
            </div>
            <h3 class="title">
                Hot Shot: Alcaraz seals early break in set 2 with outrageous effort in Monte-Carlo 2026 final                
            </h3>
            
        </div>
    </a>
</div>


<div class="atp_card  small">
    <a href="/en/news/sinner-monte-carlo-2026-big-titles" class="card-link " >
        <div class="image-container">
            <div class="image ">
                <img src="/-/media/images/news/2026/04/12/13/12/sinner-monte-carlo-2026-big-titles-16x9.jpg" alt="Sinner pulls to within one Big Title of Alcaraz with Monte-Carlo victory">
            </div>
        </div>
        <div class="content ">
            <div class="tag">
                Big Titles
            </div>
            <div class="credit">
                ATP Staff
            </div>
            <h3 class="title">
                Sinner pulls to within one Big Title of Alcaraz with Monte-Carlo victory                
            </h3>
            
        </div>
    </a>
</div>


<div class="atp_card  small">
    <a href="/en/news/sinner-monte-carlo-2026-return-to-world-no-1" class="card-link " >
        <div class="image-container">
            <div class="image ">
                <img src="/-/media/images/news/2026/04/12/13/21/sinner-monte-carlo-2026-return-to-no-1.jpg" alt="Jannik Sinner to return to World No. 1 Monday">
            </div>
        </div>
        <div class="content ">
            <div class="tag">
                Player News
            </div>
            <div class="credit">
                ATP Staff
            </div>
            <h3 class="title">
                Jannik Sinner to return to World No. 1 Monday                
            </h3>
            
        </div>
    </a>
</div>


<div class="atp_card  extended inline">
    <a href="/en/news/alcaraz-sinner-monte-carlo-2026-final" class="card-link " >
        <div class="image-container">
            <div class="image ">
                <img src="/-/media/images/news/2026/04/12/15/44/sinner-monte-carlo-2026-final-celebration.jpg" alt="Sinner overcomes Alcaraz, wins Monte-Carlo crown">
            </div>
        </div>
        <div class="content ">
            <div class="tag">
                Match Report
            </div>
            <div class="credit">
                Sam Jacot
            </div>
            <h3 class="title">
                Sinner overcomes Alcaraz, wins Monte-Carlo crown                
            </h3>
            
        </div>
    </a>
</div>


<div class="atp_card  extended inline">
    <a href="/en/video/hot-shot-alcaraz-puzzles-sinner-with-deadly-dropper-in-monte-carlo-2026-final" class="card-link " data-video-id=6392970756112 data-account=6057277721001 data-player=xO4H0ZXngd_default>
        <div class="image-container">
            <div class="image ">
                <img src="https://cf-images.us-east-1.prod.boltdns.net/v1/static/6057277721001/88df312b-35c6-4ae7-950d-1276a06a302f/0ee2f90c-4c16-465f-aff7-8fca9f67f067/1280x720/match/image.jpg" alt="Hot Shot: Alcaraz puzzles Sinner with deadly dropper in Monte-Carlo 2026 final">
            </div>
                <div class="cta">

                    <div class="cta-video">
                        <svg viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M7.66634 4.99992L0.333008 9.66659V0.333252L7.66634 4.99992ZM5.17967 4.99992L1.66634 2.75992V7.23992L5.17967 4.99992Z" fill="white"></path>
                        </svg>
                    </div>

                </div>
        </div>
        <div class="content content--video">
            <div class="tag">
                Hot Shot
            </div>
            <div class="credit">
                
            </div>
            <h3 class="title">
                Hot Shot: Alcaraz puzzles Sinner with deadly dropper in Monte-Carlo 2026 final                
            </h3>
            
        </div>
    </a>
</div>


<div class="atp_card  half">
    <a href="/en/news/monte-carlo-2026-doubles-final" class="card-link " >
        <div class="image-container">
            <div class="image ">
                <img src="/-/media/images/news/2026/04/12/11/54/mcdoubles-2026-final.jpg" alt="Krawietz/Puetz triumph in Monte-Carlo">
            </div>
        </div>
        <div class="content ">
            <div class="tag">
                Match Report
            </div>
            <div class="credit">
                Sam Jacot
            </div>
            <h3 class="title">
                Krawietz/Puetz triumph in Monte-Carlo                
            </h3>
            
        </div>
    </a>
</div>


<div class="atp_card  half">
    <a href="/en/news/brad-gilbert-monte-carlo-2026-final-preview" class="card-link " >
        <div class="image-container">
            <div class="image ">
                <img src="/-/media/images/news/2026/04/11/18/58/alcaraz-sinner-gilbert-monte-carlo-2026-preview-image.jpg" alt="What Brad Gilbert says will be key for Alcaraz &amp; Sinner in Monte-Carlo final">
            </div>
        </div>
        <div class="content ">
            <div class="tag">
                Match Preview
            </div>
            <div class="credit">
                Andrew Eichenholz
            </div>
            <h3 class="title">
                What Brad Gilbert says will be key for Alcaraz &amp; Sinner in Monte-Carlo final                
            </h3>
            
        </div>
    </a>
</div>


<div class="atp_card  half horizontal">
    <a href="/en/news/alcaraz-sinner-monte-carlo-2026-pre-final-points-tally" class="card-link " >
        <div class="image-container">
            <div class="image ">
                <img src="/-/media/images/news/2026/04/11/20/56/alcaraz-sinner-roland-garros-2025-handshake.jpg" alt="The remarkable tie Alcaraz &amp; Sinner will try to break in the Monte-Carlo final…">
            </div>
        </div>
        <div class="content ">
            <div class="tag">
                Rivalries
            </div>
            <div class="credit">
                Andy West
            </div>
            <h3 class="title">
                The remarkable tie Alcaraz &amp; Sinner will try to break in the Monte-Carlo final…                
            </h3>
            
        </div>
    </a>
</div>


<div class="atp_card  half horizontal">
    <a href="/en/news/granollers-zeballos-melo-zverev-monte-carlo-2026-doubles-tuesday" class="card-link " >
        <div class="image-container">
            <div class="image ">
                <img src="/-/media/images/news/2026/04/11/19/19/krawietz-puetz-monte-carlo-2026-sf.jpg" alt="Krawietz/Puetz break home hearts to reach Monte-Carlo final">
            </div>
        </div>
        <div class="content ">
            <div class="tag">
                Doubles
            </div>
            <div class="credit">
                ATP Staff
            </div>
            <h3 class="title">
                Krawietz/Puetz break home hearts to reach Monte-Carlo final                
            </h3>
            
        </div>
    </a>
</div>


<div class="atp_card  small">
    <a href="/en/news/vacherot-monte-carlo-2026-sf-reaction" class="card-link " >
        <div class="image-container">
            <div class="image ">
                <img src="/-/media/images/news/2026/04/11/17/51/vacherot-monte-carlo-2026-reaction-saturday.jpg" alt="Vacherot on dream Monte-Carlo run: &#39;I will have those memories for the rest of my life&#39;">
            </div>
        </div>
        <div class="content ">
            <div class="tag">
                Match Reaction
            </div>
            <div class="credit">
                ATP Staff
            </div>
            <h3 class="title">
                Vacherot on dream Monte-Carlo run: &#39;I will have those memories for the rest of my life&#39;                
            </h3>
            
        </div>
    </a>
</div>
                <div class="video-gallery">
                    <div class="atp_video-gallery">
    <div class="splide">
        <div class="splide__track">
            <ul class="splide__list">
                        <li class="splide__slide">
                            <div class="atp_card">
                                <a href="/en/video/hot-shot-sinner-carves-break-points-with-fine-finish-in-montecarlo-2026-final" class="card-link card-link--video" data-video-id=6392974073112 data-account=6057277721001 data-player=xO4H0ZXngd_default data-url=/en/video/hot-shot-sinner-carves-break-points-with-fine-finish-in-montecarlo-2026-final data-video-tags=hot-shot,2026,jannik-sinner-s0ag,monte-carlo-410>
                                    <div class="image-container">
                                        <div class="image">
                                            <img src="https://cf-images.us-east-1.prod.boltdns.net/v1/static/6057277721001/e9d36033-eea1-44dd-b2ad-3f3106ab5965/b04d8f7c-7ad7-4713-9739-977d96a5b445/1280x720/match/image.jpg" alt="Hot Shot: Sinner carves break points with &#39;fine finish&#39; in Monte-Carlo 2026 final">
                                        </div>
                                        <div class="cta">
                                            <div class="cta-video">
                                                <svg viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.66634 4.99992L0.333008 9.66659V0.333252L7.66634 4.99992ZM5.17967 4.99992L1.66634 2.75992V7.23992L5.17967 4.99992Z" fill="white"></path>
                                                </svg>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="image-caption">
                                        Hot Shot: Sinner carves break points with &#39;fine finish&#39; in Monte-Carlo 2026 final
                                    </div>
                                </a>
                            </div>
                        </li>
                        <li class="splide__slide">
                            <div class="atp_card">
                                <a href="/en/video/hot-shot-alcaraz-seals-early-break-in-set-2-with-outrageous-effort-in-monte-carlo-2026-final" class="card-link card-link--video" data-video-id=6392972222112 data-account=6057277721001 data-player=xO4H0ZXngd_default data-url=/en/video/hot-shot-alcaraz-seals-early-break-in-set-2-with-outrageous-effort-in-monte-carlo-2026-final data-video-tags=hot-shot,2026,carlos-alcaraz-a0e2,monte-carlo-410>
                                    <div class="image-container">
                                        <div class="image">
                                            <img src="https://cf-images.us-east-1.prod.boltdns.net/v1/static/6057277721001/0f90b8bd-70c7-4371-99ef-5526f6736311/35e90f57-034a-461d-b7b3-b439201cf505/1280x720/match/image.jpg" alt="Hot Shot: Alcaraz seals early break in set 2 with outrageous effort in Monte-Carlo 2026 final">
                                        </div>
                                        <div class="cta">
                                            <div class="cta-video">
                                                <svg viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.66634 4.99992L0.333008 9.66659V0.333252L7.66634 4.99992ZM5.17967 4.99992L1.66634 2.75992V7.23992L5.17967 4.99992Z" fill="white"></path>
                                                </svg>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="image-caption">
                                        Hot Shot: Alcaraz seals early break in set 2 with outrageous effort in Monte-Carlo 2026 final
                                    </div>
                                </a>
                            </div>
                        </li>
                        <li class="splide__slide">
                            <div class="atp_card">
                                <a href="/en/video/hot-shot-alcaraz-puzzles-sinner-with-deadly-dropper-in-monte-carlo-2026-final" class="card-link card-link--video" data-video-id=6392970756112 data-account=6057277721001 data-player=xO4H0ZXngd_default data-url=/en/video/hot-shot-alcaraz-puzzles-sinner-with-deadly-dropper-in-monte-carlo-2026-final data-video-tags=hot-shot,2026,carlos-alcaraz-a0e2,monte-carlo-410>
                                    <div class="image-container">
                                        <div class="image">
                                            <img src="https://cf-images.us-east-1.prod.boltdns.net/v1/static/6057277721001/88df312b-35c6-4ae7-950d-1276a06a302f/0ee2f90c-4c16-465f-aff7-8fca9f67f067/1280x720/match/image.jpg" alt="Hot Shot: Alcaraz puzzles Sinner with deadly dropper in Monte-Carlo 2026 final">
                                        </div>
                                        <div class="cta">
                                            <div class="cta-video">
                                                <svg viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.66634 4.99992L0.333008 9.66659V0.333252L7.66634 4.99992ZM5.17967 4.99992L1.66634 2.75992V7.23992L5.17967 4.99992Z" fill="white"></path>
                                                </svg>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="image-caption">
                                        Hot Shot: Alcaraz puzzles Sinner with deadly dropper in Monte-Carlo 2026 final
                                    </div>
                                </a>
                            </div>
                        </li>
                        <li class="splide__slide">
                            <div class="atp_card">
                                <a href="/en/video/hot-shot-sinners-forehand-rocket-leaves-alcaraz-helpless-in-montecarlo-final-2026" class="card-link card-link--video" data-video-id=6392969777112 data-account=6057277721001 data-player=xO4H0ZXngd_default data-url=/en/video/hot-shot-sinners-forehand-rocket-leaves-alcaraz-helpless-in-montecarlo-final-2026 data-video-tags=hot-shot,2026,jannik-sinner-s0ag,monte-carlo-410>
                                    <div class="image-container">
                                        <div class="image">
                                            <img src="https://cf-images.us-east-1.prod.boltdns.net/v1/static/6057277721001/23ff73ba-42eb-4d3c-a3c0-5ac33a7d09dd/7210621f-d806-4d13-ae8f-70adc7e75a78/1280x720/match/image.jpg" alt="Hot Shot: Sinner&#39;s forehand rocket leaves Alcaraz helpless in Monte-Carlo final">
                                        </div>
                                        <div class="cta">
                                            <div class="cta-video">
                                                <svg viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.66634 4.99992L0.333008 9.66659V0.333252L7.66634 4.99992ZM5.17967 4.99992L1.66634 2.75992V7.23992L5.17967 4.99992Z" fill="white"></path>
                                                </svg>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="image-caption">
                                        Hot Shot: Sinner&#39;s forehand rocket leaves Alcaraz helpless in Monte-Carlo final
                                    </div>
                                </a>
                            </div>
                        </li>
                        <li class="splide__slide">
                            <div class="atp_card">
                                <a href="/en/video/george-russell-in-the-house-for-alcaraz-vs-sinner-montecarlo-2026-final" class="card-link card-link--video" data-video-id=6392968586112 data-account=6057277721001 data-player=xO4H0ZXngd_default data-url=/en/video/george-russell-in-the-house-for-alcaraz-vs-sinner-montecarlo-2026-final data-video-tags=monte-carlo-410,2026>
                                    <div class="image-container">
                                        <div class="image">
                                            <img src="https://cf-images.us-east-1.prod.boltdns.net/v1/static/6057277721001/3305eec7-29e2-40a3-a67e-3851f8696847/c475b97f-29ba-4d73-b5c5-e50332e8e158/1280x720/match/image.jpg" alt="George Russell in the house for Alcaraz vs. Sinner Monte-Carlo final">
                                        </div>
                                        <div class="cta">
                                            <div class="cta-video">
                                                <svg viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.66634 4.99992L0.333008 9.66659V0.333252L7.66634 4.99992ZM5.17967 4.99992L1.66634 2.75992V7.23992L5.17967 4.99992Z" fill="white"></path>
                                                </svg>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="image-caption">
                                        George Russell in the house for Alcaraz vs. Sinner Monte-Carlo final
                                    </div>
                                </a>
                            </div>
                        </li>
            </ul>
        </div>
    </div>
</div>

                </div>


<div class="atp_card  text small">
    <a href="/en/news/monte-carlo-2026-schedule" class="card-link " >
        <div class="image-container">
            <div class="image ">
                <img src="/-/media/images/news/2026/04/04/19/55/monte-carlo-2026-schedule-image.jpg" alt="What is the Monte-Carlo tennis schedule?">
            </div>
        </div>
        <div class="content ">
            <div class="tag">
                Monte-Carlo
            </div>
            <div class="credit">
                ATP Staff
            </div>
            <h3 class="title">
                What is the Monte-Carlo tennis schedule?                
            </h3>
            
        </div>
    </a>
</div>


<div class="atp_card  extended horizontal horizontal--large">
    <a href="/en/news/monte-carlo-2026-results" class="card-link " >
        <div class="image-container">
            <div class="image ">
                <img src="/-/media/images/news/2026/04/05/23/55/monte-carlo-2026-results-image.jpg" alt="What were the Monte-Carlo tennis results?">
            </div>
        </div>
        <div class="content ">
            <div class="tag">
                Monte-Carlo
            </div>
            <div class="credit">
                ATP Staff
            </div>
            <h3 class="title">
                What were the Monte-Carlo tennis results?                
            </h3>
            
        </div>
    </a>
</div>


<div class="atp_card  small">
    <a href="/en/news/alcaraz-sinner-no-1-projection-monte-carlo-final-2026" class="card-link " >
        <div class="image-container">
            <div class="image ">
                <img src="/-/media/images/news/2026/04/11/16/39/alcaraz-sinner-monte-carlo-2026-final-no-1-projection.jpg" alt="Alcaraz vs Sinner: A winner-takes-all showdown for World No. 1 in Monte-Carlo">
            </div>
        </div>
        <div class="content ">
            <div class="tag">
                PIF ATP Live Rankings Projection
            </div>
            <div class="credit">
                ATP Staff
            </div>
            <h3 class="title">
                Alcaraz vs Sinner: A winner-takes-all showdown for World No. 1 in Monte-Carlo                
            </h3>
            
        </div>
    </a>
</div>


<div class="atp_card  small">
    <a href="/en/news/monte-carlo-2026-final-schedule" class="card-link " >
        <div class="image-container">
            <div class="image ">
                <img src="/-/media/images/news/2026/04/11/16/52/monte-carlo-2026-final-schedule.jpg" alt="What time is the Alcaraz vs. Sinner Monte-Carlo final?">
            </div>
        </div>
        <div class="content ">
            <div class="tag">
                Monte-Carlo
            </div>
            <div class="credit">
                ATP Staff
            </div>
            <h3 class="title">
                What time is the Alcaraz vs. Sinner Monte-Carlo final?                
            </h3>
            
        </div>
    </a>
</div>


<div class="atp_card  small">
    <a href="/en/news/alcaraz-sinner-monte-carlo-2026-final-preview" class="card-link " >
        <div class="image-container">
            <div class="image ">
                <img src="/-/media/images/news/2026/04/11/17/02/monte-carlo-2026-final-preview-graphic.jpg" alt="Alcaraz &amp; Sinner reignite remarkable rivalry in Monte-Carlo final: &#39;It&#39;s the dream&#39;">
            </div>
        </div>
        <div class="content ">
            <div class="tag">
                Match Preview
            </div>
            <div class="credit">
                Andrew Eichenholz
            </div>
            <h3 class="title">
                Alcaraz &amp; Sinner reignite remarkable rivalry in Monte-Carlo final: &#39;It&#39;s the dream&#39;                
            </h3>
            
        </div>
    </a>
</div>

</div>
<div class="atp_news-landing-cta">
    <a href="/en/news/news-filter-results" class="atp_button atp_button--secondary">View All</a>
</div>


</div>

<div class="atp_layout-sidebar">
    <div class="atp_scores" data-default-tab="tour">
    <div v-if="isLoading" class="atp_scores--loader">
        <div class="loader-header">
            <div class="loader-header-top">
                <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
            </div>
            <div class="loader-header-bottom">
                <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
            </div>
        </div>
        <div class="loader-scores">
            <ul class="loader-scores-top">
                <li>
                    <skeleton-loader type="paragraph" :rows="2"></skeleton-loader>
                    <div class="loader-inner-nav">
                        <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                        <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                        <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                    </div>
                    <div class="loader-section">
                        <div class="loader-section-top">
                            <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                            <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                        </div>
                        <div class="loader-section-main">
                            <div class="loader-player">
                                <skeleton-loader type="avatar"></skeleton-loader>
                                <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                <div class="loader-player-points">
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                </div>
                            </div>
                            <div class="loader-player">
                                <skeleton-loader type="avatar"></skeleton-loader>
                                <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                <div class="loader-player-points">
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                </div>
                            </div>
                        </div>
                        <div class="loader-section-bottom">
                            <div class="loader-text-and-cta">
                                <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                <div class="loader-cta">
                                    <skeleton-loader type="avatar"></skeleton-loader>
                                    <skeleton-loader type="avatar"></skeleton-loader>
                                </div>
                            </div>
                            <div class="loader-text">
                                <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <skeleton-loader type="paragraph" :rows="2"></skeleton-loader>
                    <div class="loader-inner-nav">
                        <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                        <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                        <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                    </div>
                    <div class="loader-section">
                        <div class="loader-section-top">
                            <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                            <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                        </div>
                        <div class="loader-section-main">
                            <div class="loader-player">
                                <skeleton-loader type="avatar"></skeleton-loader>
                                <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                <div class="loader-player-points">
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                </div>
                            </div>
                            <div class="loader-player">
                                <skeleton-loader type="avatar"></skeleton-loader>
                                <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                <div class="loader-player-points">
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                    <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                </div>
                            </div>
                        </div>
                        <div class="loader-section-bottom">
                            <div class="loader-text-and-cta">
                                <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                                <div class="loader-cta">
                                    <skeleton-loader type="avatar"></skeleton-loader>
                                    <skeleton-loader type="avatar"></skeleton-loader>
                                </div>
                            </div>
                            <div class="loader-text">
                                <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <skeleton-loader type="paragraph" :rows="2"></skeleton-loader>
                    <div class="loader-inner-nav">
                        <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                        <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                        <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                    </div>
                </li>
                <li>
                    <skeleton-loader type="paragraph" :rows="2"></skeleton-loader>
                    <div class="loader-inner-nav">
                        <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                        <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                        <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <template v-if="shouldRender && !isLoading">
        <div class="scores-header">
            <div class="scores-header-top">
                <h2 class="hide-text">Header 2</h2>
                <h3>
                    <img src="/-/media/sites/atp-tour/header/atp-scores-horiz-navy-rgb_1.png?h=157&amp;w=738&amp;hash=C6EFAC775D46DB267B24500A421827AE" alt="SCORES" />

                </h3>
                <a href="/en/scores/current">See all <span class="icon-arrow-right2"></span></a>
            </div>
            <ul class="tabs">
                <li :class="scoresType == 'tour' ? 'selected' : ''" @click.prevent="switchScore('tour')">
                    <a>ATP Tour</a>
                </li>
                <li :class="scoresType == 'challenger' ? 'selected' : ''" @click.prevent="switchScore('challenger')">
                    <a>Challenger</a>
                </li>
            </ul>
        </div>
        <div class="scores-content" v-cloak>
            <ul class="tournament-scores" v-if="tournaments.length > 0">
                <li v-for="(tournament, index) in tournaments">
                    <h3>
                        <span class="tag" v-if="tournamnetStatus[index]">Live</span>
                        <span :class="tournamnetStatus[index] ? 'event-name event-live' : 'event-name'">
                            <a :href="`/en/tournaments/${getTournamentUrlName(tournament)}/${tournament.EventId}/overview`">{{tournament.EventTitle}}</a>
                        </span>
                        <div class="accordion" @click="accordion($event.currentTarget.lastChild.classList, $event.currentTarget.parentNode.parentNode)">
                            <span v-if="index === 0" class="chevron"></span>
                            <span v-else class="chevron up"></span>
                        </div>
                    </h3>
                    <p class="venue"><span>{{tournament.EventCity}}, {{tournament.EventCountry}}.</span> <span>{{tournament.FormattedDate}}</span></p>
                    <ul class="innerTabs" v-if="scoresType=='tour'">
                        <li><a :href="`/en/scores/current/${getTournamentUrlName(tournament)}/${tournament.EventId}/live-scores`" :class="{'disabled': tournament.EventId.length === 0}">All Scores</a></li>
                        <li>
                            <a v-if="shouldShowScheduleLink(tournament)" :href="`/en/scores/current/${getTournamentUrlName(tournament)}/${tournament.EventId}/${tournament.ScheduleLink}`">Schedule</a>
                            <a v-else class="disabled">Schedule</a>
                        </li>
                        <li>
                            <a v-if="shouldShowDrawLink(tournament)" :href="`/en/scores/current/${getTournamentUrlName(tournament)}/${tournament.EventId}/${tournament.DrawsLink}`">Draw</a>
                            <a v-else class="disabled">Draw</a>
                        </li>
                    </ul>
                    <ul class="innerTabs" v-else="">
                        <li><a :href="`/en/scores/current-${scoresType}/${getTournamentUrlName(tournament)}/${tournament.EventId}/live-scores`" :class="{'disabled': tournament.EventId.length === 0}">All Scores</a></li>
                        <li>
                            <a v-if="shouldShowScheduleLink(tournament)" :href="`/en/scores/current-${scoresType}/${getTournamentUrlName(tournament)}/${tournament.EventId}/${tournament.ScheduleLink}`">Schedule</a>
                            <a v-else class="disabled">Schedule</a>
                        </li>
                        <li>
                            <a v-if="shouldShowDrawLink(tournament)" :href="`/en/scores/current-${scoresType}/${getTournamentUrlName(tournament)}/${tournament.EventId}/${tournament.DrawsLink}`">Draw</a>
                            <a v-else class="disabled">Draw</a>
                        </li>
                    </ul>
                    <div :class="index === 0 ? 'accordion-content accordion-content-show' : 'accordion-content'">
                        <!-- country team tie stats version -->
                        <div v-if="tournament.HasTeamTieStats" class="inner-scores-wrapper">
                            <template v-if="tournament.LiveTeamTieDetails.length > 0" v-for="(team, teamindex) in tournament.LiveTeamTieDetails" :key="teamindex">
                                <div class="match-group" :class="{ 'match-group--active' : index === 0 }">
                                    <div class="match-group-header">
                                        <div class="match-group-type">
                                            {{ team.TeamTieResults.RoundRobinCityName ? team.TeamTieResults.RoundRobinCityName : '' }}
                                        </div>
                                        <div class="match-group-players">
                                            <div class="player">
                                                <div class="country"><flag :country="team.TeamTieResults.TeamCountryCode.toLowerCase()"></flag></div>
                                                <div class="name">{{ team.TeamTieResults.TeamCountryName }}</div>
                                            </div>
                                            <div class="status">
                                                {{ team.TeamTieResults.TeamTieMatchWins }} - {{ team.TeamTieResults.OpponentTeamTieMatchWins }}
                                            </div>
                                            <div class="opponent">
                                                <div class="country"><flag :country="team.TeamTieResults.OpponentTeamCountryCode.toLowerCase()"></flag></div>
                                                <div class="name">{{ team.TeamTieResults.OpponentTeamCountryName }}</div>
                                            </div>
                                        </div>
                                        <div class="match-group-cta">
                                            <a href="#" class="match-group-toggler">
                                                <span class="icon-plus-circle"></span>
                                                <span class="icon-minus-circle"></span>
                                                <span class="hide-text">Plus/Minus</span>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="match-group-content">
                                        <template v-for="(teammatch, teammatchindex) in team.Matches" :key="teammatchindex">
                                            <div class="match" v-if="teammatch">
                                                <div class="inner-scores-header">
                                                    <h4>
                                                        <span class="live" v-if="teammatch.MatchStatus !== 'F' && teammatch.MatchStatus !== 'S'">Live</span>
                                                        <span class="roundTitle">{{teammatch.RoundName}} - {{teammatch.CourtName}}</span>
                                                    </h4>
                                                    <span class="time">{{teammatch.MatchTimeTotal}}</span>
                                                </div>
                                                <div class="match-content">
                                                    <div class="match-stats" :class="teammatch.MatchStatus !== 'F' && teammatch.MatchStatus !== 'S' ? 'match-stats--live' : ''">
                                                        <player-team-score :match="teammatch" :language="language"></player-team-score>
                                                        <opponent-team-score :match="teammatch" :language="language"></opponent-team-score>
                                                    </div>
                                                </div>
                                                <div class="match-footer">
                                                    <div class="match-umpire" v-if="teammatch.UmpireFirstName && teammatch.UmpireLastName">Ump: {{teammatch.UmpireFirstName}} {{teammatch.UmpireLastName}}</div>
                                                    <div class="match-umpire" v-else></div>
                                                    <div v-if="!teammatch.IsWTAOrMixMatch" class="match-cta">
                                                        <a v-if="teammatch.Type == 'singles'" :href="`/en/players/atp-head-2-head/${lowercase(teammatch.PlayerTeam.Player.PlayerFirstName)}-${lowercase(teammatch.PlayerTeam.Player.PlayerLastName)}-vs-${lowercase(teammatch.OpponentTeam.Player.PlayerFirstName)}-${lowercase(teammatch.OpponentTeam.Player.PlayerLastName)}/${lowercase(teammatch.PlayerTeam.Player.PlayerId)}/${lowercase(teammatch.OpponentTeam.Player.PlayerId)}`">H2H</a>
                                                        <a v-if="teammatch.Type == 'doubles'" :href="`/en/players/atp-head-2-head/${lowercase(teammatch.PlayerTeam.Player.PlayerLastName)}-${lowercase(teammatch.PlayerTeam.Partner.PlayerLastName)}-vs-${lowercase(teammatch.OpponentTeam.Player.PlayerLastName)}-${lowercase(teammatch.OpponentTeam.Partner.PlayerLastName)}/${lowercase(teammatch.PlayerTeam.Player.PlayerId)}/${lowercase(teammatch.PlayerTeam.Partner.PlayerId)}/${lowercase(teammatch.OpponentTeam.Player.PlayerId)}/${lowercase(teammatch.OpponentTeam.Partner.PlayerId)}`">H2H</a>
                                                        <a v-if="teammatch.HasStats" :href="`/en/scores/${tournament.EventType === 'GS' || tournament.EventType === 'UC' || tournament.EventType === 'DCR' || tournament.EventType === 'LVR' ? 'match-stats' : 'stats-centre'}/live/${tournament.EventYear}/${tournament.EventId}/${teammatch.MatchId}`">Stats</a>
                                                    </div>
                                                </div>
                                                <div class="match-notes">{{ teammatch.ExtendedMessage }}</div>
                                            </div>
                                        </template>
                                        <div v-if="team.Matches.length === 0" class="no-score-message">
                                            Currently there are no live matches available.
                                        </div>
                                    </div>
                                </div>
                            </template>
                        </div>
                        <!-- default version -->
                        <div class="inner-scores-wrapper" v-if="!tournament.HasTeamTieStats && tournament.LiveMatches.length > 0">
                            <ul class="inner-scores-list">
                                <template v-for="(match, index) in tournament.LiveMatches">
                                    <li :class="index + 1 === tournament.LiveMatches.length ? 'last' : ''">
                                        <div class="match" v-if="match">
                                            <div class="inner-scores-header">
                                                <h4>
                                                    <span class="live" v-if="match.MatchStatus !== 'F' && match.MatchStatus !== 'S'">Live</span>
                                                    <span class="roundTitle">{{match.RoundName}} - {{match.CourtName}}</span>
                                                </h4>
                                                <span class="time">{{match.MatchTimeTotal}}</span>
                                            </div>
                                            <div class="match-content">
                                                <div class="match-stats" :class="match.MatchStatus !== 'F' && match.MatchStatus !== 'S' ? 'match-stats--live' : ''">
                                                    <player-team-score :match="match" :language="language"></player-team-score>
                                                    <opponent-team-score :match="match" :language="language"></opponent-team-score>
                                                </div>
                                            </div>
                                            <div class="match-footer">
                                                <div class="match-umpire" v-if="match.UmpireFirstName && match.UmpireLastName">Ump: {{match.UmpireFirstName}} {{match.UmpireLastName}}</div>
                                                <div class="match-umpire" v-else></div>
                                                <div class="match-cta">
                                                    <a v-if="match.Type == 'singles'" :href="`/en/players/atp-head-2-head/${lowercase(match.PlayerTeam.Player.PlayerFirstName)}-${lowercase(match.PlayerTeam.Player.PlayerLastName)}-vs-${lowercase(match.OpponentTeam.Player.PlayerFirstName)}-${lowercase(match.OpponentTeam.Player.PlayerLastName)}/${lowercase(match.PlayerTeam.Player.PlayerId)}/${lowercase(match.OpponentTeam.Player.PlayerId)}`">H2H</a>
                                                    <a v-if="match.Type == 'doubles'" :href="`/en/players/atp-head-2-head/${lowercase(match.PlayerTeam.Player.PlayerLastName)}-${lowercase(match.PlayerTeam.Partner.PlayerLastName)}-vs-${lowercase(match.OpponentTeam.Player.PlayerLastName)}-${lowercase(match.OpponentTeam.Partner.PlayerLastName)}/${lowercase(match.PlayerTeam.Player.PlayerId)}/${lowercase(match.PlayerTeam.Partner.PlayerId)}/${lowercase(match.OpponentTeam.Player.PlayerId)}/${lowercase(match.OpponentTeam.Partner.PlayerId)}`">H2H</a>
                                                    <a v-if="match.HasStats" :href="`/en/scores/${tournament.EventType === 'GS' || tournament.EventType === 'DCR' || tournament.EventType === 'UC' || tournament.EventType === 'LVR' ? 'match-stats' : 'stats-centre'}/live/${tournament.EventYear}/${tournament.EventId}/${match.MatchId}`">Stats</a>
                                                </div>
                                            </div>
                                            <div class="match-notes">{{ match.ExtendedMessage }}</div>
                                        </div>
                                    </li>
                                </template>
                            </ul>
                        </div>
                        <div v-if="!isLoading && ((tournament.LiveMatches && tournament.LiveMatches.length === 0) || (tournament.LiveTeamTieDetails && tournament.LiveTeamTieDetails.length === 0 ))" class="scores-unavailable-message">
                            Currently there are no live matches available.
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </template>
    <input type="hidden" id="scoresLiveApiUrl" value="https://app.atptour.com/api/v2/gateway/livematches/website?scoringTournamentLevel" />
    <input type="hidden" id="cmsPollInterval" value="15" />
    <input type="hidden" id="HiddenTournamentIdList" value="" />
</div>

<script nonce="28e30305-f376-4acb-a2b7-50b52f0845f8" id="playerScore" type="text/x-template">
    <div class="stats-item">
    <div class="player-info" v-if="match.IsDoubles">
        <div class="profiles">
            <div class="profile"><img class="player-image" :src="`/-/media/alias/player-headshot/${match.PlayerTeam.Player.PlayerId}`" :alt="`Player-Photo-${match.PlayerTeam.Player.PlayerId}`" /></div>
            <div class="profile"><img class="player-image" :src="`/-/media/alias/player-headshot/${match.PlayerTeam.Partner.PlayerId}`" :alt="`Player-Photo-${match.PlayerTeam.Partner.PlayerId}`" /></div>
        </div>
        <div class="countries">
            <div class="country"><flag :country="match.PlayerTeam.Player.PlayerCountry.toLowerCase()"></flag></div>
            <div class="country"><flag :country="match.PlayerTeam.Partner.PlayerCountry.toLowerCase()"></flag></div>
        </div>
        <div class="players">
            <div class="names">

                <template v-if="!match.MatchId.startsWith('MX')">
                    <div class="name"><a :href="lowercase(`/${language}/players/${match.PlayerTeam.Player.PlayerFirstName}-${match.PlayerTeam.Player.PlayerLastName}/${match.PlayerTeam.Player.PlayerId}/overview`)">{{ firstLetter(match.PlayerTeam.Player.PlayerFirstName) }} {{ match.PlayerTeam.Player.PlayerLastName }}</a> <span v-if="match.PlayerTeam.Seed">({{ match.PlayerTeam.Seed }})</span></div>
                    <div class="name"><a :href="lowercase(`/${language}/players/${match.PlayerTeam.Partner.PlayerFirstName}-${match.PlayerTeam.Partner.PlayerLastName}/${match.PlayerTeam.Partner.PlayerId}/overview`)">{{ firstLetter(match.PlayerTeam.Partner.PlayerFirstName) }} {{ match.PlayerTeam.Partner.PlayerLastName }}</a> <span v-if="match.PlayerTeam.Seed">({{ match.PlayerTeam.Seed }})</span></div>
                </template>

                <template v-else>
                    <div class="name"><p>{{ firstLetter(match.PlayerTeam.Player.PlayerFirstName) }} {{ match.PlayerTeam.Player.PlayerLastName }} <span v-if="match.PlayerTeam.Seed">({{ match.PlayerTeam.Seed }})</span></p></div>
                    <div class="name"><a :href="lowercase(match.PlayerTeam.PartnerProfileUrl)">{{ firstLetter(match.PlayerTeam.Partner.PlayerFirstName) }} {{ match.PlayerTeam.Partner.PlayerLastName }}</a> <span v-if="match.PlayerTeam.Seed">({{ match.PlayerTeam.Seed }})</span></div>
                </template>
            </div>
        </div>
        <div class="winner" v-if="match.WinningPlayerId && (match.WinningPlayerId === match.PlayerTeam.Player.PlayerId || match.WinningPlayerId === match.PlayerTeam.Partner.PlayerId)"><span class="icon-checkmark"></span></div>
    </div>
    <div class="player-info" v-else>
        <div class="profile"> <img class="player-image" :src="`/-/media/alias/player-headshot/${match.PlayerTeam.Player.PlayerId}`" :alt="`Player-Photo-${match.PlayerTeam.Player.PlayerId}`" /></div>
        <div class="country"><flag :country="match.PlayerTeam.Player.PlayerCountry.toLowerCase()"></flag></div>
        <div class="name">

            <template v-if="!match.MatchId.startsWith('LS')">
                <a :href="lowercase(`/${language}/players/${match.PlayerTeam.Player.PlayerFirstName}-${match.PlayerTeam.Player.PlayerLastName}/${match.PlayerTeam.Player.PlayerId}/overview`)">{{ firstLetter(match.PlayerTeam.Player.PlayerFirstName) }} {{ match.PlayerTeam.Player.PlayerLastName }}</a> <span v-if="match.PlayerTeam.Seed">({{ match.PlayerTeam.Seed }})</span>
            </template>
            <template v-else>
                <p>
                    {{ firstLetter(match.PlayerTeam.Player.PlayerFirstName) }} {{ match.PlayerTeam.Player.PlayerLastName }} <span v-if="match.PlayerTeam.Seed">({{ match.PlayerTeam.Seed }})</span>
                </p>
            </template>
        </div>


        <div class="winner" v-if="match.WinningPlayerId && (match.WinningPlayerId === match.PlayerTeam.Player.PlayerId)"><span class="icon-checkmark"></span></div>
    </div>
    <div class="scores" :class="(match.ServerTeam === 0 && match.MatchStatus !== 'F') ? 'scores--strike' : ''">
        <div class="score-item" v-if="(match.MatchStatus === 'P' || match.MatchStatus === 'W'  || match.MatchStatus === 'S'  || match.MatchStatus === 'C' || match.MatchStatus === 'D' || match.MatchStatus === 'M' || match.MatchStatus === 'R' || match.MatchStatus === 'E') && match.PlayerTeam.GameScore">
            <span>{{match.PlayerTeam.GameScore}}</span>
        </div>
        <div class="score-item" v-for="(gameSetScore, index) in match.PlayerTeam.SetScores.filter(set => set.SetNumber > 0).slice()">
            <span v-if="gameSetScore.SetScore !== null">{{gameSetScore.SetScore}}</span>
            <span v-if="gameSetScore.TieBreakScore !== null">
                {{gameSetScore.TieBreakScore}}
            </span>
        </div>
    </div>
</div>

</script>
<script nonce="28e30305-f376-4acb-a2b7-50b52f0845f8" id="opponentScore" type="text/x-template">
    
<div class="stats-item">
    <div class="player-info" v-if="match.IsDoubles">
        <div class="profiles">
            <div class="profile"><img class="player-image" :src="`/-/media/alias/player-headshot/${match.OpponentTeam.Player.PlayerId}`" :alt="`Player-Photo-${match.OpponentTeam.Player.PlayerId}`" /></div>
            <div class="profile"><img class="player-image" :src="`/-/media/alias/player-headshot/${match.OpponentTeam.Partner.PlayerId}`" :alt="`Player-Photo-${match.OpponentTeam.Partner.PlayerId}`" /></div>
        </div>
        <div class="countries">
            <div class="country"><flag :country="match.OpponentTeam.Player.PlayerCountry.toLowerCase()"></flag></div>
            <div class="country"><flag :country="match.OpponentTeam.Partner.PlayerCountry.toLowerCase()"></flag></div>
        </div>
        <div class="players">
            <div class="names">

                <template v-if="!match.MatchId.startsWith('MX')">
                    <div class="name"><a :href="lowercase(`/${language}/players/${match.OpponentTeam.Player.PlayerFirstName}-${match.OpponentTeam.Player.PlayerLastName}/${match.OpponentTeam.Player.PlayerId}/overview`)">{{ firstLetter(match.OpponentTeam.Player.PlayerFirstName) }} {{ match.OpponentTeam.Player.PlayerLastName }}</a> <span v-if="match.OpponentTeam.Seed">({{ match.OpponentTeam.Seed }})</span></div>
                    <div class="name"><a :href="lowercase(`/${language}/players/${match.OpponentTeam.Partner.PlayerFirstName}-${match.OpponentTeam.Partner.PlayerLastName}/${match.OpponentTeam.Partner.PlayerId}/overview`)">{{ firstLetter(match.OpponentTeam.Partner.PlayerFirstName) }} {{ match.OpponentTeam.Partner.PlayerLastName }}</a> <span v-if="match.OpponentTeam.Seed">({{ match.OpponentTeam.Seed }})</span></div>
                </template>

                <template v-else>
                    <div class="name"><p>{{ firstLetter(match.OpponentTeam.Player.PlayerFirstName) }} {{ match.OpponentTeam.Player.PlayerLastName }} <span v-if="match.OpponentTeam.Seed">({{ match.OpponentTeam.Seed }})</span></p></div>
                    <div class="name"><a :href="lowercase(match.OpponentTeam.PartnerProfileUrl)">{{ firstLetter(match.OpponentTeam.Partner.PlayerFirstName) }} {{ match.OpponentTeam.Partner.PlayerLastName }}</a> <span v-if="match.OpponentTeam.Seed">({{ match.OpponentTeam.Seed }})</span></div>
                </template>
            </div>
        </div>
        <div class="winner" v-if="match.WinningPlayerId && (match.WinningPlayerId === match.OpponentTeam.Player.PlayerId || match.WinningPlayerId === match.OpponentTeam.Partner.PlayerId)"><span class="icon-checkmark"></span></div>
    </div>
    <div class="player-info" v-else>
        <div class="profile"><img class="player-image" :src="`/-/media/alias/player-headshot/${match.OpponentTeam.Player.PlayerId}`" :alt="`Player-Photo-${match.OpponentTeam.Player.PlayerId}`" /></div>
        <div class="country"><flag :country="match.OpponentTeam.Player.PlayerCountry.toLowerCase()"></flag></div>
        <div class="name">
            <template v-if="!match.MatchId.startsWith('LS')">
                <a :href="lowercase(`/${language}/players/${match.OpponentTeam.Player.PlayerFirstName}-${match.OpponentTeam.Player.PlayerLastName}/${match.OpponentTeam.Player.PlayerId}/overview`)">{{ firstLetter(match.OpponentTeam.Player.PlayerFirstName) }} {{ match.OpponentTeam.Player.PlayerLastName }}</a> <span v-if="match.OpponentTeam.Seed">({{ match.OpponentTeam.Seed }})</span>
            </template>
            <template v-else>
                <p>
                    {{ firstLetter(match.OpponentTeam.Player.PlayerFirstName) }} {{ match.OpponentTeam.Player.PlayerLastName }} <span v-if="match.OpponentTeam.Seed">({{ match.OpponentTeam.Seed }})</span>
                </p>
            </template>
        </div>
        <div class="winner" v-if="match.WinningPlayerId && (match.WinningPlayerId === match.OpponentTeam.Player.PlayerId)"><span class="icon-checkmark"></span></div>
    </div>
    <div class="scores" :class="(match.ServerTeam === 1 && match.MatchStatus !== 'F') ? 'scores--strike' : ''">
        <div class="score-item" v-if="(match.MatchStatus === 'P' || match.MatchStatus === 'W'  || match.MatchStatus === 'S'  || match.MatchStatus === 'C' || match.MatchStatus === 'D' || match.MatchStatus === 'M' || match.MatchStatus === 'R' || match.MatchStatus === 'E') && match.OpponentTeam.GameScore">
            <span>{{match.OpponentTeam.GameScore}}</span>
        </div>
        <div class="score-item" v-for="(gameSetScore, index) in match.OpponentTeam.SetScores.filter(set => set.SetNumber > 0).slice()">
            <span v-if="gameSetScore.SetScore !== null">{{gameSetScore.SetScore}}</span>
            <span v-if="gameSetScore.TieBreakScore !== null">
                {{gameSetScore.TieBreakScore}}
            </span>
        </div>
    </div>
</div>

</script>
<div class="atp_h2h-container">
    <div class="atp_head2head">
        <template v-if="shouldRender">
            <div v-if="isLoading" class="atp_head2head--loader">
                <div class="loader-header">
                    <skeleton-loader type="block" :height="1.5" :border-radius=".25" dark-mode></skeleton-loader>
                    <skeleton-loader v-if="isHorizontal" type="label" size="small" dark-mode></skeleton-loader>
                </div>
                <div class="loader-match-stats">
                    <div class="player">
                        <skeleton-loader type="avatar" dark-mode></skeleton-loader>
                        <skeleton-loader type="paragraph" :rows="2" dark-mode></skeleton-loader>
                        <skeleton-loader type="block" :height="1" :border-radius=".125" dark-mode></skeleton-loader>
                    </div>
                    <div class="win-stats">
                        <skeleton-loader type="block" :height="2.25" :border-radius=".125" dark-mode></skeleton-loader>
                        <skeleton-loader type="avatar" dark-mode></skeleton-loader>
                        <skeleton-loader type="block" :height="2.25" :border-radius=".125" dark-mode></skeleton-loader>
                    </div>
                    <div class="opponent">
                        <skeleton-loader type="avatar" dark-mode></skeleton-loader>
                        <skeleton-loader type="paragraph" :rows="2" dark-mode></skeleton-loader>
                        <skeleton-loader type="block" :height="1" :border-radius=".125" dark-mode></skeleton-loader>
                    </div>
                </div>
                <div v-if="!isRightRail && !isHorizontal" class="loader-h2h-data">
                    <div v-for="(item, itemIndex) in 7" :key="itemIndex" class="loader-h2h-data-item">
                        <skeleton-loader type="label" size="small" dark-mode></skeleton-loader>
                        <skeleton-loader type="label" size="small" dark-mode></skeleton-loader>
                        <skeleton-loader type="label" size="small" dark-mode></skeleton-loader>
                    </div>
                </div>
                <div v-if="isHorizontal" class="loader-h2h-data">
                    <skeleton-loader type="cta" dark-mode></skeleton-loader>
                    <skeleton-loader type="cta" dark-mode></skeleton-loader>
                </div>
                <div v-if="!isRightRail && !isHorizontal" class="loader-search">
                    <skeleton-loader type="block" :height="4" :border-radius="2.5" dark-mode></skeleton-loader>
                </div>
                <div v-if="isHorizontal" class="loader-search">
                    <skeleton-loader type="block" :height="4" :border-radius="2.5" dark-mode></skeleton-loader>
                    <div class="loader-search-cta">
                        <skeleton-loader type="cta" dark-mode></skeleton-loader>
                        <skeleton-loader type="cta" dark-mode></skeleton-loader>
                    </div>
                    <skeleton-loader type="block" :height="4" :border-radius="2.5" dark-mode></skeleton-loader>
                </div>
            </div>
            <div v-else class="h2h-content" v-cloak>
                <div class="header">

                    <a href="https://www.lexus.eu/discover-lexus/lexus-atp-tour-partnership" target="_blank" class="partner-link"><img src="/-/media/sites/atp-tour/header/lexus_atp_head2head_ondark_rgb.png" alt="H2H Logo Brand" class="partner-logo" /></a>
                    <a v-if="isHorizontal" href="/en/players/atp-head-2-head" class="atp_button atp_button--transparent h2h-details__link">
                        Show H2H Detail
                        <span class="icon-arrow-right2"></span>
                    </a>
                </div>

                <template v-if="isRightRail">
                    <a href="/en/players/atp-head-2-head" class="h2h-compact__link">
                        <div class="match-stats">
                            <div class="player">
                                <div class="profile-link">
                                    <div class="headshot">
                                        <img :src="player.imageSrcMobile" :alt="`${player.firstName} ${player.lastName}`" />
                                    </div>
                                    <div class="name">
                                        <span>{{player.firstName}}</span>
                                        <span>{{player.lastName}}</span>
                                    </div>
                                    <div v-if="displayPlayerCountry" class="country">
                                        <flag :country="player.PlayerCountryCode.toLowerCase()"></flag> <span>{{player.PlayerCountryCode}}</span>
                                    </div>
                                    <!-- <div class="country" v-else>
                                        <span>{{player.PlayerCountryCode}}</span>
                                    </div> -->
                                </div>
                            </div>
                            <div class="win-stats">
                                <div class="stats">
                                    <div class="player">{{player.winCount}}</div>
                                    <div class="chart">
                                        <svg class="progress-bar" width="60" height="60" viewPort="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
                                            <circle r="25" cx="30" cy="30" fill="transparent" stroke-dasharray="157.079" stroke-dashoffset="0"></circle>
                                            <circle class="bar" r="25" cx="30" cy="30" fill="transparent" stroke-dasharray="157.079" stroke-dashoffset="0" :style="`stroke-dashoffset: ${dashOffset}`"></circle>
                                        </svg>
                                        <span>Vs</span>
                                    </div>
                                    <div class="opponent">{{opponent.winCount}}</div>
                                </div>
                            </div>
                            <div class="opponent">
                                <div class="profile-link">
                                    <div class="headshot">
                                        <img :src="opponent.imageSrcMobile" :alt="`${opponent.firstName} ${opponent.lastName}`" />
                                    </div>
                                    <div class="name">
                                        <span>{{opponent.firstName}}</span>
                                        <span>{{opponent.lastName}}</span>
                                    </div>
                                    <div v-if="displayOpponentCountry" class="country">
                                        <flag :country="opponent.PlayerCountryCode.toLowerCase()"></flag> <span>{{opponent.PlayerCountryCode}}</span>
                                    </div>
                                    <!-- <div class="country" v-else>
                                        <span>{{opponent.PlayerCountryCode}}</span>
                                    </div> -->
                                </div>
                            </div>
                        </div>
                    </a>
                </template>
                <div v-else class="match-stats">
                    <div class="player">
                        <a :href="lowercase(player.profileLink)" class="profile-link">
                            <div class="headshot">
                                <img :src="player.imageSrcMobile" :alt="`${player.firstName} ${player.lastName}`" />
                            </div>
                            <div class="name">
                                <span>{{player.firstName}}</span>
                                <span>{{player.lastName}}</span>
                            </div>
                            <div v-if="displayPlayerCountry" class="country">
                                <flag :country="player.PlayerCountryCode.toLowerCase()"></flag> <span>{{player.PlayerCountryCode}}</span>
                            </div>
                            <!-- <div class="country" v-else>
                                <span>{{player.PlayerCountryCode}}</span>
                            </div> -->
                        </a>
                    </div>
                    <div class="win-stats">
                        <div class="stats">
                            <div class="player">{{player.winCount}}</div>
                            <div class="chart">
                                <svg v-if="isHorizontal && isAboveMobile" class="progress-bar" width="160" height="160" viewPort="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
                                    <circle r="75" cx="80" cy="80" fill="transparent" stroke-dasharray="471.238" stroke-dashoffset="0"></circle>
                                    <circle class="bar" r="75" cx="80" cy="80" fill="transparent" stroke-dasharray="471.238" stroke-dashoffset="0" :style="`stroke-dashoffset: ${dashOffset}`"></circle>
                                </svg>
                                <svg v-if="(!isRightRail && isHorizontal && !isAboveMobile) || (!isRightRail && !isHorizontal)" class="progress-bar" width="90" height="90" viewPort="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg">
                                    <circle r="40" cx="45" cy="45" fill="transparent" stroke-dasharray="251.327" stroke-dashoffset="0"></circle>
                                    <circle class="bar" r="40" cx="45" cy="45" fill="transparent" stroke-dasharray="251.327" stroke-dashoffset="0" :style="`stroke-dashoffset: ${dashOffset}`"></circle>
                                </svg>
                                <span>Vs<br />wins</span>
                            </div>
                            <div class="opponent">{{opponent.winCount}}</div>
                        </div>
                        <div class="cta">
                            <a :href="lowercase(showDetailLink)" class="atp_button atp_button--secondary h2h-details__link">
                                Show H2H Detail
                                <span class="icon-arrow-right2"></span>
                            </a>
                        </div>
                    </div>
                    <div class="opponent">
                        <a :href="lowercase(opponent.profileLink)" class="profile-link">
                            <div class="headshot">
                                <img :src="opponent.imageSrcMobile" :alt="`${opponent.firstName} ${opponent.lastName}`" />
                            </div>
                            <div class="name">
                                <span>{{opponent.firstName}}</span>
                                <span>{{opponent.lastName}}</span>
                            </div>
                            <div v-if="displayOpponentCountry" class="country">
                                <flag :country="opponent.PlayerCountryCode.toLowerCase()"></flag> <span>{{opponent.PlayerCountryCode}}</span>
                            </div>
                            <!-- <div class="country" v-else>
                                <span>{{opponent.PlayerCountryCode}}</span>
                            </div> -->
                        </a>
                    </div>
                </div>
                <div v-if="!isRightRail && isHorizontal" class="h2h-actions">
                    <a href="https://www.atptour.com/en/stats/performance-zone" class="atp_button atp_button--transparent">
                        Performance Zone
                    </a>
                    <a href="https://www.atptour.com/en/stats/win-loss-index" class="atp_button atp_button--transparent">
                        Win/Loss Index
                    </a>
                </div>
                <div v-if="!isRightRail && !isHorizontal" class="h2h-data-items">
                    <ul>
                        <li>
                            <span class="player">{{player.ranking}}</span>
                            <span class="label">Rank</span>
                            <span class="opponent">{{opponent.ranking}}</span>
                        </li>
                        <li>
                            <span class="player">{{player.Age ? player.Age : '-'}}</span>
                            <span class="label">Age</span>
                            <span class="opponent">{{opponent.Age ? opponent.Age : '-'}}</span>
                        </li>
                        <li>
                            <span class="player">{{getWeightInLB.player}}</span>
                            <span class="label">Weight</span>
                            <span class="opponent">{{getWeightInLB.opponent}}</span>
                        </li>
                        <li>
                            <span class="player">{{getHeightInFeetInch.player}}</span>
                            <span class="label">Height</span>
                            <span class="opponent">{{getHeightInFeetInch.opponent}}</span>
                        </li>
                        <li>
                            <span class="player">{{getPlayHand.player}}</span>
                            <span class="label">Plays</span>
                            <span class="opponent">{{getPlayHand.opponent}}</span>
                        </li>
                        <li>
                            <span class="player">{{player.ProYear ? player.ProYear : '-'}}</span>
                            <span class="label">Turned Pro</span>
                            <span class="opponent">{{opponent.ProYear ? opponent.ProYear : '-'}}</span>
                        </li>
                    </ul>
                </div>
                <div v-if="!isRightRail" class="search-players">
                    <div class="search-wrapper">
                        <div v-if="showSearch" class="search-form" :class="{ 'search-form--opponent' : searchOpponent }">
                            <input @input="triggerSearch" ref="searchInputField" type="text" class="search-input" v-model="searchQuery" placeholder="Type Player&#39;s Name" />
                            <button class="close" @click="closeSearch"><span></span></button>
                        </div>
                        <div v-else class="search-initial">
                            <button class="player-search" aria-label="" @click="searchPlayers(false)">
                                <span class="icon-search"></span>
                                <span class="search-text">Search</span>
                            </button>
                            <button class="opponent-search" aria-label="" @click="searchPlayers(true)">
                                <span class="search-text">Search</span>
                                <span class="icon-search"></span>
                            </button>
                            <span>Choose Player</span>
                        </div>
                    </div>
                    <div class="player-list" :class="{ 'player-list--opponent' : searchOpponent }" v-if="showPlayerList && list.length > 0">
                        <ul>
                            <li v-for="(item, index) in list" @click="selectPlayer(item.PlayerId)">{{item.FirstName}} {{item.LastName}}</li>
                        </ul>
                    </div>
                </div>
                <div v-if="isHorizontal && isAboveMobile" class="search-players search-players--horizontal">
                    <div class="search-wrapper">
                        <div class="player">
                            <div v-if="showSearchPlayer" class="search-form">
                                <input @input="triggerSearch" ref="searchInputField" type="text" class="search-input" v-model="searchQuery" placeholder="Type Player&#39;s Name" />
                                <button class="close" @click="closeSearch"><span></span></button>
                            </div>
                            <div v-else class="search-initial">
                                <div class="info">
                                    <div class="name">
                                        <span>{{player.firstName}} {{player.lastName}}</span>
                                    </div>
                                    <div v-if="displayPlayerCountry" class="country">
                                        <flag :country="player.PlayerCountryCode.toLowerCase()"></flag> <span>{{player.PlayerCountryCode}}</span>
                                    </div>
                                    <!-- <div class="country" v-else>
                                        <span>{{player.PlayerCountryCode}}</span>
                                    </div> -->
                                </div>
                                <button class="player-search" aria-label="" @click="openSearchPlayer">
                                    <span class="icon-search"></span>
                                </button>
                            </div>
                        </div>
                        <div class="actions" v-if="!isRightRail && isHorizontal">
                            <a href="https://www.atptour.com/en/stats/performance-zone" class="atp_button atp_button--transparent">
                                Performance Zone
                            </a>
                            <a href="https://www.atptour.com/en/stats/win-loss-index" class="atp_button atp_button--transparent">
                                Win/Loss Index
                            </a>
                        </div>
                        <div class="opponent">
                            <div v-if="showSearchOpponent" class="search-form search-form--opponent">
                                <button class="close" @click="closeSearch"><span></span></button>
                                <input @input="triggerSearch" ref="searchInputField" type="text" class="search-input" v-model="searchQuery" placeholder="Type Player&#39;s Name" />
                            </div>
                            <div v-else class="search-initial">
                                <div class="info">
                                    <div class="name">
                                        <span>{{opponent.firstName}} {{opponent.lastName}}</span>
                                    </div>
                                    <div v-if="displayOpponentCountry" class="country">
                                        <flag :country="opponent.PlayerCountryCode.toLowerCase()"></flag> <span>{{opponent.PlayerCountryCode}}</span>
                                    </div>
                                    <!-- <div class="country" v-else>
                                        <span>{{opponent.PlayerCountryCode}}</span>
                                    </div> -->
                                </div>
                                <button class="opponent-search" @click="openSearchOpponent">
                                    <span class="icon-search"></span>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="player-list" :class="{ 'player-list--opponent' : searchOpponent }" v-if="showPlayerList && list.length > 0">
                        <ul>
                            <li v-for="(item, index) in list" @click="selectPlayer(item.PlayerId)">{{item.FirstName}} {{item.LastName}}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </template>
        <input type="hidden" class="atp_head2head-listing-endpoint" value="/en/-/www/players/find/byname" />
        <input type="hidden" class="atp_head2head-data-endpoint" value="/en/-/tour/Head2HeadSearch/GetHead2HeadData" />
        <input type="hidden" class="atp_head2head-initial-player" value="A0E2" />
        <input type="hidden" class="atp_head2head-initial-opponent" value="S0AG" />
        <input type="hidden" class="atp_head2head-rightrail" value="true" />
        <input type="hidden" class="atp_head2head-layout" value="vertical" /> <!-- if rightrail is true, this is by default should be vertical -->
    </div>
</div>
<div class="atp_featured-player">
    <div v-if="isLoading" class="atp_featured-player--loader">
      <div class="loader-header">
         <div class="loader-header-top">
            <skeleton-loader type="block" :height="1" :border-radius=".125" dark-mode></skeleton-loader>
            <skeleton-loader type="block" :height="1" :border-radius=".125" dark-mode></skeleton-loader>
         </div>
         <div class="loader-header-bottom">
            <skeleton-loader type="paragraph" :rows="2" dark-mode></skeleton-loader>
            <skeleton-loader type="avatar" dark-mode></skeleton-loader>
         </div>
      </div>
      <dl class="loader-player-stats">
         <dt><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dt>
         <dd><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dd>
         <dt><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dt>
         <dd><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dd>
         <dt><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dt>
         <dd><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dd>
         <dt><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dt>
         <dd><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dd>
         <dt><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dt>
         <dd><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dd>
      </dl>
   </div>
   <div class="player-header" v-if="!isLoading && Object.keys(playerData).length != 0" v-cloak>
        <div class="header-top">
            <h4>
                <span class="profile">PROFILE</span>
            </h4>
            <a :href="playerData.PlayerProfileUrl">View All <span class="icon-arrow-right2"></span></a>
        </div>
        <div class="header-bottom">
            <h3>
                <span class="first-name">{{playerData.PlayerFirstName}}</span>
                <span class="last-name">{{playerData.PlayerLastName}}</span>
            </h3>
            <div class="player-image">
                <span class="profile-bg">
                    <img src="/assets/atptour/assets/profile-bg.svg" :alt="`profilebg-${playerData.PlayerLastName}`" title="profilebg" />
                </span>
                <span class="player-avatar">
                    <img :src="playerData.PlayerImage" :alt="`profilebg-${playerData.PlayerFirstName}`" />
                </span>
            </div>
        </div>
    </div>
    <dl class="player-stats" v-if="Object.keys(playerData).length != 0" v-cloak>
        <dt>Rank</dt>
        <dd>{{playerData.PlayerRank}}</dd>
        <dt>1st Serve points won </dt>
        <dd>{{playerData.PlayerFirstServePointsWon}}</dd>
        <dt>Aces</dt>
        <dd>{{playerData.Aces}}</dd>
        <dt>Career Win/Loss</dt>
        <dd>{{playerData.CareerWinLoss}}</dd>
        <dt>Service Games Won</dt>
        <dd>{{playerData.ServiceGamesWon}}</dd>
    </dl>
</div>

<input type="hidden" id="featuredPlayerApiUrl" value="/en/-/www/players/profile/widget" />
<div class="atp_stats">
    <div v-if="isLoading" class="atp_stats--loader">
        <div class="loader-header">
            <div class="loader-header-top">
                <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
            </div>
            <div class="loader-header-bottom">
                <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
                <skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader>
            </div>
        </div>
        <div class="loader-player-stats">
            <dl>
                <span>
                    <dt><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dt>
                    <dd class="name"><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dd>
                    <dd class="points"><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dd>
                    <dt><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dt>
                    <dd class="name"><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dd>
                    <dd class="points"><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dd>
                    <dt><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dt>
                    <dd class="name"><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dd>
                    <dd class="points"><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dd>
                    <dt><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dt>
                    <dd class="name"><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dd>
                    <dd class="points"><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dd>
                    <dt><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dt>
                    <dd class="name"><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dd>
                    <dd class="points"><skeleton-loader type="block" :height="1" :border-radius=".125"></skeleton-loader></dd>
                </span>
            </dl>
        </div>
    </div>
    <template v-if="shouldRender && !isLoading">
        <div class="stats-header">
            <h2 class="hide-text">Header 2</h2>
            <h3 class="primary-heading">
                <span class="infosys-logo">
                    <img src="/-/media/sites/atp-tour/stats/infosys-atp-stats-72px_1.png" alt="" title="" />
                    <span class="hide-text">Stats widget</span>
                </span>
            </h3>
            <a href="/en/stats/stats-home">See all <span class="icon-arrow-right2"></span></a>
            <ul class="tabs">
                <li :class="statsType == 'serve' ? 'selected' : ''" @click.prevent="switchStats('serve')">
                    <a>Serve</a>
                </li>
                <li :class="statsType == 'return' ? 'selected' : ''" @click.prevent="switchStats('return')">
                    <a>Return</a>
                </li>
                <li :class="statsType == 'pressure' ? 'selected' : ''" @click.prevent="switchStats('pressure')">
                    <a>Pressure</a>
                </li>
            </ul>
        </div>
        <div class="stats-content" v-cloak>
            <div class="player-stats" v-if="statsArray.length > 0">
                <dl class="stats-list">
                    <template v-for="(serve, index) in statsArray">
                        <span>
                        <dt>{{index + 1}}</dt>
                        <dd class="name">
                            <span class="flag"><flag :country="serve.PlayerCountryCode.toLowerCase()" size="tiny" /></span>
                            <a class="player-name" :href="lowercase(serve.ScRelativeUrlPlayerProfile)">{{serve.PlayerName}}</a>
                        </dd>
                        <dd class="points">{{serve.Stat.StatRating}}</dd>
                        </span>
                    </template>
                </dl>
            </div>
        </div>
    </template>
    <input type="hidden" class="atp_stats-endpoint" value="/en/-/www/StatsLeaderboard/TopFive/52week/all?v=1" />
</div>



<section class="atp-form" style="--atp-form-bg:#050053;--atp-form-text:#fff;--atp-form-text-muted:#fff;--atp-form-input-text:#fff;--atp-form-required-color:#fff;--atp-form-focus-color:#56AAC9;--atp-form-link-color:#56AAC9;--atp-form-button-bg:#56AAC9;--atp-form-button-text:#FFF;--atp-form-min-height:425px;--atp-form-input-border:2px solid #9E9E9E;--atp-form-input-border-color-hover:#56AAC9;--atp-form-input-placeholder-text-color:#9E9E9E;">
    <div class="atp-form__grid">

        <div class="atp-form__panel">
            <div class="atp-form__inner">


                    <div class="atp-form__title">
                        NEWSLETTERS
                    </div>

                    <div class="atp-form__header-content">
                        <span>Get official marketing communications from the ATP and WTA, delivered straight to your inbox! We'll send you newsletters keeping you informed about news, tournaments, competitions, ticketing, partner offers and more.</span>
                    </div>
            <form class="atp-form__marketing"
                  method="post"
                  action="/-/www/bloomreach/marketing/submit"
                  data-submitted-message="Thanks. We’ve received your submission."
                  data-atp-error-message="There was an error in the submition."
                  data-atp-submitting-text="SUBMITTING"
                  >

                <input type="hidden" name="formId" value="right-rail-form" />
                <input type="hidden" name="campaignId" value="" />
                <input type="hidden" name="eventType" value="signup" />
                <input type="hidden" name="sourceEntity" value="ATP Tour" />
                <input type="hidden" name="sourceType" value="entry_atp" />
                <input type="hidden" name="entryPoint" value="ent_atpweb" />
                <input type="hidden" name="formPlacement" value="right-rail" />
                <input type="hidden" name="formName" value="Right Rail Newsletter Form" />
                <input type="hidden" name="location" value="http://www.atptour.com/en/news" />
                <input type="hidden" name="optinType" value="double-opt-in" />
                <input type="hidden" name="language" value="en" />





                    <input type="hidden" name="disclaimerMessage" value="Your data will be used in accordance with the ATP Privacy Policy and WTA Privacy Policy." />

                <div class="atp-form__field">
                    <label for="email_99499c0b" maxlength="50" class="atp-form__label">
                        Email address
                    </label>
                    <div class="atp-form__field--wrapper">
                        <input id="email_99499c0b"
                               name="email"
                               type="email"
                               placeholder="name@domain.com"
                               class="atp-form__input"
                               data-atp-required="true"
                               data-error-message="Enter a valid email address." />
                        <span class="atp-form__field-icon">
                            <span class="icon-checkmark atp-form__field-icon--success"></span>
                            <span class="icon-cross atp-form__field-icon--error"></span>
                        </span>
                    </div>
                </div>

    <div class="atp-form__field atp-form__field--hidden">
        <input id="IsDiclaimerPolicy_99499c0b"
               type="hidden"
               name="IsDisclaimerPolicy"
               class="atp-form__checkbox"
               value="true"
               data-atp-required="true" />

    </div>


                <div class="atp-form__actions">
                    <button type="submit"
                            class="atp-form__button"
                            disabled
                            data-atp-loading-text="SUBMITTING">
                        SUBSCRIBE

                            <span class="icon-email"></span>
                    </button>
                </div>

                    <div class="atp-form__disclaimer">
                        <p> Your data will be used in accordance with the
<a href="https://www.atptour.com/en/privacy-policy" target="_blank" rel="noopener noreferrer">ATP Privacy Policy</a>
and
<a href="https://www.wtatennis.com/privacy-policy" target="_blank" rel="noopener noreferrer">WTA Privacy Policy</a>.</p>
                    </div>
            </form>
            </div>
        </div>
    </div>
</section>





</div>

                </div>
            </div>

            


<div class="atp_ad atp_ad--bordered-bottom  atp_ad-size-90--desktop atp_ad-size-50--mobile">
    <div class="iab-wrapper">
        <div class="adtech-wrapper">
            <div id='div-gpt-ad-Footer'>
                <script nonce="28e30305-f376-4acb-a2b7-50b52f0845f8" defer>
                         googletag.cmd.push(function () {
                            googletag.pubads().setForceSafeFrame(true);
                            googletag.display('div-gpt-ad-Footer');
                         });
                </script>
            </div>
        </div>
    </div>
</div>

        </div>
    </div>

    

    <div class="atp_apps">
        <div class="wrapper">
            <h3>DOWNLOAD OFFICIAL ATP WTA LIVE APP</h3>
            <div class="apps-store">
                <a href="https://play.google.com/store/apps/details?id=com.atptour.atptour&amp;hl=en_US&amp;gl=US"><img src="/-/media/sites/atp-tour/download-apps/google-play.svg" alt="Get it on Google Play" /></a>
                <a href="https://apps.apple.com/np/app/atp-tour/id1480255719"><img src="/-/media/sites/atp-tour/download-apps/apple-store.svg" alt="Download on the App Store" /></a>
            </div>
        </div>
    </div>



<!-- FRONT END -->

<div class="atp_partners atp_partners-list atp_partners-footer ">
    <h2 class="hide-text">Partners</h2>

    <!-- LOADER -->
    <div v-if="isLoading" class="wrapper atp_partners-footer--loader">
        <div class="loader-partners-list">
            <div class="partner-tier" v-for="i in 5" :key="i">
                <skeleton-loader type="paragraph" :rows="1"></skeleton-loader>
                <div class="partners-loader">
                    <skeleton-loader v-for="j in 4" :key="j" type="media"></skeleton-loader>
                </div>
            </div>
        </div>
    </div>

    <!-- DATA -->
    <template v-if="partnersTiers.length > 0 && !isLoading">
        <div class="wrapper">
            <div v-for="(partnersTier, partnersIndex) in partnersTiers"
                 :key="partnersIndex"
                 :class="['partner-group', partnersTier.SubTier ? 'multi-group' : '']">

                <!-- Main tier -->
                <div class="group-title">
                    <h3>{{ partnersTier.Title }}</h3>
                </div>

                <div class="partners">
                    <template v-for="(partner, partnerIndex) in partnersTier.PartnersList" :key="partnerIndex">
                        <!-- Link only when HideLink == false -->
                        <a v-if="!partner.HideLink"
                           :href="partner.Url"
                           target="_blank">
                            <img :src="partner.Image.Url"
                                 :alt="partner.Image.AltText"
                                 class="partner-logo" />
                        </a>
                        <!-- Image-only fallback -->
                        <img v-else
                             :src="partner.Image.Url"
                             :alt="partner.Image.AltText"
                             class="partner-logo" />
                    </template>
                </div>

                <!-- Sub-tier (optional) -->
                <template v-if="partnersTier.SubTier">
                    <div class="group-title">
                        <h3>{{ partnersTier.SubTier.Title }}</h3>
                    </div>

                    <div class="partners">
                        <template v-for="(subPartner, subIndex) in partnersTier.SubTier.PartnersList" :key="subIndex">
                            <a v-if="!subPartner.HideLink"
                               :href="subPartner.Url"
                               target="_blank">
                                <img :src="subPartner.Image.Url"
                                     :alt="subPartner.Image.AltText"
                                     class="partner-logo" />
                            </a>
                            <img v-else
                                 :src="subPartner.Image.Url"
                                 :alt="subPartner.Image.AltText"
                                 class="partner-logo" />
                        </template>
                    </div>
                </template>
            </div>
        </div>
    </template>
    <label for="partnersApiUrl" class="hide-text">Partner</label>
    <input id="partnersApiUrl" name="partnersApiUrl" aria-labelledby="partnersApiUrl" class="partnersApiUrl" hidden value="/en/-/partners/footer" />
</div>




<!-- START FOOTER SECTION -->
    <div class="atp_footer atp_footer-partner">
        <div class="wrapper">
            <div class="section">
                <div class="brand">
                            <a href=""><img src="/-/media/sites/atp-tour/header/logo-atptour-dark_1.png" class="logo-image" alt="ATPTour"></a>
                </div>

                    <div class="newsletter">
                        

<section class="atp-form" style="--atp-form-bg:transparent;--atp-form-text:#000;--atp-form-text-muted:#000;--atp-form-input-text:#051224;--atp-form-required-color:#000;--atp-form-focus-color:#051224;--atp-form-link-color:#0E6894;--atp-form-button-bg:#0E6894;--atp-form-button-text:#FFF;--atp-form-min-height:350px;--atp-form-input-border:1px solid #9E9E9E;--atp-form-input-bg:#fff;--atp-form-input-bg-hover:#fff;--atp-form-input-border-color-hover:#051224;--atp-form-input-placeholder-text-color:#9E9E9E;">
    <div class="atp-form__grid">

        <div class="atp-form__panel">
            <div class="atp-form__inner">



                    <div class="atp-form__header-content">
                        <strong>Sign up for ATP Tour newsletters</strong>

<p style="font-size: .8rem">Get official marketing communications from the ATP and WTA! We'll send you newsletters keeping you informed about news, tournaments, competitions, ticketing, partner offers and more.</p>
                    </div>
            <form class="atp-form__marketing"
                  method="post"
                  action="/-/www/bloomreach/marketing/submit"
                  data-submitted-message="Thanks. We’ve received your submission."
                  data-atp-error-message="There was an error in the submition."
                  data-atp-submitting-text="Submitting"
                  >

                <input type="hidden" name="formId" value="footer-form" />
                <input type="hidden" name="campaignId" value="" />
                <input type="hidden" name="eventType" value="signup" />
                <input type="hidden" name="sourceEntity" value="ATP Tour" />
                <input type="hidden" name="sourceType" value="entry_atp" />
                <input type="hidden" name="entryPoint" value="ent_atpweb" />
                <input type="hidden" name="formPlacement" value="footer" />
                <input type="hidden" name="formName" value="Footer Newsletter Form" />
                <input type="hidden" name="location" value="http://www.atptour.com/en/news" />
                <input type="hidden" name="optinType" value="double-opt-in" />
                <input type="hidden" name="language" value="en" />

                    <input type="hidden" name="atpPolicyMessage" value="I agree to the collection and processing of my personal data by ATP Tour, in accordance with the Terms &amp; Conditions and Privacy Policy." />

                    <input type="hidden" name="atpWtaPolicyMessage" value="I would like to receive communications about news, tournaments, competitions, ticketing, and partner offers from the ATP and WTA." />



                    <input type="hidden" name="disclaimerMessage" value="Your data will be used in accordance with the ATP Privacy Policy and WTA Privacy Policy." />

                <div class="atp-form__field">
                    <label for="email_970e7f5a" maxlength="50" class="atp-form__label">
                        Email address
                    </label>
                    <div class="atp-form__field--wrapper">
                        <input id="email_970e7f5a"
                               name="email"
                               type="email"
                               placeholder="name@domain.com"
                               class="atp-form__input"
                               data-atp-required="true"
                               data-error-message="Enter a valid email address." />
                        <span class="atp-form__field-icon">
                            <span class="icon-checkmark atp-form__field-icon--success"></span>
                            <span class="icon-cross atp-form__field-icon--error"></span>
                        </span>
                    </div>
                </div>

    <div class="atp-form__field atp-form__field--hidden">
        <input id="IsDiclaimerPolicy_970e7f5a"
               type="hidden"
               name="IsDisclaimerPolicy"
               class="atp-form__checkbox"
               value="true"
               data-atp-required="true" />

    </div>


                <div class="atp-form__actions">
                    <button type="submit"
                            class="atp-form__button"
                            disabled
                            data-atp-loading-text="Submitting">
                        Subscribe

                            <span class="icon-email"></span>
                    </button>
                </div>

                    <div class="atp-form__disclaimer">
                        <p> Your data will be used in accordance with the
<a href="https://www.atptour.com/en/privacy-policy" target="_blank" rel="noopener noreferrer">ATP Privacy Policy</a>
and
<a href="https://www.wtatennis.com/privacy-policy" target="_blank" rel="noopener noreferrer">WTA Privacy Policy</a>.</p>
                    </div>
            </form>
            </div>
        </div>
    </div>
</section>





                    </div>

                <div class="social">
    <ul>
            <li>
                <a href="https://www.facebook.com/ATPTour/" target="_blank">
                    <span class="icon-facebook"></span>
                    <span class="hide-text">icon-facebook</span>
                </a>
            </li>
            <li>
                <a href="https://twitter.com/atptour" target="_blank">
                    <span class="icon-x"></span>
                    <span class="hide-text">icon-x</span>
                </a>
            </li>
            <li>
                <a href="https://www.instagram.com/atptour" target="_blank">
                    <span class="icon-instagram"></span>
                    <span class="hide-text">icon-instagram</span>
                </a>
            </li>
            <li>
                <a href="https://www.youtube.com/channel/UCY_5h5zaSwN7Or4kIJDYNXA" target="_blank">
                    <span class="icon-youtube"></span>
                    <span class="hide-text">icon-youtube</span>
                </a>
            </li>
            <li>
                <a href="https://www.tiktok.com/@atptour" target="_blank">
                    <span class="icon-tiktok"></span>
                    <span class="hide-text">icon-tiktok</span>
                </a>
            </li>
    </ul>
</div>

            </div>
            <div class="section">
                <div v-if="isLoading" class="loader">
                    <div class="loading">
                        <div></div>
                        <div></div>
                        <div></div>
                        <div></div>
                    </div>
                </div>
                <div v-else class="links-wrapper" v-cloak>
                    <links :links="navigation.links" />
                </div>
            </div>
        </div>
        <div class="legal">
            <div class="wrapper">
                <p>&copy; Copyright 1994 - 2026 ATP Tour, Inc. All Rights Reserved. No part of this site may be reproduced, stored in a retrieval system or transmitted in any way or by any means (including photocopying, recording or storing it in any medium by electronic means), without the written permission of ATP Tour, Inc.. <a href="/en/terms-and-conditions">Terms &amp; Conditions</a>&nbsp;| <a href="/en/privacy-policy">Privacy </a>&nbsp;|&nbsp;<a href="/en/corporate/safe-sport-community-guidelines">Community Social Media Policy</a> | <a href="/en/corporate/modern-slavery-statement">Modern Slavery Statement</a>&nbsp;|&nbsp;<a href="/en/feedback">Feedback</a>  | <a href="/en/cookies">Cookies</a>  | <a href="javascript:OneTrust.ToggleInfoDisplay()">Your Privacy Choices <img src="https://www.atptour.com/-/media/sites/shared/privacy/privacyoptions29x14.png" alt="PrivacyChoices" /></a> </p>
<br class="t-last-br" />
<br class="t-last-br" />
            </div>
        </div>
        <input type="hidden" class="atp_footer-endpoint" value="/en/-/tour/footernavigation" />
    </div>
    <script nonce="28e30305-f376-4acb-a2b7-50b52f0845f8" id="atpTourFooterLinks" type="text/x-template">
        <template v-for="(group, index) in links" :key="index">
            <div class="links">
                <h4>{{group.header}}</h4>
                <ul>
                    <li v-for="(link, key) in group.items" :key="key">
                        <a :href="lowercase(link.url)" :class="link.active ? 'active' : ''" :target="link.external ? '_blank' : '_self'">
                            {{ link.label }} <span v-if="link.external" class="icon-external-link"></span>
                        </a>
                    </li>
                </ul>
            </div>
        </template>
    </script>
<!-- END FOOTER SECTION -->


    

    <div class="atp_video">
        <div class="atp_video-container"></div>
        <div class="atp_video-close"><span></span><span></span></div>
        <input type="hidden" class="atp_video-nonce" value="28e30305-f376-4acb-a2b7-50b52f0845f8" />
    </div>

    <script id="atpVideoPlayer" type="text/x-template">
        <div class="video-player">
            <div class="video">
                <video-js id="atpVideoJSPlayer"
                          data-video-id="${videoId}"
                          data-account="${videoAccountId}"
                          data-player="${videoPlayerId}"
                          data-video-tags="${videoTags}"
                          data-embed="default"
                          data-application-id
                          controls
                          width="100%"
                          height="100%">
                </video-js>
            </div>
        </div>
    </script>

    <script nonce="28e30305-f376-4acb-a2b7-50b52f0845f8" src="/assets/atptour/js/atptour.min.js?bust=639113417970135866" defer></script>

    

    
    <input type="hidden" id="gateway-host-name" value="https://app.atptour.com/api/v2/gateway" />
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9eb37d6548c4104d',t:'MTc3NjAxMDEwNw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>
