"<div id=\"giftcard-modal\" class=\"modal fade\" tabindex=\"-1\" aria-labelledby=\"giftcard-modal-label\" aria-hidden=\"true\" role=\"dialog\">\n    <div class=\"modal-dialog modal-xl modal-dialog-centered\" role=\"document\">\n        <div class=\"modal-content\">\n\n            <button class=\"close-button\" type=\"button\" data-bs-dismiss=\"modal\" aria-label=\"Close\" style=\"z-index: 1\">\n                <span aria-hidden=\"true\"><i class=\"fas fa-times\"><\/i><\/span>\n            <\/button>\n\n            <form id=\"submit-order\" method=\"POST\" action=\"\/giftcard-submit-order\" onsubmit=\"submitGiftCardOrder(event);\">\n                <div class=\"modal-body\">\n                    <h2 class=\"big-title mb-3\">Order Gift Cards<\/h2>\n\n                    <div class=\"row\">\n                        <div class=\"col-12 col-md mb-3\">\n\n                            <section class=\"mb-3\">\n                                <h3 class=\"mb-3\">Contact Information<\/h3>\n\n                                \n                                <div class=\"form-row\">\n\n                                    <div class=\"col-12 col-md-6\">\n                                        <label for=\"first_name\">First Name<\/label>\n                                        <input id=\"first_name\" type=\"text\" name=\"first_name\" class=\"form-control\" required value=\"\">\n                                    <\/div>\n\n                                    <div class=\"col-12 col-md-6\">\n                                        <label for=\"last_name\">Last Name<\/label>\n                                        <input id=\"last_name\" type=\"text\" name=\"last_name\" class=\"form-control\" required value=\"\">\n                                    <\/div>\n\n                                    <div class=\"col-12 col-md-6\">\n                                        <label for=\"phone\">Phone*<\/label>\n                                        <input id=\"phone\" type=\"tel\" name=\"phone\" class=\"form-control\" required value=\"\">\n                                    <\/div>\n\n                                    <div class=\"col-12 col-md-6\">\n                                        <label for=\"email\">Email*<\/label>\n                                        <input id=\"email\" type=\"email\" name=\"email\" class=\"form-control\" required value=\"\">\n                                    <\/div>\n\n                                    <div class=\"col-12 col-md-6\">\n                                        <label for=\"address\">Street Address<\/label>\n                                        <input id=\"address\" type=\"text\" name=\"address\" class=\"form-control\" required placeholder=\"Street and number\">\n                                        <input type=\"text\" name=\"address2\" class=\"form-control\" placeholder=\"Company, Apartment, Building, etc.\">\n                                    <\/div>\n\n                                    <div class=\"col-12 col-md-6\">\n                                        <label for=\"city\">City<\/label>\n                                        <input id=\"city\" type=\"text\" name=\"city\" class=\"form-control\" required>\n                                    <\/div>\n\n                                    <div class=\"col-12 col-md-6\">\n                                        <label for=\"state\">State<\/label>\n                                        <input id=\"state\" type=\"text\" name=\"state\" class=\"form-control\" required readonly value=\"Michigan\">\n                                    <\/div>\n\n                                    <div class=\"col-12 col-md-6\">\n                                        <label for=\"zip\">Zip\/Postal Code*<\/label>\n                                        <input id=\"zip\" type=\"tel\" name=\"zip\" class=\"form-control\" required value=\"\">\n                                    <\/div>\n\n                                    <div class=\"col-12\">\n                                        <label for=\"notes\">Notes<\/label>\n                                        <textarea id=\"notes\" type=\"text\" name=\"notes\" rows=\"6\" placeholder=\"Any additional notes...\"><\/textarea>\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/section>\n\n                            <section class=\"mb-3\">\n                                <h3 class=\"mb-3\">Billing Information<\/h3>\n\n                                <div>\n                                    <label>\n                                        <input type=\"checkbox\" onclick=\"toggleSameBilling(this)\"> Same as Delivery Info\n                                    <\/label>\n                                <\/div>\n\n                                <div class=\"form-row\">\n                                    <div class=\"col-12\">\n                                        <label for=\"card_name\">Name on Card<\/label>\n                                        <input id=\"card_name\" type=\"text\" name=\"card_name\" class=\"form-control\" placeholder=\"Bad Brad\" required>\n                                    <\/div>\n\n                                    <div class=\"col-12\">\n                                        <label for=\"card_number\">Credit Card Number<\/label>\n                                        <input id=\"card_number\" type=\"text\" name=\"card_number\" class=\"form-control\" placeholder=\"XXXX-XXXX-XXXX-XXXX\" required>\n                                    <\/div>\n\n                                    <div class=\"col-12 col-md-4\">\n                                        <label for=\"card_expiration_month\">Expiration Month<\/label>\n                                        <input id=\"card_expiration_month\" type=\"text\" name=\"card_expiration_month\" class=\"form-control\" placeholder=\"MM\" required>\n                                    <\/div>\n\n                                    <div class=\"col-12 col-md-4\">\n                                        <label for=\"card_expiration_year\">Expiration Year<\/label>\n                                        <input id=\"card_expiration_year\" type=\"text\" name=\"card_expiration_year\" class=\"form-control\" placeholder=\"YYYY\" required>\n                                    <\/div>\n\n                                    <div class=\"col-12 col-md-4\">\n                                        <label for=\"card_cvv\">CVV<\/label>\n                                        <input id=\"card_cvv\" type=\"text\" name=\"card_cvv\" class=\"form-control\" placeholder=\"123\" required>\n                                    <\/div>\n\n                                    <div class=\"col-12\">\n                                        <label for=\"billing_address\">Billing Address<\/label>\n                                        <input id=\"billing_address\" type=\"text\" name=\"billing_address\" class=\"form-control\" required>\n                                    <\/div>\n\n                                    <div class=\"col-12 col-md-4\">\n                                        <label for=\"billing_city\">City<\/label>\n                                        <input id=\"billing_city\" type=\"text\" name=\"billing_city\" class=\"form-control\" required>\n                                    <\/div>\n\n                                    <div class=\"col-12 col-md-4\">\n                                        <label for=\"billing_state\">State<\/label>\n                                        <input id=\"billing_state\" type=\"text\" name=\"billing_state\" class=\"form-control\" required>\n                                    <\/div>\n\n                                    <div class=\"col-12 col-md-4\">\n                                        <label for=\"billing_zip\">Zip<\/label>\n                                        <input id=\"billing_zip\" type=\"text\" name=\"billing_zip\" class=\"form-control\" required>\n                                    <\/div>\n                                <\/div>\n                            <\/section>\n\n                        <\/div>\n                        <div class=\"col-12 col-md mb-3\">\n\n                            <section class=\"mb-3\">\n                                <div id=\"add-gift-cards\">\n                                    <h2>Add Gift Cards<\/h2>\n\n                                    <div class=\"template\" style=\"display: none\">\n                                        <div class=\"form-row align-items-end mb-3 gift-card-item\">\n    <div class=\"col-8\">\n        <label>Gift Card Balance<\/label>\n\n        <select data-name=\"order_items[x][amount]\" class=\"form-select\" onchange=\"updateCartGiftCards()\">\n            <option value=\"\" disabled selected>Select an option<\/option>\n                            <option value=\"20\">$20.00<\/option>\n                            <option value=\"25\">$25.00<\/option>\n                            <option value=\"50\">$50.00<\/option>\n                            <option value=\"75\">$75.00<\/option>\n                            <option value=\"100\">$100.00<\/option>\n                            <option value=\"250\">$250.00<\/option>\n                    <\/select>\n    <\/div>\n\n    <div class=\"col\">\n        <label>Quantity<\/label>\n        <input type=\"number\" data-name=\"order_items[x][quantity]\" class=\"form-control mb-0\" required min=\"1\" value=\"1\" onchange=\"updateCartGiftCards()\">\n    <\/div>\n\n    <div class=\"col-auto\">\n        <a href=\"#\" class=\"btn\" onclick=\"this.closest('.gift-card-item').remove()\">X<\/a>\n    <\/div>\n<\/div>\n                                    <\/div>\n\n                                    <div class=\"form-row align-items-end mb-3 gift-card-item\">\n    <div class=\"col-8\">\n        <label>Gift Card Balance<\/label>\n\n        <select name=\"order_items[0][amount]\" class=\"form-select\" onchange=\"updateCartGiftCards()\">\n            <option value=\"\" disabled selected>Select an option<\/option>\n                            <option value=\"20\">$20.00<\/option>\n                            <option value=\"25\">$25.00<\/option>\n                            <option value=\"50\">$50.00<\/option>\n                            <option value=\"75\">$75.00<\/option>\n                            <option value=\"100\">$100.00<\/option>\n                            <option value=\"250\">$250.00<\/option>\n                    <\/select>\n    <\/div>\n\n    <div class=\"col\">\n        <label>Quantity<\/label>\n        <input type=\"number\" name=\"order_items[0][quantity]\" class=\"form-control mb-0\" required min=\"1\" value=\"1\" onchange=\"updateCartGiftCards()\">\n    <\/div>\n\n    <div class=\"col-auto\">\n        <a href=\"#\" class=\"btn\" onclick=\"this.closest('.gift-card-item').remove()\">X<\/a>\n    <\/div>\n<\/div>\n\n                                    <div class=\"text-right\">\n                                        <a id=\"add-gift-card-link\" href=\"#\" data-count=\"1\" onclick=\"addGiftCardRow()\">Add Gift Card<\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/section>\n\n                            <div class=\"form-group\">\n                                <div class=\"form-row align-items-end\">\n                                    <div class=\"col\">\n                                        <label for=\"promo_code\">Apply Promo Code<\/label>\n                                        <input id=\"promo_code\" type=\"text\" name=\"promo_code\" class=\"form-control\" placeholder=\"123CODE\" style=\"text-transform: uppercase\">\n                                    <\/div>\n                                    <div class=\"col-auto\">\n                                        <button type=\"button\" class=\"btn text-primary mb-3\" onclick=\"applyPromoCode('gift_card')\">Apply<\/button>\n                                    <\/div>\n                                <\/div>\n                                <div id=\"promo-error\" style=\"color: red\"><\/div>\n                            <\/div>\n\n                            <section class=\"card-divider grid-y cell\">\n\n                                <div class=\"grid-x\">\n                                    <div class=\"cell small-6 text-left\">\n                                        Sub Total:\n                                    <\/div>\n                                    <div class=\"cell small-6 text-right\">\n                                        <div class=\"cart-sub-total\">$0.00<\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <div id=\"discounts\">\n                                    <div class=\"hide template\">\n                                        <div class=\"grid-x\">\n                                            <div class=\"cell small-6 text-left\">\n                                                <span class=\"discount-name\"><\/span> (<span class=\"discount-code\"><\/span>):\n                                                <span class=\"discount-remove\" style=\"color: red; font-size: 0.9rem; cursor: pointer\">Remove<\/span>\n                                            <\/div>\n                                            <div class=\"cell small-6 text-right\">\n                                                <div>\n                                                    - $<span class=\"discount-amount\"><\/span>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <div class=\"grid-x\">\n                                    <div class=\"cell small-6 text-left\">\n                                        Total:\n                                    <\/div>\n                                    <div class=\"cell small-6 text-right\">\n                                        <div class=\"cart-total\">$0.00<\/div>\n                                    <\/div>\n                                <\/div>\n\n                            <\/section>\n\n                            <div class=\"border border-dark rounded\">\n                                <div class=\"p-3\">\n                                    <button type=\"submit\" class=\"cart-checkout btn btn-primary py-3 w-100\">Submit Your Order<\/button>\n                                <\/div>\n                            <\/div>\n\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/form>\n\n        <\/div>\n    <\/div>\n<\/div>\n"