Flint Institute of Music Component Library

Payment 

<html lang="en" xml:lang="en">

<head>
</head>

<body><input name="__RequestVerificationToken" type="hidden" value="59uVkIdIXEh134d1ZxM3ASG5b_qW_kpqtR5BPLetMnrNGWmaZLaIoBJE5eRoC5L8OnRU01UObMjChtVtMzqXhmkPjWBDqp61KOtI_nIUlMZBLtjggqwGxklfds4A992J-MlpEuwezVVWVf72oKjYlN4T-Nmfipj_YrvMJWTLKzsvfVCF0">

    <meta charset="UTF-8">
    <title>Review &amp; Pay | FIM Ticket Center</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">

    <link href="https://production.tnew-assets.com/tnew/public/tnew.33f5fdb65e529b0c707e.css" rel="stylesheet">

    <link href="https://production.tnew-assets.com/tnew/public/tnew-cart.1335747a5d8d45664fd8.css" rel="stylesheet" type="text/css">

    <link href="https://production.tnew-assets.com/tnew/public/tnew-cart-payment.0c9f9cbb11799277dd7a.css" rel="stylesheet" type="text/css">

    <div style="display: none;" data-tn-component-property="32a0f2f8-6d0e-4f70-bb20-c03b3e9d24ad_FormSubmissionErrorMessage">Please correct the following error(s):</div>
    <div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_Heading">Are you sure you want to remove this item?</div>
    <div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_Body">If you are removing seats, you may not be able to reserve the same seats again.</div>
    <div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_DeleteItemButtonText">Remove Item</div>
    <div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_CancelButtonText">Cancel</div>
    <div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_RemoveNonInventoryItemSectionText">The item will be removed from your cart.</div>
    <!-- BEGIN INJECTED HEAD -->

    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=2, minimum-scale=1, user-scalable=yes">
    <style>
        #tn-whitelabel-container {
            max-width: 1230px;
            margin: 0 auto;
            padding: 0 15px;
        }

        @media (max-width: 767px) {
            #tn-whitelabel-container {
                padding: 0 10px;
            }
        }
    </style>

    <!-- END INJECTED HEAD -->

    <!-- BEGIN INJECTED HEADER -->

    <link media="all" rel="stylesheet" href="../../css/tnew.css">

    <header class="header">
        <div class="header_inner">
            <h1 class="header_logo">
                <img class="header_logo_image" src="../../images/logo.svg" alt="FIM Ticket Center Logo" />
                <span class="header_logo_label">Ticket<br />Center</span>
            </h1>

            <nav class="header_nav_wrapper">
                <button class="js-swap header_nav_toggle" data-swap-target=".header_nav">
                    <span class="header_nav_toggle_label">Menu</span>
                    <span class="header_nav_toggle_icon"></span>
                </button>

                <nav class="header_nav">
                    <a class="header_link" href="#">Events Listing</a>
                    <a class="header_link" href="#">Packages</a>
                    <a class="header_link" href="#">Donate</a>
                </nav>
        </div>
        </div>
    </header>
    <div id="tn-whitelabel-container">

        <!-- END INJECTED HEADER -->

        <div class="tn-utility-nav tn-utility-nav--timer-active">

            <div class="tn-utility-nav-account-section__container">
                <nav class="tn-utility-nav-account-section tn-utility-nav-account-section--logged-in" aria-labelledby="tn-utility-nav-account-heading">
                    <h2 id="tn-utility-nav-account-heading" class="sr-only">Account</h2>

                    <div class="tn-utility-nav-account-section__user-display tn-utility-nav-inline-container">
                        <div class="tn-utility-nav-account-user-display">
                            <span class="tn-utility-nav-account-user-display__label">My Account: &nbsp;</span>
                            <span class="tn-utility-nav-account-user-display__email">agalvin@fastspot.com</span>
                        </div>

                    </div>
                    <button id="tn-utility-nav-account-menu-button" type="button" class="tn-utility-nav-account-menu-btn btn btn-primary btn-sm" aria-expanded="false">
                        <svg aria-hidden="true" class="tn-icon tn-icon--person-fill tn-utility-nav-account-login-link__user-icon">
                            <use xlink:href="../../images/sprites.svg#person-fill"></use>
                        </svg>
                        <svg aria-hidden="true" class="tn-icon tn-icon--caret-down-fill tn-utility-nav-account-menu-btn__triangle-down">
                            <use xlink:href="../../images/sprites.svg#caret-down-fill"></use>
                        </svg>
                        <span class="sr-only">Account Options</span>
                    </button>
                    <div class="tn-utility-nav-account-menu__container" style="display: none;">
                        <div class="tn-utility-nav-account-menu">

                            <div class="tn-utility-nav-account-menu__section tn-utility-nav-account-menu__section--user-display">
                                <div class="tn-utility-nav-account-user-display">
                                    <span class="tn-utility-nav-account-user-display__label">My Account: &nbsp;</span>
                                    <span class="tn-utility-nav-account-user-display__email">agalvin@fastspot.com</span>
                                </div>

                            </div>

                            <div class="tn-utility-nav-account-menu__section tn-utility-nav-account-menu__section--account-navigation">
                                <h3 class="tn-utility-nav-account-menu__section-heading" id="tn-utility-nav-account-list-heading">Account</h3>
                                <ul class="tn-utility-nav-account-menu__list" aria-labelledby="tn-utility-nav-account-list-heading">
                                    <li><a class="tn-utility-nav-account-menu__link" href="/account/content">Digital Content</a></li>
                                    <li><a class="tn-utility-nav-account-menu__link" href="https://flnt-tnew-test.tnhs.cloud/account/update?returnurl=%2fcart%2fpayment">Edit Your Account Information</a></li>
                                    <li><a class="tn-utility-nav-account-menu__link" href="/account/upcomingevents">Upcoming Events</a></li>
                                    <li><a class="tn-utility-nav-account-menu__link" href="/account/interests">Update Your Interests</a></li>
                                    <li class="tn-utility-nav-account-menu__divided-list-item">
                                        <a class="tn-utility-nav-account-menu__link" href="https://flnt-tnew-test.tnhs.cloud/account/logout">Logout</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </nav>
            </div>

            <section class="tn-utility-nav-cart-controls-section" aria-labelledby="tn-utility-nav-cart-controls-heading">
                <h2 id="tn-utility-nav-cart-controls-heading" class="sr-only">Cart</h2>
                <div class="tn-utility-nav-cart-timer" role="timer" data-tn-is-timed="">
                    <svg aria-hidden="true" class="tn-icon tn-icon--clock tn-utility-nav-cart-timer__icon">
                        <use xlink:href="../../images/sprites.svg#clock"></use>
                    </svg>
                    <span class="tn-utility-nav-cart-timer__label">
                        Time remaining:
                    </span>
                    <span class="tn-utility-nav-cart-timer__time" id="tn-count-down-timer" style="visibility: visible;" data-tn-milliseconds-remaining="1114723.1185">18:23</span>
                </div>

                <a href="https://flnt-tnew-test.tnhs.cloud/cart/details" class="tn-utility-nav-cart-link btn btn-primary btn-sm" aria-label="View Cart, 2 items">
                    <svg aria-hidden="true" class="tn-icon tn-icon--cart-fill tn-utility-nav-cart-link__icon">
                        <use xlink:href="../../images/sprites.svg#cart-fill"></use>
                    </svg>
                    <span class="tn-utility-nav-cart-link__label">View Cart</span>
                    <span class="tn-utility-nav-cart-link__quantity-badge">2</span>
                </a>
            </section>
        </div>

        <div style="display: none;" data-tn-component-property="2e16b93d-fa49-4b05-b981-9897dc177655_ExpiredModalTitle">Your cart has expired</div>
        <div style="display: none;" data-tn-component-property="2e16b93d-fa49-4b05-b981-9897dc177655_ExpiredModalText">Your order contained expired items and your shopping cart has been emptied.</div>
        <div style="display: none;" data-tn-component-property="2e16b93d-fa49-4b05-b981-9897dc177655_ExpiredModalButton">Close</div>
        <div style="display: none;" data-tn-component-property="2e16b93d-fa49-4b05-b981-9897dc177655_PromoCodeEntrySubhead">Enter Promo Code</div>
        <main class="tn-payment-page" data-tn-page-type="eb2a04ef-e93e-4347-afd1-d9c98d7b6d6e">

            <section class="tn-header-component">
                <h1 class="tn-header-component__heading tn-heading " id="tn-page-heading">
                    <!-- TownSquareMedia Retargeting Pixel -->
                    <script type="text/javascript">
                        var ssaUrl = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'pixel.sitescout.com/iap/4ac7819527f3722d';
                        new Image().src = ssaUrl;
                    </script><!-- TownSquareMedia Retargeting Pixel End Script -->Please enter your payment information
                </h1>

                <div id="tn-error-message-template"></div>

                <div id="tn-alert-message-template"></div>

                <div class="tn-header-component__sub-text tn-heading-sub-text">
                    <p>Click 'Buy Now' to complete your order</p>

                </div>
            </section>

            <section class="tn-order-address-information-component">
                <div class="row">
                    <div class="tn-patron-billing-information">
                        <div class="col-xs-12 col-sm-6">
                            <h2>
                                Billing Information
                            </h2>
                            <div>
                                <div class="tn-line1">Fastspot Test </div>
                                <div class="tn-line2">Fastspot</div>
                                <div class="tn-line3"></div>
                                <div class="tn-line4">Test, AK 21111</div>
                                <div class="tn-line5">USA</div>
                                <div class="tn-electronic-address">agalvin@fastspot.com</div>
                                <div class="tn-phone">8888888888</div>
                            </div>
                            <div>
                                <a href="https://flnt-tnew-test.tnhs.cloud/account/update?returnUrl=/cart/payment" class="tn-edit-billing-link">
                                    Update Billing Information
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="tn-patron-shipping-information">
                        <div class="col-xs-12 col-sm-6">
                            <h2>Delivery Method</h2>

                            <div class="tn-selected-shipping-method">Print at Home</div>

                            <div>
                                <a href="https://flnt-tnew-test.tnhs.cloud/cart/shipping" class="tn-edit-delivery-link">
                                    Change your Delivery Method
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="tn-donation-ask-component" aria-labelledby="tn-donation-ask-component-heading">
                <h2 id="tn-donation-ask-component-heading">Add A Donation</h2>
                <span id="tn-donation-ask-component-subheading">Please consider adding a donation to your order. All donations&nbsp;support the KidsTix Program providing free or low-cost tickets to live performances for economically challenged kids and their families.</span>

                <div class="row">
                    <div class="col-sm-6 col-xs-12">
                        <form action="/cart/contribution" id="tn-add-donation-form" method="post" novalidate="novalidate">
                            <div class="tn-form-error-message-container" tabindex="-1"></div><input name="__RequestVerificationToken" type="hidden" value="LGYrr2mAoReEQmhaitJl24rN0CtVjbPojxVYHHLDm45RcyvWe6UzWNx4XWIWNgpcs7uX86uIlgnrPn0KI6cjVvs3FYayv6NALfIpbD8rP9lgTZ37cv8wZEzca7P5RBoKWlOAfSghbdFUgzw1DbNouCZ142B4HOMrVUeGdzFw29ZoWFrP0">
                            <fieldset aria-describedby="tn-donation-ask-component-subheading">
                                <legend>Donation options</legend>
                                <ul class="tn-donation-ask-component__options-list list-unstyled">
                                    <li class="radio">
                                        <div class="tn-donation-ask-component__option-item">
                                            <label class="tn-donation-ask-component__option-item-label">
                                                <input checked="" class="tn-radio-button-list__input tn-donation-ask-component__radio" type="radio" name="PaymentDonation.OptionType" value="RoundUp">
                                                Please consider adding a donation of $0.01 to your order.
                                            </label>
                                        </div>
                                    </li>
                                    <li class="radio">
                                        <div class="tn-donation-ask-component__option-item">
                                            <label class="tn-donation-ask-component__option-item-label">
                                                <input class="tn-radio-button-list__input tn-donation-ask-component__radio" type="radio" name="PaymentDonation.OptionType" value="OtherAmount">

                                            </label>
                                            <div class="tn-donation-ask-component__input-field-wrapper" style="display: none;">
                                                <div class="form-group" data-control-group-for="PaymentDonation.Amount">
                                                    <label class="control-label tn-field-label tn-donation-ask-component__amount-field-label" for="PaymentDonation_Amount">Enter the amount you wish to donate:</label>

                                                    <div class="input-group tn-donation-ask-component__amount-input-group">
                                                        <span id="tn-currency-symbol" class="input-group-addon tn-currency-symbol" aria-hidden="true">$</span>
                                                        <input class="form-control tn-amount" required="" name="PaymentDonation.Amount" id="PaymentDonation_Amount" data-tn-form-control="" placeholder="" pattern="[0-9]*" aria-describedby="tn-currency-symbol">
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </fieldset>
                            <button type="submit" class="btn btn-default tn-donation-ask-component__submit-button" id="tn-add-donation-button">Add Donation</button>
                        </form>
                    </div>
                </div>
            </section>

            <section class="tn-cart-component" aria-label="Cart Contents">

                <div class="tn-cart__currency-format-message"><em>All prices are in US Dollars.</em></div>

                <span id="tn-label-for" style="display: none;">for</span>

                <section class="tn-cart__section tn-cart__section--performances" aria-labelledby="tn-cart-items-performances-heading">

                    <h2 id="tn-cart-items-performances-heading" class="sr-only">Items</h2>

                    <div class="tn-cart__section-items">
                        <div class="tn-cart-item tn-cart-item--with-image" data-tn-product-type-id="26" data-tn-seated="false" data-tn-production-season="9793" data-tn-production-type="general-admission" data-tn-performance="9808">

                            <h3 id="tn-cart-item-heading-1030846" class="sr-only">Jazz at MacArthur Hall</h3>

                            <ul class="tn-cart-item-summary" aria-labelledby="tn-cart-item-heading-1030846">
                                <li class="tn-cart-item-summary__property tn-cart-item-summary__property--primary tn-cart-item-summary__property--name">
                                    <span class="sr-only">Name: </span>
                                    <span id="tn-performance-description-1030846" class="tn-performance-title tn-cart-line-item-name">Jazz at MacArthur Hall</span>
                                </li>

                                <li class="tn-cart-item-summary__property tn-cart-item-summary__property--primary tn-cart-item-summary__property--price-total">
                                    <span class="sr-only">Price: </span>
                                    $40.00

                                </li>

                                <li class="tn-cart-item-summary__property tn-cart-item-summary__property--secondary tn-cart-item-summary__property--date-time">
                                    <span class="sr-only">Date/Time: </span>
                                    Friday, May 12, 2023 7:00 PM
                                </li>

                                <li class="tn-cart-item-summary__property tn-cart-item-summary__property--secondary tn-cart-item-summary__property--location">
                                    <span class="sr-only">Location: </span>
                                    FIM MacArthur Recital Hall
                                </li>

                                <li class="tn-cart-item-summary__property tn-cart-item-summary__property--secondary tn-cart-item-summary__property--image">
                                    <img src="https://www.thewhiting.com/assets/img/Jazz-at-MacArthur-74X78-93959600a4.jpg" alt="">
                                </li>
                            </ul>

                            <section aria-label="Details for Jazz at MacArthur Hall">
                                <div class="tn-cart-item-details__list">

                                    <div class="tn-cart-item-details__list-item">
                                        <h4 id="tn-cart-item-1030846-1" class="sr-only">Selection</h4>

                                        <ul class="tn-cart-item-detail__list" aria-labelledby="tn-cart-item-1030846-1">

                                            <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--description">
                                                <span class="sr-only">Description: </span>
                                                MacArthur G/A
                                            </li>

                                            <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--quantity">
                                                <span class="sr-only">Quantity: </span>
                                                4 Item(s)
                                            </li>

                                            <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--pricetype">
                                                <span class="sr-only">Type: </span>
                                                Regular
                                            </li>

                                            <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--price">
                                                <span class="sr-only">Price: </span>
                                                $10.00
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </section>

                            <button type="button" class="tn-cart__btn-remove tn-focus-outline" data-tn-delete-url="/cart/details/removesingleticket/1030846?data=9808&amp;isaux=False" data-tn-message-type="InventoryItem" aria-label="Remove Item 1 of 2" aria-describedby="tn-performance-description-1030846">
                                <svg aria-hidden="true" class="tn-icon tn-icon--x tn-cart__btn-remove-icon">
                                    <use xlink:href="../../images/sprites.svg#x"></use>
                                </svg>
                                <span class="tn-cart__btn-remove-label sr-only">Remove</span>
                            </button>
                        </div>
                        <div class="tn-cart-item tn-cart-item--with-image" data-tn-product-type-id="26" data-tn-seated="false" data-tn-production-season="9790" data-tn-production-type="general-admission" data-tn-performance="9806">

                            <h3 id="tn-cart-item-heading-1030847" class="sr-only">Festival of Dance</h3>

                            <ul class="tn-cart-item-summary" aria-labelledby="tn-cart-item-heading-1030847">
                                <li class="tn-cart-item-summary__property tn-cart-item-summary__property--primary tn-cart-item-summary__property--name">
                                    <span class="sr-only">Name: </span>
                                    <span id="tn-performance-description-1030847" class="tn-performance-title tn-cart-line-item-name">Festival of Dance</span>
                                </li>

                                <li class="tn-cart-item-summary__property tn-cart-item-summary__property--primary tn-cart-item-summary__property--price-total">
                                    <span class="sr-only">Price: </span>
                                    $61.00

                                </li>

                                <li class="tn-cart-item-summary__property tn-cart-item-summary__property--secondary tn-cart-item-summary__property--date-time">
                                    <span class="sr-only">Date/Time: </span>
                                    Sunday, May 14, 2023 3:00 PM
                                </li>

                                <li class="tn-cart-item-summary__property tn-cart-item-summary__property--secondary tn-cart-item-summary__property--location">
                                    <span class="sr-only">Location: </span>
                                    U of M Flint Theatre
                                </li>

                                <li class="tn-cart-item-summary__property tn-cart-item-summary__property--secondary tn-cart-item-summary__property--image">
                                    <img src="https://www.thewhiting.com/assets/img/74x78-5d02c32aa8.jpg" alt="">
                                </li>
                            </ul>

                            <section aria-label="Details for Festival of Dance">
                                <div class="tn-cart-item-details__list">

                                    <div class="tn-cart-item-details__list-item">
                                        <h4 id="tn-cart-item-1030847-1" class="sr-only">Selection 1 of 2</h4>

                                        <ul class="tn-cart-item-detail__list" aria-labelledby="tn-cart-item-1030847-1">

                                            <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--description">
                                                <span class="sr-only">Description: </span>
                                                UMFlint G/A
                                            </li>

                                            <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--quantity">
                                                <span class="sr-only">Quantity: </span>
                                                3 Item(s)
                                            </li>

                                            <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--pricetype">
                                                <span class="sr-only">Type: </span>
                                                Regular
                                            </li>

                                            <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--price">
                                                <span class="sr-only">Price: </span>
                                                $15.00
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tn-cart-item-details__list-item">
                                        <h4 id="tn-cart-item-1030847-2" class="sr-only">Selection 2 of 2</h4>

                                        <ul class="tn-cart-item-detail__list" aria-labelledby="tn-cart-item-1030847-2">

                                            <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--description">
                                                <span class="sr-only">Description: </span>
                                                UMFlint G/A
                                            </li>

                                            <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--quantity">
                                                <span class="sr-only">Quantity: </span>
                                                2 Item(s)
                                            </li>

                                            <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--pricetype">
                                                <span class="sr-only">Type: </span>
                                                Child - (12 &amp; under)
                                            </li>

                                            <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--price">
                                                <span class="sr-only">Price: </span>
                                                $8.00
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </section>

                            <button type="button" class="tn-cart__btn-remove tn-focus-outline" data-tn-delete-url="/cart/details/removesingleticket/1030847?data=9806&amp;isaux=False" data-tn-message-type="InventoryItem" aria-label="Remove Item 2 of 2" aria-describedby="tn-performance-description-1030847">
                                <svg aria-hidden="true" class="tn-icon tn-icon--x tn-cart__btn-remove-icon">
                                    <use xlink:href="../../images/sprites.svg#x"></use>
                                </svg>
                                <span class="tn-cart__btn-remove-label sr-only">Remove</span>
                            </button>
                        </div>
                    </div>
                </section>

                <section class="tn-cart-totals" aria-labelledby="tn-cart-totals-heading">
                    <h3 class="sr-only" id="tn-cart-totals-heading">
                        Cart Total</h3>

                    <div class="tn-cart-totals__line-item tn-cart-totals__line-item--subtotal">
                        <h4 class="tn-cart-totals__label">
                            Subtotal</h4>

                        <div class="tn-cart-totals__value">$101.00</div>
                    </div>

                    <div class="tn-cart-totals__line-item tn-cart-totals__line-item--fee" data-tn-fee="168">
                        <h4 class="tn-cart-totals__label">
                            3% Order Processing Fee</h4>
                        <div class="tn-cart-totals__value">$3.00</div>
                    </div>
                    <div class="tn-cart-totals__line-item tn-cart-totals__line-item--fee" data-tn-fee="169">
                        <h4 class="tn-cart-totals__label">
                            $4/Ticket Facility Fee</h4>
                        <div class="tn-cart-totals__value">$36.00</div>
                    </div>

                    <div class="tn-cart-totals__line-item tn-cart-totals__line-item--primary tn-cart-totals__line-item--total">
                        <h4 class="tn-cart-totals__label tn-cart-totals__label--total">
                            Total <span class="tn-cart-totals__currency-symbol">(USD)</span>
                        </h4>
                        <div class="tn-cart-totals__value tn-cart-totals__value--total">$140.00</div>
                    </div>

                </section>
            </section>

            <section class="tn-payment-apply-gift-certificate" role="region" aria-labelledby="tn-payment-apply-gift-certificate-heading">
                <h2 id="tn-payment-apply-gift-certificate-heading">Apply Gift Certificate</h2>

                <form action="/cart/giftcertificatepayment/postasync" id="tn-payment-apply-gift-certificate-form" method="post" novalidate="novalidate" style="">
                    <div class="tn-form-error-message-container" tabindex="-1"></div>
                    <div class="form-group" data-control-group-for="ApplyGiftCertificate.GiftCertificateId">
                        <label class="control-label tn-gift-certificate-id" for="ApplyGiftCertificate_GiftCertificateId"><span>Gift Certificate ID:</span></label><input aria-describedby="tn-error-help-block-ApplyGiftCertificate.GiftCertificateId tn-help-block-ApplyGiftCertificate.GiftCertificateId" aria-invalid="false" class=" form-control tn-gift-certificate-id" data-tn-form-control="true" id="ApplyGiftCertificate_GiftCertificateId" name="ApplyGiftCertificate.GiftCertificateId" placeholder="ex: 1a2b-123" type="text" value="">
                    </div>
                    <button type="submit" class="btn btn-default" id="tn-payment-apply-gift-certificate-button-submit">
                        Apply Gift Certificate
                    </button>
                </form>
            </section>

            <div class="tn-payment-component">
                <form action="/cart/payment" id="tn-payment-submit-form" method="post" novalidate="novalidate"><input name="__RequestVerificationToken" type="hidden" value="lIzBTiPleFLwP8a7IP4VF8y_PZ59FA3HEF02qadrfuaW6BF42wwBGsS9AQ0aEyH8ZUyCpVXmf5LpVLg6bndVS430fAEXrY7ZLCHiOLFUjNQUCuNeh4LYsHwVqC8NjlDfxHzkipJkH5DmlGeD71ZGeamTu7VtvHYZzT6uRwrK7CSzNe_q0">
                    <section class="tn-order-notes-component" role="region" aria-labelledby="tn-payment-order-notes-heading">
                        <div class="row">
                            <div class="col-xs-12 col-sm-6">
                                <h2 id="tn-payment-order-notes-heading">Add Order Note</h2>
                                <div id="tn-payment-order-notes-description"></div>
                                <label for="OrderNote">Notes</label>
                                <div class="form-group" data-control-group-for="OrderNote">
                                    <textarea aria-describedby="tn-error-help-block-OrderNote tn-help-block-OrderNote tn-payment-order-notes-description" aria-invalid="false" class="tn-order-note form-control tn-order-note" cols="20" data-tn-form-control="true" id="OrderNote" name="OrderNote" rows="2"></textarea>
                                </div>
                            </div>
                        </div>
                    </section>

                    <input id="tn-recaptcha-response" name="RecaptchaResponse" type="text" value="" hidden="">

                    <section class="tn-payment-submit-component">

                        <div id="tn-payment-error-messages"></div>

                        <div class="tn-payment-submit-component__contents">
                            <div id="tn-payment-drop-target"></div>
                        </div>

                        <input type="hidden" id="tn-payment-method-details" name="EmbeddedPaymentMethodDetails">
                        <input type="hidden" id="tn-additional-details" name="EmbeddedAdditionalDetails">

                        <button type="submit" class="btn btn-primary g-recaptcha" id="tn-payment-submit-button" data-sitekey="" data-callback="onPaymentSubmit" data-badge="inline">

                            Buy Now
                        </button>

                    </section>
                </form>
            </div>

        </main>

        <!-- BEGIN INJECTED FOOTER -->

    </div>

    <footer class="footer">
        <div class="footer_inner">
            <div class="footer_groups">
                <div class="footer_group">
                    <div class="footer_logo">
                        <img class="footer_logo_image" src="../../images/logo.svg" alt="FIM Ticket Center Logo" />
                        <span class="footer_logo_label">Ticket<br />Center</span>
                    </div>

                    <nav class="footer_nav">
                        <a class="footer_link" href="#">Events & Tickets</a>
                        <a class="footer_link" href="#">Plan your visit</a>
                        <a class="footer_link" href="#">Support</a>
                        <a class="footer_link" href="#">Policies (Ticket Center policies)</a>
                    </nav>

                    <p class="footer_credit footer_credit_lg">© 2023 Flint Institute of Music. All rights reserved. Flint Institute of Music is a 501(c)(3) nonprofit organization. Federal Tax Exempt Number: 38-6159482.</p>
                </div>

                <div class="footer_group">
                    <div class="footer_metas">
                        <div class="footer_meta">
                            <div class="footer_meta_bit">
                                <span class="footer_meta_title">In-Person Box Office</span>
                            </div>

                            <div class="footer_meta_bit">
                                <span class="footer_meta_label">Whiting Auditorium</span>
                                <span class="footer_meta_value">1241 E. Kearsley St., Flint</span>
                            </div>

                            <div class="footer_meta_bit">
                                <span class="footer_meta_label">Capitol Theatre</span>
                                <span class="footer_meta_value">140 E. Second St., Flint</span>
                            </div>
                        </div>

                        <div class="footer_meta">
                            <div class="footer_meta_bit">
                                <span class="footer_meta_title">Ticket Center Hours</span>
                            </div>

                            <div class="footer_meta_bit">
                                <span class="footer_meta_label">Summer hours beginning July 1</span>
                                <span class="footer_meta_value">Monday – Friday 10am-3pm</span>
                            </div>

                            <div class="footer_meta_bit">
                                <span class="footer_meta_label">September – June</span>
                                <span class="footer_meta_value">Monday - Friday 10am-6pm, Saturday 10am-3pm</span>
                            </div>

                            <div class="footer_meta_bit">
                                <span class="footer_meta_info footer_meta_info_secondary">FIM Ticket Center is open two hours prior to each performance.</span>
                            </div>
                        </div>

                        <div class="footer_meta">
                            <div class="footer_meta_bit">
                                <span class="footer_meta_info"><span class="footer_meta_info_type">Online:</span> <a class="footer_meta_info_link" href="#">tickets.thefim.org</a></span>
                                <span class="footer_meta_info"><span class="footer_meta_info_type">Phone:</span> <a class="footer_meta_info_link" href="#">810.237.7333</a></span>
                            </div>
                        </div>
                    </div>

                    <p class="footer_credit footer_credit_sm">© 2023 Flint Institute of Music. All rights reserved. Flint Institute of Music is a 501(c)(3) nonprofit organization. Federal Tax Exempt Number: 38-6159482.</p>
                </div>
            </div>
        </div>
    </footer>

    <script src="../../vendor/jquery/jquery.3.5.1.min.js"></script>
    <script src="../../js/site.js"></script>
    <!-- END INJECTED FOOTER -->

    <script src="https://production.tnew-assets.com/tnew/public/tnew-runtime.797efa41e9bcc70aae4d.js"></script>
    <script src="https://production.tnew-assets.com/tnew/public/tnew-vendor.2a456d0011a89cb7d552.js"></script>
    <script src="https://production.tnew-assets.com/tnew/public/tnew.541a6d4dc87399e9bd00.js"></script>

    <script>
        tnew.app.init({
            "appVersion": "16.0.8.6",
            "tessituraVersion": "16.0.5.73585",
            "environment": "staging",
            "rootUrl": "https://flnt-tnew-test.tnhs.cloud/",
            "bcp47LanguageTag": "en-US",
            "iso4217CurrencyCode": "USD"
        });
    </script>

    <script>
        (function() {
            var orderDataModel = {
                "modeOfSale": 23,
                "number": 756804,
                "fees": 39.0000,
                "total": 140.0000,
                "cartItems": [{
                    "id": 1030846,
                    "productId": 9808,
                    "performanceId": 9808,
                    "packageId": 0,
                    "price": 10.0000,
                    "priceType": 1,
                    "priceTypeDescription": "Regular",
                    "productType": "General Admission",
                    "productDescription": "9793|Jazz at MacArthur Hall",
                    "quantity": 4,
                    "sku": "9808|Regular|1|10"
                }, {
                    "id": 1030847,
                    "productId": 9806,
                    "performanceId": 9806,
                    "packageId": 0,
                    "price": 15.0000,
                    "priceType": 1,
                    "priceTypeDescription": "Regular",
                    "productType": "General Admission",
                    "productDescription": "9790|Festival of Dance",
                    "quantity": 3,
                    "sku": "9806|Regular|1|15"
                }, {
                    "id": 1030847,
                    "productId": 9806,
                    "performanceId": 9806,
                    "packageId": 0,
                    "price": 8.0000,
                    "priceType": 3,
                    "priceTypeDescription": "Child - (12 & under)",
                    "productType": "General Admission",
                    "productDescription": "9790|Festival of Dance",
                    "quantity": 2,
                    "sku": "9806|Child - (12 & under)|3|8"
                }]
            };
            var productDataModel = {
                "packageId": 0,
                "productionSeasonId": 0,
                "performanceId": 0,
                "productTypeDescription": null,
                "contributionTypeId": 0,
                "fundId": 0,
                "onAccountPaymentMethodId": 0,
                "giftCertificatePaymentMethodId": 0,
                "membershipOrganizationId": 0,
                "membershipLevelId": 0
            };
            var sessionDataModel = {
                "customerNumber": 289243,
                "sessionKey": "D2RpSFdq/gstcKXkGX6Msy8DEGvLI187l3rY9RUsw7yTycUFjyyd6kLLtCycZs6WjlrNaZ6HEJ8NpI9IEc7D798Gh1iZ082eEKlhitVLFKb+xS6jZcIYpJKEyH+TwHPqJkMgrrIG7yVymCDrChSEFU1ornBvnISlUILjzEYF+dxyq55sJPMxJTnJx5Cvlez3",
                "modeOfSale": 23,
                "isGuest": false,
                "isAnonymous": false,
                "sourceId": 8037,
                "isRenewalOrder": false
            };
            var provider = new tnew.lib.GoogleDataLayerProvider(orderDataModel, productDataModel, sessionDataModel);
            window.dataLayer = window.dataLayer || [];
            var session = provider.getSession();
            window.dataLayer.push(session);
            var product = provider.getProduct();
            window.dataLayer.push(product);
            var order = provider.transformOrder();
            if (order) {
                window.dataLayer.push(order);
            }
        })();
    </script>

    <script src="https://production.tnew-assets.com/tnew/public/tnew-cart-payment.8079ff467944760962a7.js"></script>
    <script>
        (function() {
            var jsPageData = {
                "isPaymentPlanSelectionVisible": false,
                "isPaymentPlanApplied": false,
                "donationAsk": {
                    "isRoundUpEnabled": true,
                    "isOtherAmountEnabled": true,
                    "roundUpAmount": "0.01"
                },
                "isRecaptchaEnabled": false,
                "recaptchaSiteKey": "",
                "isApplyGiftCertificateEnabled": true
            };
            jsPageData.paymentConfiguration = null;
            if (jsPageData.isRecaptchaEnabled) {
                window.onRecaptchaLoaded = function() {
                    window.tnew.page.initialize(jsPageData);
                }
            } else {
                window.tnew.page.initialize(jsPageData);
            }
        })();
    </script>

    <!--

Session MOS: 23 / Original MOS: 23
Promo:  (8037)
SID: 0310

    -->

    <div aria-live="assertive" aria-atomic="true" class="sr-only">Less than 18 minutes 32 seconds remaining before your order expires.</div>
</body>

</html>
 
<html lang="en" xml:lang="en"><head>
    </head><body><input name="__RequestVerificationToken" type="hidden" value="59uVkIdIXEh134d1ZxM3ASG5b_qW_kpqtR5BPLetMnrNGWmaZLaIoBJE5eRoC5L8OnRU01UObMjChtVtMzqXhmkPjWBDqp61KOtI_nIUlMZBLtjggqwGxklfds4A992J-MlpEuwezVVWVf72oKjYlN4T-Nmfipj_YrvMJWTLKzsvfVCF0">

    <meta charset="UTF-8">
    <title>Review &amp; Pay | FIM Ticket Center</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">



    <link href="https://production.tnew-assets.com/tnew/public/tnew.33f5fdb65e529b0c707e.css" rel="stylesheet">


    <link href="https://production.tnew-assets.com/tnew/public/tnew-cart.1335747a5d8d45664fd8.css" rel="stylesheet" type="text/css">

    <link href="https://production.tnew-assets.com/tnew/public/tnew-cart-payment.0c9f9cbb11799277dd7a.css" rel="stylesheet" type="text/css">



<div style="display: none;" data-tn-component-property="32a0f2f8-6d0e-4f70-bb20-c03b3e9d24ad_FormSubmissionErrorMessage">Please correct the following error(s):</div><div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_Heading">Are you sure you want to remove this item?</div><div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_Body">If you are removing seats, you may not be able to reserve the same seats again.</div><div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_DeleteItemButtonText">Remove Item</div><div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_CancelButtonText">Cancel</div><div style="display: none;" data-tn-component-property="aa1924f3-4985-41ce-aab1-77e385f42ecc_RemoveNonInventoryItemSectionText">The item will be removed from your cart.</div>
    <!-- BEGIN INJECTED HEAD -->

    <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=2, minimum-scale=1, user-scalable=yes">
    <style>
        #tn-whitelabel-container {
            max-width: 1230px;
            margin: 0 auto;
            padding: 0 15px;
        }
        @media (max-width: 767px) {
            #tn-whitelabel-container {
                padding: 0 10px;
            }
        }
    </style>

    <!-- END INJECTED HEAD -->




    <!-- BEGIN INJECTED HEADER -->

	{% include '@component-tnew-header' %}

    <div id="tn-whitelabel-container">


    <!-- END INJECTED HEADER -->








<div class="tn-utility-nav tn-utility-nav--timer-active">

    <div class="tn-utility-nav-account-section__container">
            <nav class="tn-utility-nav-account-section tn-utility-nav-account-section--logged-in" aria-labelledby="tn-utility-nav-account-heading">
                <h2 id="tn-utility-nav-account-heading" class="sr-only">Account</h2>

                    <div class="tn-utility-nav-account-section__user-display tn-utility-nav-inline-container">
                            <div class="tn-utility-nav-account-user-display">
        <span class="tn-utility-nav-account-user-display__label">My Account: &nbsp;</span>
        <span class="tn-utility-nav-account-user-display__email">agalvin@fastspot.com</span>
    </div>

                    </div>
                        <button id="tn-utility-nav-account-menu-button" type="button" class="tn-utility-nav-account-menu-btn btn btn-primary btn-sm" aria-expanded="false">
                            <svg aria-hidden="true" class="tn-icon tn-icon--person-fill tn-utility-nav-account-login-link__user-icon"><use xlink:href="../../images/sprites.svg#person-fill"></use></svg>
                            <svg aria-hidden="true" class="tn-icon tn-icon--caret-down-fill tn-utility-nav-account-menu-btn__triangle-down"><use xlink:href="../../images/sprites.svg#caret-down-fill"></use></svg>
                            <span class="sr-only">Account Options</span>
                        </button>
                        <div class="tn-utility-nav-account-menu__container" style="display: none;">
                            <div class="tn-utility-nav-account-menu">

                                <div class="tn-utility-nav-account-menu__section tn-utility-nav-account-menu__section--user-display">
                                        <div class="tn-utility-nav-account-user-display">
        <span class="tn-utility-nav-account-user-display__label">My Account: &nbsp;</span>
        <span class="tn-utility-nav-account-user-display__email">agalvin@fastspot.com</span>
    </div>

                                </div>


                                <div class="tn-utility-nav-account-menu__section tn-utility-nav-account-menu__section--account-navigation">
                                    <h3 class="tn-utility-nav-account-menu__section-heading" id="tn-utility-nav-account-list-heading">Account</h3>
                                    <ul class="tn-utility-nav-account-menu__list" aria-labelledby="tn-utility-nav-account-list-heading">
                                            <li><a class="tn-utility-nav-account-menu__link" href="/account/content">Digital Content</a></li>
                                            <li><a class="tn-utility-nav-account-menu__link" href="https://flnt-tnew-test.tnhs.cloud/account/update?returnurl=%2fcart%2fpayment">Edit Your Account Information</a></li>
                                            <li><a class="tn-utility-nav-account-menu__link" href="/account/upcomingevents">Upcoming Events</a></li>
                                            <li><a class="tn-utility-nav-account-menu__link" href="/account/interests">Update Your Interests</a></li>
                                        <li class="tn-utility-nav-account-menu__divided-list-item">
                                            <a class="tn-utility-nav-account-menu__link" href="https://flnt-tnew-test.tnhs.cloud/account/logout">Logout</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
            </nav>
    </div>



    <section class="tn-utility-nav-cart-controls-section" aria-labelledby="tn-utility-nav-cart-controls-heading">
        <h2 id="tn-utility-nav-cart-controls-heading" class="sr-only">Cart</h2>
        <div class="tn-utility-nav-cart-timer" role="timer" data-tn-is-timed="">
            <svg aria-hidden="true" class="tn-icon tn-icon--clock tn-utility-nav-cart-timer__icon"><use xlink:href="../../images/sprites.svg#clock"></use></svg>
            <span class="tn-utility-nav-cart-timer__label">
                Time remaining:
            </span>
            <span class="tn-utility-nav-cart-timer__time" id="tn-count-down-timer" style="visibility: visible;" data-tn-milliseconds-remaining="1114723.1185">18:23</span>
        </div>


        <a href="https://flnt-tnew-test.tnhs.cloud/cart/details" class="tn-utility-nav-cart-link btn btn-primary btn-sm" aria-label="View Cart, 2 items">
            <svg aria-hidden="true" class="tn-icon tn-icon--cart-fill tn-utility-nav-cart-link__icon"><use xlink:href="../../images/sprites.svg#cart-fill"></use></svg>
            <span class="tn-utility-nav-cart-link__label">View Cart</span>
            <span class="tn-utility-nav-cart-link__quantity-badge">2</span>
        </a>
    </section>
</div>


<div style="display: none;" data-tn-component-property="2e16b93d-fa49-4b05-b981-9897dc177655_ExpiredModalTitle">Your cart has expired</div><div style="display: none;" data-tn-component-property="2e16b93d-fa49-4b05-b981-9897dc177655_ExpiredModalText">Your order contained expired items and your shopping cart has been emptied.</div><div style="display: none;" data-tn-component-property="2e16b93d-fa49-4b05-b981-9897dc177655_ExpiredModalButton">Close</div><div style="display: none;" data-tn-component-property="2e16b93d-fa49-4b05-b981-9897dc177655_PromoCodeEntrySubhead">Enter Promo Code</div>
    <main class="tn-payment-page" data-tn-page-type="eb2a04ef-e93e-4347-afd1-d9c98d7b6d6e">





<section class="tn-header-component">
    <h1 class="tn-header-component__heading tn-heading " id="tn-page-heading">
        <!-- TownSquareMedia Retargeting Pixel --><script type="text/javascript">var ssaUrl = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'pixel.sitescout.com/iap/4ac7819527f3722d';new Image().src = ssaUrl;</script><!-- TownSquareMedia Retargeting Pixel End Script -->Please enter your payment information
    </h1>

    <div id="tn-error-message-template"></div>


<div id="tn-alert-message-template"></div>



        <div class="tn-header-component__sub-text tn-heading-sub-text">
            <p>Click 'Buy Now' to complete your order</p>

        </div>
</section>







<section class="tn-order-address-information-component">
    <div class="row">
        <div class="tn-patron-billing-information">
            <div class="col-xs-12 col-sm-6">
                <h2>
                    Billing Information
                </h2>
                <div>
                    <div class="tn-line1">Fastspot Test </div>
                    <div class="tn-line2">Fastspot</div>
                    <div class="tn-line3"></div>
                    <div class="tn-line4">Test, AK 21111</div>
                    <div class="tn-line5">USA</div>
                    <div class="tn-electronic-address">agalvin@fastspot.com</div>
                    <div class="tn-phone">8888888888</div>
                </div>
                    <div>
                        <a href="https://flnt-tnew-test.tnhs.cloud/account/update?returnUrl=/cart/payment" class="tn-edit-billing-link">
                            Update Billing Information
                        </a>
                    </div>
            </div>
        </div>

            <div class="tn-patron-shipping-information">
                <div class="col-xs-12 col-sm-6">
                    <h2>Delivery Method</h2>

                    <div class="tn-selected-shipping-method">Print at Home</div>


                                            <div>
                            <a href="https://flnt-tnew-test.tnhs.cloud/cart/shipping" class="tn-edit-delivery-link">
                                Change your Delivery Method
                            </a>
                        </div>
                </div>
            </div>
    </div>
</section>





<section class="tn-donation-ask-component" aria-labelledby="tn-donation-ask-component-heading">
    <h2 id="tn-donation-ask-component-heading">Add A Donation</h2>
    <span id="tn-donation-ask-component-subheading">Please consider adding a donation to your order. All donations&nbsp;support the KidsTix Program providing free or low-cost tickets to live performances for economically challenged kids and their families.</span>

    <div class="row">
        <div class="col-sm-6 col-xs-12">
<form action="/cart/contribution" id="tn-add-donation-form" method="post" novalidate="novalidate"><div class="tn-form-error-message-container" tabindex="-1"></div><input name="__RequestVerificationToken" type="hidden" value="LGYrr2mAoReEQmhaitJl24rN0CtVjbPojxVYHHLDm45RcyvWe6UzWNx4XWIWNgpcs7uX86uIlgnrPn0KI6cjVvs3FYayv6NALfIpbD8rP9lgTZ37cv8wZEzca7P5RBoKWlOAfSghbdFUgzw1DbNouCZ142B4HOMrVUeGdzFw29ZoWFrP0">                    <fieldset aria-describedby="tn-donation-ask-component-subheading">
                        <legend>Donation options</legend>
                        <ul class="tn-donation-ask-component__options-list list-unstyled">
                            <li class="radio">
                                <div class="tn-donation-ask-component__option-item">
                                    <label class="tn-donation-ask-component__option-item-label">
                                        <input checked="" class="tn-radio-button-list__input tn-donation-ask-component__radio" type="radio" name="PaymentDonation.OptionType" value="RoundUp">
                                        Please consider adding a donation of $0.01 to your order.
                                    </label>
                                </div>
                            </li>
                            <li class="radio">
                                <div class="tn-donation-ask-component__option-item">
                                    <label class="tn-donation-ask-component__option-item-label">
                                        <input class="tn-radio-button-list__input tn-donation-ask-component__radio" type="radio" name="PaymentDonation.OptionType" value="OtherAmount">

                                    </label>
                                    <div class="tn-donation-ask-component__input-field-wrapper" style="display: none;">
                                            <div class="form-group" data-control-group-for="PaymentDonation.Amount">
        <label class="control-label tn-field-label tn-donation-ask-component__amount-field-label" for="PaymentDonation_Amount">Enter the amount you wish to donate:</label>

        <div class="input-group tn-donation-ask-component__amount-input-group">
                <span id="tn-currency-symbol" class="input-group-addon tn-currency-symbol" aria-hidden="true">$</span>
            <input class="form-control tn-amount" required="" name="PaymentDonation.Amount" id="PaymentDonation_Amount" data-tn-form-control="" placeholder="" pattern="[0-9]*" aria-describedby="tn-currency-symbol">
        </div>
    </div>

                                    </div>
                                </div>
                            </li>
                        </ul>
                    </fieldset>
                <button type="submit" class="btn btn-default tn-donation-ask-component__submit-button" id="tn-add-donation-button">Add Donation</button>
</form>        </div>
    </div>
</section>







<section class="tn-cart-component" aria-label="Cart Contents">

            <div class="tn-cart__currency-format-message"><em>All prices are in US Dollars.</em></div>



<span id="tn-label-for" style="display: none;">for</span>


<section class="tn-cart__section tn-cart__section--performances" aria-labelledby="tn-cart-items-performances-heading">

    <h2 id="tn-cart-items-performances-heading" class="sr-only">Items</h2>

    <div class="tn-cart__section-items">
            <div class="tn-cart-item tn-cart-item--with-image" data-tn-product-type-id="26" data-tn-seated="false" data-tn-production-season="9793" data-tn-production-type="general-admission" data-tn-performance="9808">

                <h3 id="tn-cart-item-heading-1030846" class="sr-only">Jazz at MacArthur Hall</h3>

                <ul class="tn-cart-item-summary" aria-labelledby="tn-cart-item-heading-1030846">
                    <li class="tn-cart-item-summary__property tn-cart-item-summary__property--primary tn-cart-item-summary__property--name">
                        <span class="sr-only">Name: </span>
                        <span id="tn-performance-description-1030846" class="tn-performance-title tn-cart-line-item-name">Jazz at MacArthur Hall</span>
                    </li>

                    <li class="tn-cart-item-summary__property tn-cart-item-summary__property--primary tn-cart-item-summary__property--price-total">
                        <span class="sr-only">Price: </span>
                        $40.00

                    </li>

                        <li class="tn-cart-item-summary__property tn-cart-item-summary__property--secondary tn-cart-item-summary__property--date-time">
                            <span class="sr-only">Date/Time: </span>
                            Friday, May 12, 2023 7:00 PM
                        </li>

                        <li class="tn-cart-item-summary__property tn-cart-item-summary__property--secondary tn-cart-item-summary__property--location">
                            <span class="sr-only">Location: </span>
                            FIM MacArthur Recital Hall
                        </li>



                        <li class="tn-cart-item-summary__property tn-cart-item-summary__property--secondary tn-cart-item-summary__property--image">
                            <img src="https://www.thewhiting.com/assets/img/Jazz-at-MacArthur-74X78-93959600a4.jpg" alt="">
                        </li>
                </ul>

                <section aria-label="Details for Jazz at MacArthur Hall">
                    <div class="tn-cart-item-details__list">

                            <div class="tn-cart-item-details__list-item">
                                <h4 id="tn-cart-item-1030846-1" class="sr-only">Selection</h4>

                                <ul class="tn-cart-item-detail__list" aria-labelledby="tn-cart-item-1030846-1">

                                            <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--description">
                                                <span class="sr-only">Description: </span>
                                                MacArthur G/A
                                            </li>

                                        <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--quantity">
                                            <span class="sr-only">Quantity: </span>
                                            4 Item(s)
                                        </li>

                                        <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--pricetype">
                                            <span class="sr-only">Type: </span>
                                            Regular
                                        </li>

                                    <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--price">
                                        <span class="sr-only">Price: </span>
                                        $10.00
                                    </li>
                                </ul>
                            </div>
                    </div>
                </section>


<button type="button" class="tn-cart__btn-remove tn-focus-outline" data-tn-delete-url="/cart/details/removesingleticket/1030846?data=9808&amp;isaux=False" data-tn-message-type="InventoryItem" aria-label="Remove Item 1 of 2" aria-describedby="tn-performance-description-1030846">
    <svg aria-hidden="true" class="tn-icon tn-icon--x tn-cart__btn-remove-icon"><use xlink:href="../../images/sprites.svg#x"></use></svg>
    <span class="tn-cart__btn-remove-label sr-only">Remove</span>
</button>
            </div>
            <div class="tn-cart-item tn-cart-item--with-image" data-tn-product-type-id="26" data-tn-seated="false" data-tn-production-season="9790" data-tn-production-type="general-admission" data-tn-performance="9806">

                <h3 id="tn-cart-item-heading-1030847" class="sr-only">Festival of Dance</h3>

                <ul class="tn-cart-item-summary" aria-labelledby="tn-cart-item-heading-1030847">
                    <li class="tn-cart-item-summary__property tn-cart-item-summary__property--primary tn-cart-item-summary__property--name">
                        <span class="sr-only">Name: </span>
                        <span id="tn-performance-description-1030847" class="tn-performance-title tn-cart-line-item-name">Festival of Dance</span>
                    </li>

                    <li class="tn-cart-item-summary__property tn-cart-item-summary__property--primary tn-cart-item-summary__property--price-total">
                        <span class="sr-only">Price: </span>
                        $61.00

                    </li>

                        <li class="tn-cart-item-summary__property tn-cart-item-summary__property--secondary tn-cart-item-summary__property--date-time">
                            <span class="sr-only">Date/Time: </span>
                            Sunday, May 14, 2023 3:00 PM
                        </li>

                        <li class="tn-cart-item-summary__property tn-cart-item-summary__property--secondary tn-cart-item-summary__property--location">
                            <span class="sr-only">Location: </span>
                            U of M Flint Theatre
                        </li>



                        <li class="tn-cart-item-summary__property tn-cart-item-summary__property--secondary tn-cart-item-summary__property--image">
                            <img src="https://www.thewhiting.com/assets/img/74x78-5d02c32aa8.jpg" alt="">
                        </li>
                </ul>

                <section aria-label="Details for Festival of Dance">
                    <div class="tn-cart-item-details__list">

                            <div class="tn-cart-item-details__list-item">
                                <h4 id="tn-cart-item-1030847-1" class="sr-only">Selection 1 of 2</h4>

                                <ul class="tn-cart-item-detail__list" aria-labelledby="tn-cart-item-1030847-1">

                                            <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--description">
                                                <span class="sr-only">Description: </span>
                                                UMFlint G/A
                                            </li>

                                        <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--quantity">
                                            <span class="sr-only">Quantity: </span>
                                            3 Item(s)
                                        </li>

                                        <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--pricetype">
                                            <span class="sr-only">Type: </span>
                                            Regular
                                        </li>

                                    <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--price">
                                        <span class="sr-only">Price: </span>
                                        $15.00
                                    </li>
                                </ul>
                            </div>
                            <div class="tn-cart-item-details__list-item">
                                <h4 id="tn-cart-item-1030847-2" class="sr-only">Selection 2 of 2</h4>

                                <ul class="tn-cart-item-detail__list" aria-labelledby="tn-cart-item-1030847-2">

                                            <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--description">
                                                <span class="sr-only">Description: </span>
                                                UMFlint G/A
                                            </li>

                                        <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--quantity">
                                            <span class="sr-only">Quantity: </span>
                                            2 Item(s)
                                        </li>

                                        <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--pricetype">
                                            <span class="sr-only">Type: </span>
                                            Child - (12 &amp; under)
                                        </li>

                                    <li class="tn-cart-item-detail__list-item tn-cart-item-detail__list-item--price">
                                        <span class="sr-only">Price: </span>
                                        $8.00
                                    </li>
                                </ul>
                            </div>
                    </div>
                </section>


<button type="button" class="tn-cart__btn-remove tn-focus-outline" data-tn-delete-url="/cart/details/removesingleticket/1030847?data=9806&amp;isaux=False" data-tn-message-type="InventoryItem" aria-label="Remove Item 2 of 2" aria-describedby="tn-performance-description-1030847">
    <svg aria-hidden="true" class="tn-icon tn-icon--x tn-cart__btn-remove-icon"><use xlink:href="../../images/sprites.svg#x"></use></svg>
    <span class="tn-cart__btn-remove-label sr-only">Remove</span>
</button>
            </div>
    </div>
</section>


<section class="tn-cart-totals" aria-labelledby="tn-cart-totals-heading">
<h3 class="sr-only" id="tn-cart-totals-heading">
Cart Total</h3>

    <div class="tn-cart-totals__line-item tn-cart-totals__line-item--subtotal">
<h4 class="tn-cart-totals__label">
Subtotal</h4>

        <div class="tn-cart-totals__value">$101.00</div>
    </div>

            <div class="tn-cart-totals__line-item tn-cart-totals__line-item--fee" data-tn-fee="168">
<h4 class="tn-cart-totals__label">
3% Order Processing Fee</h4>
                <div class="tn-cart-totals__value">$3.00</div>
            </div>
            <div class="tn-cart-totals__line-item tn-cart-totals__line-item--fee" data-tn-fee="169">
<h4 class="tn-cart-totals__label">
$4/Ticket Facility Fee</h4>
                <div class="tn-cart-totals__value">$36.00</div>
            </div>





    <div class="tn-cart-totals__line-item tn-cart-totals__line-item--primary tn-cart-totals__line-item--total">
<h4 class="tn-cart-totals__label tn-cart-totals__label--total">
Total            <span class="tn-cart-totals__currency-symbol">(USD)</span>
</h4>
        <div class="tn-cart-totals__value tn-cart-totals__value--total">$140.00</div>
    </div>


</section>
</section>



<section class="tn-payment-apply-gift-certificate" role="region" aria-labelledby="tn-payment-apply-gift-certificate-heading">
    <h2 id="tn-payment-apply-gift-certificate-heading">Apply Gift Certificate</h2>



<form action="/cart/giftcertificatepayment/postasync" id="tn-payment-apply-gift-certificate-form" method="post" novalidate="novalidate" style=""><div class="tn-form-error-message-container" tabindex="-1"></div>		<div class="form-group" data-control-group-for="ApplyGiftCertificate.GiftCertificateId">
<label class="control-label tn-gift-certificate-id" for="ApplyGiftCertificate_GiftCertificateId"><span>Gift Certificate ID:</span></label><input aria-describedby="tn-error-help-block-ApplyGiftCertificate.GiftCertificateId tn-help-block-ApplyGiftCertificate.GiftCertificateId" aria-invalid="false" class=" form-control tn-gift-certificate-id" data-tn-form-control="true" id="ApplyGiftCertificate_GiftCertificateId" name="ApplyGiftCertificate.GiftCertificateId" placeholder="ex: 1a2b-123" type="text" value="">		</div>
        <button type="submit" class="btn btn-default" id="tn-payment-apply-gift-certificate-button-submit">
            Apply Gift Certificate
        </button>
</form></section>


<div class="tn-payment-component">
<form action="/cart/payment" id="tn-payment-submit-form" method="post" novalidate="novalidate"><input name="__RequestVerificationToken" type="hidden" value="lIzBTiPleFLwP8a7IP4VF8y_PZ59FA3HEF02qadrfuaW6BF42wwBGsS9AQ0aEyH8ZUyCpVXmf5LpVLg6bndVS430fAEXrY7ZLCHiOLFUjNQUCuNeh4LYsHwVqC8NjlDfxHzkipJkH5DmlGeD71ZGeamTu7VtvHYZzT6uRwrK7CSzNe_q0">            <section class="tn-order-notes-component" role="region" aria-labelledby="tn-payment-order-notes-heading">
                <div class="row">
                    <div class="col-xs-12 col-sm-6">
                        <h2 id="tn-payment-order-notes-heading">Add Order Note</h2>
                        <div id="tn-payment-order-notes-description"></div>
                        <label for="OrderNote">Notes</label>
		<div class="form-group" data-control-group-for="OrderNote">
<textarea aria-describedby="tn-error-help-block-OrderNote tn-help-block-OrderNote tn-payment-order-notes-description" aria-invalid="false" class="tn-order-note form-control tn-order-note" cols="20" data-tn-form-control="true" id="OrderNote" name="OrderNote" rows="2"></textarea>		</div>
                    </div>
                </div>
            </section>




<input id="tn-recaptcha-response" name="RecaptchaResponse" type="text" value="" hidden="">


<section class="tn-payment-submit-component">

        <div id="tn-payment-error-messages"></div>

        <div class="tn-payment-submit-component__contents">
            <div id="tn-payment-drop-target"></div>
        </div>

        <input type="hidden" id="tn-payment-method-details" name="EmbeddedPaymentMethodDetails">
        <input type="hidden" id="tn-additional-details" name="EmbeddedAdditionalDetails">

    <button type="submit" class="btn btn-primary g-recaptcha" id="tn-payment-submit-button" data-sitekey="" data-callback="onPaymentSubmit" data-badge="inline">

        Buy Now
    </button>

</section></form></div>











    </main>

    <!-- BEGIN INJECTED FOOTER -->


     </div>

	{% include '@component-tnew-footer' %}

    <!-- END INJECTED FOOTER -->

    <script src="https://production.tnew-assets.com/tnew/public/tnew-runtime.797efa41e9bcc70aae4d.js"></script>
    <script src="https://production.tnew-assets.com/tnew/public/tnew-vendor.2a456d0011a89cb7d552.js"></script>
    <script src="https://production.tnew-assets.com/tnew/public/tnew.541a6d4dc87399e9bd00.js"></script>

    <script>
        tnew.app.init({"appVersion":"16.0.8.6","tessituraVersion":"16.0.5.73585","environment":"staging","rootUrl":"https://flnt-tnew-test.tnhs.cloud/","bcp47LanguageTag":"en-US","iso4217CurrencyCode":"USD"});
    </script>

    <script>
        (function() {
            var orderDataModel = {"modeOfSale":23,"number":756804,"fees":39.0000,"total":140.0000,"cartItems":[{"id":1030846,"productId":9808,"performanceId":9808,"packageId":0,"price":10.0000,"priceType":1,"priceTypeDescription":"Regular","productType":"General Admission","productDescription":"9793|Jazz at MacArthur Hall","quantity":4,"sku":"9808|Regular|1|10"},{"id":1030847,"productId":9806,"performanceId":9806,"packageId":0,"price":15.0000,"priceType":1,"priceTypeDescription":"Regular","productType":"General Admission","productDescription":"9790|Festival of Dance","quantity":3,"sku":"9806|Regular|1|15"},{"id":1030847,"productId":9806,"performanceId":9806,"packageId":0,"price":8.0000,"priceType":3,"priceTypeDescription":"Child - (12 & under)","productType":"General Admission","productDescription":"9790|Festival of Dance","quantity":2,"sku":"9806|Child - (12 & under)|3|8"}]};

            var productDataModel = {"packageId":0,"productionSeasonId":0,"performanceId":0,"productTypeDescription":null,"contributionTypeId":0,"fundId":0,"onAccountPaymentMethodId":0,"giftCertificatePaymentMethodId":0,"membershipOrganizationId":0,"membershipLevelId":0};

            var sessionDataModel = {"customerNumber":289243,"sessionKey":"D2RpSFdq/gstcKXkGX6Msy8DEGvLI187l3rY9RUsw7yTycUFjyyd6kLLtCycZs6WjlrNaZ6HEJ8NpI9IEc7D798Gh1iZ082eEKlhitVLFKb+xS6jZcIYpJKEyH+TwHPqJkMgrrIG7yVymCDrChSEFU1ornBvnISlUILjzEYF+dxyq55sJPMxJTnJx5Cvlez3","modeOfSale":23,"isGuest":false,"isAnonymous":false,"sourceId":8037,"isRenewalOrder":false};

            var provider = new tnew.lib.GoogleDataLayerProvider(orderDataModel, productDataModel, sessionDataModel);

            window.dataLayer = window.dataLayer || [];

            var session = provider.getSession();

            window.dataLayer.push(session);

            var product = provider.getProduct();

            window.dataLayer.push(product);

            var order = provider.transformOrder();

            if (order) {
                window.dataLayer.push(order);
            }
        })();
    </script>




    <script src="https://production.tnew-assets.com/tnew/public/tnew-cart-payment.8079ff467944760962a7.js"></script>
    <script>
        (function() {
            var jsPageData = {"isPaymentPlanSelectionVisible":false,"isPaymentPlanApplied":false,"donationAsk":{"isRoundUpEnabled":true,"isOtherAmountEnabled":true,"roundUpAmount":"0.01"},"isRecaptchaEnabled":false,"recaptchaSiteKey":"","isApplyGiftCertificateEnabled":true};

            jsPageData.paymentConfiguration = null;

            if (jsPageData.isRecaptchaEnabled) {
                window.onRecaptchaLoaded = function() {
                    window.tnew.page.initialize(jsPageData);
                }
            } else {
                window.tnew.page.initialize(jsPageData);
            }

        })();
    </script>



    <!--

Session MOS: 23 / Original MOS: 23
Promo:  (8037)
SID: 0310

    -->

<div aria-live="assertive" aria-atomic="true" class="sr-only">Less than 18 minutes 32 seconds remaining before your order expires.</div></body></html>

No notes defined.