{"id":35808,"date":"2024-08-06T07:38:33","date_gmt":"2024-08-06T14:38:33","guid":{"rendered":"https:\/\/traceup.com\/?page_id=35808"},"modified":"2024-08-06T08:22:57","modified_gmt":"2024-08-06T15:22:57","slug":"renew-bulk","status":"publish","type":"page","link":"https:\/\/traceup.com\/renew-bulk","title":{"rendered":"Bulk Pricing"},"content":{"rendered":"\n  <div class=\"hero-wrapper \"> \n    \n\n<div class=\"hero-split hero-split-simple \">\n\t<div class=\"container\">\n\t\t\t<div class=\"hero-split__text\">\n\t\t\t\t<div class=\"hero-split__text-content\" style=\"max-width:1000px !important; \">\n\t\t\t\t\t<div class=\"hero-split__heading\">\n\t\t\t\t\t\t<h1 class=\"text-teal-50 emphasized-words\"><p>Renewing with Bulk<\/p>\n<\/h1>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<p class=\"text-teal-40 hero-split__copy\">Purchase PlayerFocus Pro subscriptions in Bulk\u00a0for your Trace renewal. <\/p>\n          \t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t<\/div>\n<\/div>\n\n  <\/div>\n\n\n\n<style>\r\n    .hero-split__text-content p {\r\n        margin-bottom:16px;\r\n    }\r\n    .first-column h2 {\r\n        font-size: 40px;\r\n        line-height: 110%;\r\n        color: rgb(31 97 109);\r\n        margin: 20px 0;\r\n    }\r\n    @media (max-width:800px) {\r\n        .first-column h2 {\r\n            font-size: 22px;\r\n            line-height: 110%;\r\n            color: rgb(31 97 109);\r\n            margin: 8px 0;\r\n        }\r\n    }\r\n    .first-column p {\r\n        font-family: Atak Light;\r\n        font-size: 22px;\r\n        color: rgb(24 146 154);\r\n        margin-bottom:16px;\r\n    }\r\n    @media (max-width:800px) {\r\n        .first-column p {\r\n            font-size: 18px;\r\n            margin-bottom:16px;\r\n        }\r\n    }\r\n    .row, .row-purchase {\r\n        display:flex;u\r\n        flex-direction: row;\r\n        flex-wrap: nowrap;\r\n        justify-content: space-around;\r\n        width: auto;\r\n        max-width:1400px;\r\n        margin:0 auto;\r\n    }\r\n    @media (max-width:800px) {\r\n        .row, .row-purchase {\r\n            flex-direction: column;\r\n            flex-wrap: wrap;\r\n        }\r\n    }\r\n    .first-column {\r\n        width:40%;\r\n        margin: 0 32px 0 0;\r\n    }\r\n    @media (max-width:800px) {\r\n        .first-column {\r\n            width: auto;\r\n            margin: 0 0 0 0;\r\n        }\r\n    }\r\n    .row-purchase {\r\n    }\r\n    @media (max-width:800px) {\r\n        .row-purchase {\r\n        }\r\n    }\r\n    .total-price-box {\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: center;\r\n        padding: 0 24px 0 16px;\r\n        width: 550px;\r\n        height: 88px;\r\n        margin: 8px 0;\r\n        flex: none;\r\n        order: 1;\r\n        align-self: stretch;\r\n        flex-grow: 0;\r\n    }\r\n    @media (max-width:700px) {\r\n        .total-price-box {\r\n            width: 100%;\r\n            padding: 0 24px 0 8px;\r\n            margin: 0 0;\r\n        }\r\n    }\r\n    .total-price-box div {\r\n        display:flex;\r\n        flex-direction: row-reverse;\r\n        width: 100%;\r\n        align-items: center;\r\n    }\r\n    @media (max-width:700px) {\r\n        .total-price-box div {\r\n            align-items: center;\r\n        }\r\n    }\r\n    .total-price-box div div {\r\n        display:block;\r\n    }\r\n    .button-wrapper a {\r\n        background-color: rgb(192 238 232);\r\n        border-radius: 100px;\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n        padding-top: 10px;\r\n        padding-bottom: 10px;\r\n        font-size: 15px;\r\n        letter-spacing: 2%;\r\n        line-height: 140%;\r\n        letter-spacing: 0em;\r\n        color: rgb(31 97 109) !important;\r\n        text-decoration:none !important;\r\n    }\r\n    .junior-p #junior_discount {\r\n        width:16px !important;\r\n        height:16px !important;\r\n    }\r\n    .junior-p span {\r\n        text-decoration: underline;\r\n    }\r\n    .junior-p:hover, .junior-p span:hover,  .junior-p span input:hover,  .junior-p span label:hover, .next-year a:hover {\r\n        cursor: pointer;\r\n    }\r\n    input[type=\"checkbox\"] {\r\n        float: left;\r\n        margin-right: 10px;\r\n        vertical-align: bottom;\r\n        margin-top: 7px;\r\n    }\r\n    #sport_row {\r\n        margin-top: 25px;\r\n    }\r\n    .pricing_selection_box {\r\n        align-items: center;\r\n        padding: 8px 24px 16px 16px;\r\n        width: 550px;\r\n        background: #fff;\r\n        border: 2px solid #fff;\r\n        border-radius: 24px;\r\n        align-self: stretch;\r\n        margin: 0px;\r\n        cursor: pointer;\r\n    }\r\n    .flex {\r\n        flex-direction: row;\r\n        flex-grow: 0;\r\n        flex: none;\r\n        order: 1;\r\n        display:flex;\r\n        height:auto;\r\n    }\r\n    @media (max-width:700px) {\r\n        .pricing_selection_box {\r\n            width: 100%;\r\n            padding: 8px 24px 8px 8px;\r\n        }\r\n    }\r\n    #plan_team_box {\r\n        height:auto;\r\n    }\r\n    #plan_team_box hr {\r\n        width: 100%;\r\n        border: 1px solid #D7D8D8;\r\n    }\r\n    .pricing_selection_box:hover {\r\n\/* background: #F8FAFA; *\/\r\n\/* Brand\/Trace\/Regular *\/\r\nborder: 2px solid #7CDCD1;\r\n}\r\n.pricing_selection_column_1 {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    padding: 0px;\r\n    gap: 8px;\r\n    width: 72px;\r\n    height: 72px;\r\n    flex: none;\r\n    order: 0;\r\n    align-self: stretch;\r\n    flex-grow: 0;\r\n}\r\n.pricing_selection_column_1 p {\r\n    font-family: Atak;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    font-size: 46px;\r\n    text-align: center;\r\n}\r\n.pricing_selection_column_1 img {\r\n    width: 72px;\r\n    height: 72px;\r\n}\r\n.pricing_selection_column_2 {\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: flex-start;\r\n    padding: 0 0 12px 8px;\r\n    gap: 8px;\r\n    width: 390px;\r\n\/* height: 48px; *\/\r\n\/* Inside auto layout *\/\r\nflex: none;\r\norder: 1;\r\nflex-grow: 1;\r\n}\r\n@media (max-width:700px) {\r\n    .pricing_selection_column_2 {\r\n        width: 175px;\r\n        height: auto;\r\n    }\r\n}\r\n#plan_team_box .pricing_selection_column_2, #plan_team_multi_box .pricing_selection_column_2, #plan_family_box .pricing_selection_column_2, #plan_club_box .pricing_selection_column_2 {\r\n    align-self: stretch !important;\r\n}\r\n.pricing_selection_column_2 .pricing_selection_column_2_title {\r\n    font-weight: 700;\r\n    font-size: 22px;\r\n    line-height:42px;\r\n    padding:6px 0 0 0;\r\n\/* identical to box height, or 114% *\/\r\nletter-spacing: -0.02em;\r\n\/* Neutral\/Black *\/\r\ncolor: #323333;\r\n}\r\n@media (max-width:700px) {\r\n    .pricing_selection_column_2 .pricing_selection_column_2_title {\r\n        font-size: 22px;\r\n    }\r\n}\r\n#sport_soccer .pricing_selection_column_2 .pricing_selection_column_2_title {\r\n    line-height: 72px;\r\n    padding:0 0 0 0;\r\n}\r\n.pricing_selection_column_2 .pricing_selection_column_2_price{\r\n    line-height: 20px;\r\n    margin-top:10px;\r\n}\r\n\r\n.pricing_selection_column_2 .pricing_selection_column_2_body {\r\n    font-style: normal;\r\n    font-weight: 300;\r\n    font-size: 15px;\r\n    letter-spacing: 2%;\r\n    line-height: 18px;\r\n    color: #7B7D7D;\r\n    line-height: 140%;\r\n}\r\n@media (max-width:700px) {\r\n    .pricing_selection_column_2 .pricing_selection_column_2_body {\r\n        font-size: 13px;\r\n    }\r\n}\r\n.pricing_selection_column_2 .pricing_selection_column_2_body span{\r\n    color: #F35C2B;\r\n}\r\n.pricing_selection_column_2 .pricing_selection_column_2_more {\r\n    font-style: normal;\r\n    font-weight: 200;\r\n    font-size: 15px;\r\n    letter-spacing: 2%;\r\n    line-height: 20px;\r\n    color: #323333;\r\n}\r\n.pricing_selection_column_2 .pricing_selection_column_2_more div {\r\n    line-height: 140%;\r\n}\r\n@media (max-width:700px) {\r\n    .pricing_selection_column_2 .pricing_selection_column_2_more div, .pricing_selection_column_2 .pricing_selection_column_2_more div strong {\r\n    }\r\n}\r\n.pricing_selection_column_2 .pricing_selection_column_2_more ul{\r\n    margin-left:14px;\r\n}\r\n.pricing_selection_column_3 {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: flex-start;\r\n    padding: 16px 0px;\r\n    gap: 8px;\r\n    width: 40px;\r\n    height: 72px;\r\n    flex: none;\r\n    order: 2;\r\n    align-self: stretch;\r\n    flex-grow: 0;\r\n}\r\n.pricing_selection_column_3 .pricing_radio {\r\n    background-image: url(\"https:\/\/traceup.com\/wp-content\/uploads\/2022\/06\/pricing_radio_off.png\");\r\n    background-repeat: no-repeat;\r\n    height: 40px;\r\n    width: 40px;\r\n    background-size: cover;\r\n}\r\n.pricing_selection_column_3 .pricing_radio_equipment {\r\n    background-repeat: no-repeat;\r\n    height: 40px;\r\n    width: 40px;\r\n    background-size: cover;\r\n}\r\ninput[type=radio] {\r\n    position: absolute;\r\n    opacity: 0;\r\n}\r\ninput[type=radio]:checked+.pricing_selection_box {\r\n    background-color: #fff;\r\n    border: 2px solid #18929A;\r\n}\r\ninput[type=radio]:checked+.pricing_selection_box .pricing_selection_column_3 .pricing_radio {\r\n    background-image: url(\"https:\/\/traceup.com\/wp-content\/uploads\/2022\/06\/pricing_radio_req.png\");\r\n}\r\ninput[type=radio]:checked+.pricing_selection_box .pricing_selection_column_3 .pricing_radio_equipment {\r\n    background-image: url(\"https:\/\/traceup.com\/wp-content\/uploads\/2022\/06\/pricing_radio_req.png\");\r\n}\r\ninput[type=radio]:not(:checked)+.pricing_selection_box .pricing_selection_column_3 .pricing_radio {\r\n    background-image: url(\"https:\/\/traceup.com\/wp-content\/uploads\/2022\/06\/pricing_radio_off.png\");\r\n}\r\n#purchase_bar {\r\n    position: fixed;\r\n    bottom: 0px;\r\n    left: 0;\r\n    width: 100%;\r\n    background-color: #1F616D;\r\n    display: block;\r\n    z-index: 5;\r\n    color:white;\r\n    transition: all .75s ease;\r\n    animation: ripple .75s ease;\r\n}\r\n.beta {\r\n    font-style: normal;\r\n    font-weight: 800;\r\n    font-size: 12px;\r\n    line-height: 22px;\r\n\/* identical to box height *\/\r\nletter-spacing: -0.01em;\r\ncolor: #F35C2B!important;\r\nbackground: #FBC9B8;\r\nborder-radius: 4px;\r\npadding: 2px 8px;\r\ndisplay: inline-block;\r\nmargin:0 0 8px 0;\r\n}\r\n@media (max-width:700px) {\r\n    .beta{\r\n        display: inline-block;\r\n        margin:0 0 8px 0;\r\n    }\r\n}\r\n.flex_img {\r\n    width:72px;\r\n    height: 72px;\r\n    display:block;\r\n}\r\n#equipment_purchase {\r\n    display: none;\r\n}\r\n#equipment_basic_purchase {\r\n    display: none;\r\n}\r\n#equipment_pf_purchase {\r\n    display: none;\r\n}\r\n#equipment_pfv_purchase {\r\n    display: none;\r\n}\r\n#equipment {\r\n    display: none;\r\n}\r\n#player_subscriptions {\r\n    display: none;\r\n}\r\n#equipment-team {\r\n    display: none;\r\n}\r\n#player_subscription-team {\r\n    display: none;\r\n}\r\n#club {\r\n    display: none;\r\n}\r\n\r\n\/* TEAM BULK *\/\r\n#team_equipment {\r\n    display: none;\r\n}\r\n#bulk_11_15_purchase {\r\n    display: none;\r\n}\r\n#bulk_16_purchase {\r\n    display: none;\r\n}\r\n\r\n@media (max-width:700px) {\r\n    .mobile_hide{\r\n        display: none;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"container\" style=\"margin-top:-60px;\">\r\n    <style>\r\n        .player-counter {\r\n          display: flex;\r\n          align-items: center;\r\n          font-family: Arial, sans-serif;\r\n        }\r\n\r\n        .player-counter .label {\r\n          margin-right: 10px;\r\n          font-size: 18px;\r\n        }\r\n\r\n        .player-counter .counter {\r\n          display: flex;\r\n          align-items: center;\r\n        }\r\n\r\n        #playerCount {\r\n          width: 40px;\r\n          height: 30px;\r\n          text-align: center;\r\n          font-size: 18px;\r\n          border: 1px solid #ccc;\r\n          border-radius: 4px;\r\n          margin: 0 5px;\r\n          padding: 0;\r\n          box-sizing: border-box;\r\n        }\r\n\r\n\r\n        .player-counter button {\r\n          width: 30px;\r\n          height: 30px;\r\n          font-size: 18px;\r\n          background-color: #f0f0f0;\r\n          border: 1px solid #ccc;\r\n          border-radius: 50%;\r\n          cursor: pointer;\r\n          display: flex;\r\n          justify-content: center;\r\n          align-items: center;\r\n          padding: 0;\r\n          line-height: 1;\r\n        }\r\n\r\n        .player-counter button:hover {\r\n          background-color: #e0e0e0;\r\n        }\r\n\r\n        \/* Remove spinner for webkit browsers like Chrome, Safari *\/\r\n        .player-counter input[type=\"number\"]::-webkit-inner-spin-button,\r\n        .player-counter input[type=\"number\"]::-webkit-outer-spin-button {\r\n          -webkit-appearance: none;\r\n          margin: 0;\r\n        }\r\n\r\n        \/* Remove spinner for Firefox *\/\r\n        .player-counter input[type=\"number\"] {\r\n          -moz-appearance: textfield;\r\n        }\r\n    <\/style>\r\n    <script>\r\n        let player_subscription = {\r\n          priceId: 'price_1PVbYkGiU1oRXdcXngpGA3vY',\r\n          quantity: 7  \/\/ Start with the minimum quantity\r\n        };\r\n\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const playerCount = document.getElementById('playerCount');\r\n            const incrementBtn = document.querySelector('.increment');\r\n            const decrementBtn = document.querySelector('.decrement');\r\n\r\n          function updatePlayerSubscription() {\r\n            let quantity = parseInt(playerCount.value);\r\n            player_subscription.quantity = quantity;\r\n\r\n            \/\/ Update priceId based on quantity\r\n            if (quantity >= 7 && quantity <= 10) {\r\n              player_subscription.priceId = 'price_1PVbYkGiU1oRXdcXngpGA3vY';\r\n\r\n              var player_subscription_total = document.querySelectorAll(\"#player_subscription_total\");\r\n\r\n              player_subscription_total.forEach(function(element) {\r\n                    element.innerText = (quantity * 200).toLocaleString();\r\n                });\r\n\r\n              document.getElementById(\"bulk_pricing\").innerHTML = 200;\r\n              document.getElementById(\"bulk_savings\").innerHTML = 100;\r\n\r\n              var new_tier = 11 - quantity;\r\n\r\n              document.getElementById(\"bulk_tier\").innerHTML = \"Add \" + new_tier + \" more to save\";\r\n              \r\n\r\n            } else if (quantity >= 11 && quantity <= 15) {\r\n              player_subscription.priceId = 'price_1PUB5oGiU1oRXdcXrLlDStWJ';\r\n\r\n              var player_subscription_total = document.querySelectorAll(\"#player_subscription_total\");\r\n\r\n              player_subscription_total.forEach(function(element) {\r\n                    element.innerText = (quantity * 175).toLocaleString();\r\n                });\r\n\r\n              document.getElementById(\"bulk_pricing\").innerHTML = 175;\r\n              document.getElementById(\"bulk_savings\").innerHTML = 125;\r\n\r\n              var new_tier = 16 - quantity;\r\n\r\n              document.getElementById(\"bulk_tier\").innerHTML = \"Add \" + new_tier + \" to save even more\";\r\n\r\n            } else if (quantity >= 16) {\r\n              player_subscription.priceId = 'price_1PVgCQGiU1oRXdcXIL8Vnfjj';\r\n\r\n              var player_subscription_total = document.querySelectorAll(\"#player_subscription_total\");\r\n\r\n              player_subscription_total.forEach(function(element) {\r\n                    element.innerText = (quantity * 150).toLocaleString();\r\n                });\r\n\r\n              document.getElementById(\"bulk_pricing\").innerHTML = 150;\r\n              document.getElementById(\"bulk_savings\").innerHTML = 150;\r\n\r\n              document.getElementById(\"bulk_tier\").innerHTML = \"You are saving the most!\";\r\n            }\r\n\r\n            console.log('Updated player_subscription:', player_subscription); \/\/ For debugging\r\n          }\r\n\r\n          \/\/ Set initial value, min and max attributes\r\n          playerCount.value = 7;\r\n          playerCount.min = 7;\r\n          playerCount.max = 40;\r\n\r\n          \/\/ Initial update\r\n          updatePlayerSubscription();\r\n\r\n          incrementBtn.addEventListener('click', function() {\r\n            if (parseInt(playerCount.value) < 40) {\r\n              playerCount.value = parseInt(playerCount.value) + 1;\r\n              updatePlayerSubscription();\r\n            }\r\n          });\r\n\r\n          decrementBtn.addEventListener('click', function() {\r\n            if (parseInt(playerCount.value) > 7) {\r\n              playerCount.value = parseInt(playerCount.value) - 1;\r\n              updatePlayerSubscription();\r\n            }\r\n          });\r\n\r\n          playerCount.addEventListener('change', function() {\r\n            let value = parseInt(this.value);\r\n            if (value < 7) {\r\n              this.value = 7;\r\n            } else if (value > 40) {\r\n              this.value = 40;\r\n            }\r\n            updatePlayerSubscription();\r\n          });\r\n        });\r\n    <\/script>\r\n    <div id=\"bulk_player_subscriptions\">\r\n        <br>\r\n        <br>\r\n        <div class=\"row\" id=\"equipment_row\" style=\"flex-wrap:nowrap\">\r\n            <div class=\"col-xs-12 col-md-6 first-column\">\r\n                <h2>Bulk PlayerFocus Pro subscriptions<\/h2>\r\n                <p>To access the footage, you will need a PlayerFocus subscription. For teams interested in group purchases, we offer bulk discounts on our annual PlayerFocus Pro plan. Once you purchase your subscriptions, you\u2019ll receive codes for each person to use when starting their PlayerFocus Pro subscription on Trace. Don't forget about your coach!<\/p>\r\n            <\/div>\r\n            <!--END COL -->\r\n            <div class=\"col-xs-12 col-md-6\">\r\n                <label id=\"playerfocus_pro_bulk_7_10_subscription\">\r\n                    <input type=\"radio\" name=\"playerfocus_pro_bulk_7_10_subscription_radio\" id=\"playerfocus_pro_bulk_7_10_subscription_radio\">\r\n                    <div id=\"plan_team_box\" class=\"pricing_selection_box\" style=\"\/* height:550px!important; *\/\">\r\n                        <div class=\"flex\">\r\n                            <div class=\"pricing_selection_column_2\">\r\n                                <div class=\"pricing_selection_column_2_title\">Bulk PlayerFocus Pro subscriptions<\/div>\r\n                                <div class=\"pricing_selection_column_2_more\">\r\n                                    <div class=\"pricing_selection_column_2_body\">\r\n                                        <p>Each subscriber gets unlimited access for up to 4 members of their family.<\/p><br>\r\n                                        <ul>\r\n                                            <li>Access + store ALL games<\/li>\r\n                                            <li>Automatic spotlight on your player<\/li>\r\n                                            <li>Watch Player Highlights in PlayerCam (4x zoom) or tactical view<\/li>\r\n                                            <li>Watch full game footage<\/li>\r\n                                            <li>Download unlimited highlights<\/li>\r\n                                            <li>PlayerFocus Analytics<\/li>\r\n                                            <li>Create unlimited playlists + highlights on Trace iD<\/li>\r\n                                            <li>Upload external video to Trace iD<\/li>\r\n                                        <\/ul>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"pricing_selection_column_3\">\r\n                                <div class=\"pricing_radio\"><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <!-- END FLEX -->\r\n                        <hr>\r\n                        <div class=\"flex\">\r\n                            <div class=\"pricing_selection_column_2\">\r\n                                <div class=\"pricing_selection_column_2_title\">\r\n                                    <div class=\"pricing_selection_column_2_price\">\r\n                                        <div class=\"player-counter\">\r\n                                            <span class=\"label\">\r\n                                                Subscriptions\r\n                                                <br>\r\n                                                <span style=\"font-size:12px;line-height:0px;font-weight:normal;\" id=\"bulk_tier\"><\/span>\r\n                                            <\/span>\r\n                                            <div class=\"counter\">\r\n                                                <button class=\"decrement\">-<\/button>\r\n                                                <input type=\"number\" id=\"playerCount\" value=\"7\" min=\"7\" max=\"40\">\r\n                                                <button class=\"increment\">+<\/button>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <!-- END FLEX -->\r\n                        <hr>\r\n                        <div class=\"flex\">\r\n                            <div class=\"pricing_selection_column_2\">\r\n                                <div class=\"pricing_selection_column_2_title\">\r\n                                    <div class=\"pricing_selection_column_2_price\">\r\n                                        $<span id=\"bulk_pricing\"><\/span> <span style=\"font-size:12px\"> per subscription (save $<span id=\"bulk_savings\"><\/span> per subscription)<\/span>\r\n                                        <div>\r\n                                            <span style=\"color:#F35C2B;font-size:12px\">Valid for one year<\/span>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <!-- END FLEX -->\r\n                    <\/div>\r\n                    <!-- END PRICING_SELECTION_BOX -->\r\n                <\/label>\r\n                <br>\r\n            <\/div>\r\n            <!--END COL -->\r\n        <\/div>\r\n        <!-- END ROW -->\r\n    <\/div>\r\n    <!--END TEAM BULK PLAYER SUBSCRIPTIONS -->\r\n    <br>\r\n    <br>\r\n    <div class=\"row\">\r\n        <style>\r\n            #purchase_bar h3 {\r\n            font-weight: 700;\r\n            font-size: 21px;\r\n            line-height: 24px;\r\n            letter-spacing: -0.02em;\r\n            color: #fff;\r\n            margin: 0;\r\n        }\r\n        @media (max-width:700px) {\r\n            #purchase_bar h3 {\r\n                font-size: 16px;\r\n                line-height: 16px;\r\n                margin-bottom: 2px;\r\n            }\r\n        }\r\n        #purchase_bar .next-year {\r\n            font-style: normal;\r\n            font-weight: 200;\r\n            font-size: 15px;\r\n            line-height: 15px;\r\n            letter-spacing: 2%;\r\n            color: #7CDCD1;\r\n            margin-top:4px;\r\n        }\r\n        #purchase_bar .next-year span {\r\n            color: #7CDCD1;\r\n            cursor: pointer;\r\n        }\r\n        .next-year span span {\r\n            text-decoration:underline;\r\n            cursor: pointer;\r\n        }\r\n        @media (max-width:700px) {\r\n            #purchase_bar p {\r\n                line-height: 1;\r\n                color: #C0EEE8;\r\n            }\r\n            #purchase_bar .next-year, #purchase_bar .next-year span {\r\n                font-size: 15px;\r\n                line-height: 15px;\r\n                letter-spacing: 2%;\r\n            }\r\n        }\r\n        @media (max-width:700px) {\r\n            #purchase_bar p {\r\n                line-height: 1;\r\n            }\r\n            #purchase_bar .next-year, #purchase_bar .next-year span {\r\n                font-size: 12px;\r\n                line-height: 0;\r\n            }\r\n        }\r\n        #purchase_bar .purchase_button {\r\n            margin-top: 0;\r\n        }\r\n        #purchase_bar .purchase_button a {\r\n            color: white;\r\n        }\r\n        <\/style>\r\n        <div id=\"purchase_bar\">\r\n            <div class=\"container\">\r\n                <div class=\"row-purchase\">\r\n                    <!-- fix spacing on the left to match the top accordion sections -->\r\n                    <div class=\"col-xs-12 col-md-6 first-column\">\r\n                        <!-- nada -->\r\n                    <\/div>\r\n                    <div class=\"col-xs-12 col-md-6 total-price-box\">\r\n                        <div id=\"bulk_7_10_purchase\">\r\n                            <div class=\"col-xs-6 col-md-2 pull-right\">\r\n                                <div id=\"plan_team_purchase_button\" class=\"purchase_button\">\r\n                                    <script>\r\n                                    $(document).ready(function() {\r\n                                        $(\"#buy_button_team\").click(function() {\r\n                                            var subscription_sport = $('input[name=\"sport_radio\"]:checked').val();\r\n                                            document.cookie = \"subscription-sport=soccer;max-age=\" + 60 * 60 * 24 * 10 + \"; path=\/\";\r\n                                        });\r\n                                    });\r\n                                    <\/script>\r\n                                    <p id=\"buy_button_team\" class=\"button-wrapper\" style=\"text-align: right!important\">\r\n                                        <script src=\"https:\/\/js.stripe.com\/v3\/\"><\/script>\r\n                                        <a id=\"checkout-button\" href=\"#\">Checkout<\/a>\r\n                                        <script>\r\n                                        document.addEventListener('DOMContentLoaded', function() {\r\n                                            var checkoutButton = document.getElementById('checkout-button');\r\n\r\n                                            checkoutButton.addEventListener('click', function(event) {\r\n                                                event.preventDefault(); \/\/ Prevent the default link behavior\r\n                                                console.log('Checkout button clicked for bundled products');\r\n                                                fetch('\/wp-json\/stripe-checkout\/v1\/create-session', {\r\n                                                        method: 'POST',\r\n                                                        headers: {\r\n                                                            'Content-Type': 'application\/json'\r\n                                                        },\r\n                                                        body: JSON.stringify({\r\n                                                            items: [\r\n                                                                player_subscription,\r\n                                                            ],\r\n                                                            checkoutType: 'secondCheckout'\r\n\r\n                                                        })\r\n                                                    })\r\n                                                    .then(function(response) {\r\n                                                        console.log('Response status:', response.status);\r\n                                                        return response.json();\r\n                                                    })\r\n                                                    .then(function(data) {\r\n                                                        console.log('Server response:', data);\r\n                                                        if (data.url) {\r\n                                                            console.log('Checkout URL:', data.url);\r\n                                                            window.location.href = data.url; \/\/ Redirect in the same window\r\n                                                        } else {\r\n                                                            throw new Error('No checkout URL returned from the server');\r\n                                                        }\r\n                                                    })\r\n                                                    .catch(function(error) {\r\n                                                        console.error('Error:', error);\r\n                                                        alert('An error occurred: ' + error.message);\r\n                                                    });\r\n                                            });\r\n                                        });\r\n                                        <\/script>\r\n                                    <\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"col-xs-6 col-md-4 pull-right\">\r\n                                <div>\r\n                                    <h3>Total: $<span id=\"player_subscription_total\"><\/span><\/h3>\r\n                                    <p><span class=\"next-year\">Equipment: <s>$495<\/s> Free<\/span><\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <!-- END PLAYERFOCUS PRO BULK 7 to 10 -->\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<!-- END CONTAINER -->\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":155722412,"featured_media":32337,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-sports.php","meta":{"_acf_changed":false,"content-type":"","_starter_page_template":"","_wpcom_template_layout_category":[],"footnotes":""},"categories":[703414498],"tags":[],"class_list":["post-35808","page","type-page","status-publish","has-post-thumbnail","hentry","category-soccer"],"acf":[],"jetpack_sharing_enabled":true,"jetpack_likes_enabled":false,"_links":{"self":[{"href":"https:\/\/traceup.com\/wp-json\/wp\/v2\/pages\/35808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/traceup.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/traceup.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/traceup.com\/wp-json\/wp\/v2\/users\/155722412"}],"replies":[{"embeddable":true,"href":"https:\/\/traceup.com\/wp-json\/wp\/v2\/comments?post=35808"}],"version-history":[{"count":9,"href":"https:\/\/traceup.com\/wp-json\/wp\/v2\/pages\/35808\/revisions"}],"predecessor-version":[{"id":35819,"href":"https:\/\/traceup.com\/wp-json\/wp\/v2\/pages\/35808\/revisions\/35819"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/traceup.com\/wp-json\/wp\/v2\/media\/32337"}],"wp:attachment":[{"href":"https:\/\/traceup.com\/wp-json\/wp\/v2\/media?parent=35808"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/traceup.com\/wp-json\/wp\/v2\/categories?post=35808"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/traceup.com\/wp-json\/wp\/v2\/tags?post=35808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}