{"id":16,"date":"2023-03-23T16:10:25","date_gmt":"2023-03-23T15:10:25","guid":{"rendered":"https:\/\/customers.pca.de\/ws542t01\/?page_id=16"},"modified":"2024-10-15T15:32:53","modified_gmt":"2024-10-15T13:32:53","slug":"gutschein-shop","status":"publish","type":"page","link":"https:\/\/customers.pca.de\/dance-in-trier\/gutschein-shop.html","title":{"rendered":"Gutschein-Shop"},"content":{"rendered":"\n<div class=\"container alignfull\">\n\n\n<div data-ng-app=\"PCA-Coupon\" data-ng-cloak id=\"pca_coupon\">\n\n    <div data-ng-controller=\"CouponController as controller\">\n        <div class=\"container-fluid\" data-ng-if=\"controller.success == 'true'\">\n            <div class=\"well\" style=\"text-align: center; padding: 50px;\">\n              <h2 style=\"padding-bottom: 30px;\">{{'buy.success' | translate}}<br \/><small>{{'buy.success.subline' | translate}}<\/small><\/h2>\n              <i class=\"fa fa-check fa-3x\" style=\"vertical-align: middle;\"><\/i>\n            <\/div>\n        <\/div>\n        <div class=\"container-fluid\" data-ng-if=\"controller.cancel == 'true'\">\n            <div class=\"well\" style=\"text-align: center; padding: 50px;\">\n              <h2 style=\"padding-bottom: 30px;\">{{'buy.cancel' | translate}}<br \/><small>{{'buy.cancel.subline' | translate}}<\/small><\/h2>\n              <i class=\"fa fa-times fa-3x\" style=\"vertical-align: middle;\"><\/i>\n            <\/div>\n        <\/div>\n    <div data-ng-if=\"controller.success != 'true' && controller.cancel != 'true'\">        \n        <div class=\"menu\">\n            <button type=\"button\" \n                data-ng-click=\"controller.goToCart(); controller.success = false;\" \n                data-ng-hide=\"controller.view == 'summary' || controller.cart.hasItems() == false || controller.view == 'redirectToPaypal' || controller.instantbuy == true\"\n                data-ng-class=\"{disabled: controller.cart.hasItems() == false}\" \n                class=\"btn btn-primary pull-right\">\n                <i class=\"fa fa-shopping-cart\" aria-hidden=\"true\"><\/i><span data-ng-show=\"controller.cart.hasItems() == true\"> {{controller.cart.sum() | currency : '\u20ac' : 2}}<\/span>\n            <\/button>\n            <button type=\"button\" \n                data-ng-click=\"controller.goToCoupons();\"\n                data-ng-show=\"controller.coupons.length > 1 && (controller.view == 'couponDetails' || controller.view == 'cart') && controller.instantbuy != true\"\n                class=\"btn btn-primary\">\n                <i class=\"fa fa-arrow-left\" aria-hidden=\"true\"><\/i>\n            <\/button>\n        <\/div>\n        <div id=\"alertContainer\" class=\"container\" data-ng-if=\"controller.success == 'true' || controller.cancel == 'true'\">\n\t\t\t<div id=\"orderSuccessAlert\" class=\"alert alert-success alert-dismissible\" role=\"alert\" data-ng-if=\"controller.success == 'true'\">\n            <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;<\/span><\/button>\n            <h3>{{'buy.success' | translate}}<\/h3>\n                \n            <\/div>\n\t        <div id=\"orderCancelAlert\" class=\"alert alert-warning alert-dismissible\" role=\"alert\" data-ng-if=\"controller.cancel == 'true'\" >\n            <button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;<\/span><\/button>\n            <h3>{{'buy.cancel' | translate}}<\/h3>\n            <\/div>\n        <\/div>\n    \n        <div class=\"container\" data-ng-hide=\"controller.instantbuy === true\" data-ng-if=\"controller.view == 'checkout' || controller.view == 'shipping' || controller.view == 'agb' || controller.view == 'summary'\">\n            <ul class=\"progressbar\">\n                <li data-ng-class=\"{active: controller.view == 'checkout' || controller.view == 'shipping' || controller.view == 'agb' || controller.view == 'summary'}\" \n                data-ng-click=\"controller.checkout()\"\n                data-icon=\"&#xf007;\"><span class=\"hidden-xs\">Anmeldung<\/span><\/li>\n                <li data-ng-class=\"{active: controller.view == 'shipping' || controller.view == 'agb' || controller.view == 'summary'}\" data-ng-click=\"controller.showForm('shipping')\" data-icon=\"&#xf0e0;\"><span class=\"hidden-xs\">{{'shipping' | translate}}<\/span><\/li>\n                <li data-ng-class=\"{active: controller.view == 'summary'}\" data-ng-click=\"controller.showForm('summary')\" data-icon=\"&#xf00c;\"><span class=\"hidden-xs\">{{'summary' | translate}}<\/span><\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"container\" data-ng-show=\"controller.view == 'preload'\">\n    <div class=\"well\" style=\"text-align: center; padding: 50px;\">\n      <h2 style=\"padding-bottom: 30px;\">{{'coupons.loading' | translate}}<\/h2>\n      <i class=\"fa fa-spinner fa-pulse fa-3x fa-fw\" style=\"vertical-align: middle;\"><\/i>\n      <span class=\"sr-only\">Loading...<\/span>\n    <\/div>\n<\/div>\n<div id=\"coupons_overview\" data-ng-show=\"controller.view == 'coupons'\" class=\"\" data-ng-cloak>\n    <div data-ng-if=\"controller.couponCategories.length > 1\" class=\"btn-group\" role=\"toolbar\" aria-label=\"Filter-Buttons\" style=\"padding-bottom: 20px;\">\n        <button \n          type=\"button\" \n          class=\"btn btn-default\" \n          data-ng-click=\"controller.search = 'all'; controller.success = false;\" \n          data-ng-class=\"{'active' : controller.search == 'all'}\" >{{'coupon.subtitle.all' | translate}} ({{controller.coupons.visible}})\n        <\/button>\n        <button \n          data-ng-repeat=\"category in controller.couponCategories | orderBy: category.name\" \n          type=\"button\" \n          class=\"btn btn-default\" \n          data-ng-if=\"controller['searchCategory' + category.varname + 'Enabled']\" \n          data-ng-click=\"controller.search = category.name; controller.success = false;\" \n          data-ng-class=\"{'active' : controller.search == category.name}\" >{{'coupon.subtitle.' + category.name | translate}} ({{category.count}})\n        <\/button>\n    <\/div>\n\n    <div data-ng-if=\"controller.search == 'voucher'\" class=\"coupon_teaser\">\n        <h3>{{'coupon.teaser.voucher' | translate}}<\/h3>\n    <\/div>\n    <div data-ng-if=\"controller.search == 'coupon'\" class=\"coupon_teaser\">\n        <h3>{{'coupon.teaser.coupon' | translate}}<\/h3>\n    <\/div>\n    <div class=\"row\">\n        <div data-ng-repeat=\"coupon in controller.coupons | filter: controller.couponFilter | orderBy:['prio','name']\">\n        <div class=\"clearfix\" data-ng-if=\"$index % 3 == 0 && !$first\"><\/div>\n        <div class=\"col-sm-4 coupon\" data-ng-hide=\"{{coupon.category == 'private'}}\">\n            <a data-ng-click=\"controller.couponDetails(coupon); controller.success = false;\" class=\"col__image\">\n                <div class=\"overlay\">\n                    <span style=\"text-transform: uppercase\">{{'coupon.show.Details' | translate}}<\/span>\n                <\/div>\n                <img decoding=\"async\" alt=\"{{coupon.name}}\" \n                     src=\"https:\/\/customers.pca.de\/dance-in-trier\/wp-content\/uploads\/sites\/5\/2023\/03\/gutschein.png\"\n                     data-ng-src=\"{{coupon.iconHref ? coupon.iconHref : controller.shippingConfig.fallbackImageUrl}}\"\n                     class=\"img-responsive\">\n            <\/a>\n            <p class=\"couponName\">{{coupon.name}}<\/p>\n            <p data-ng-if=\"controller.shippingConfig.showDescriptionInCouponOverview && coupon.description!=undefinded\">\n                <span data-ng-bind-html=\"coupon.safeDescription\"><\/span>\n            <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<div id=\"coupon_details\" data-ng-show=\"controller.view == 'couponDetails'\" class=\"\">\n  <form novalidate class=\"css-form\" name=\"controller.couponDetailsForm\">\n    <div class=\"row\">\n        <div class=\"col-sm-6\" style=\"text-align: center;\">\n\n            <!-- notice position-->\n            <!--<pre draggable=\"true\"-->\n                 <!--style=\"position: absolute; padding-left: 40px; padding-top: 210px; font-size: xx-large; font-weight: bold\"-->\n                 <!--ng-style=\"myStyle\">{{controller.coupon.bruttoPrice}} \u20ac {{controller.coupon.notice}}<\/pre>-->\n\n\n            <img decoding=\"async\" class=\"couponImage img-responsive\"\n                src=\"https:\/\/customers.pca.de\/dance-in-trier\/wp-content\/uploads\/sites\/5\/2023\/03\/gutschein.png\"\n                data-ng-src=\"{{controller.coupon.iconHref ? controller.coupon.iconHref : controller.shippingConfig.fallbackImageUrl}}\"\n                alt=\"{{controller.coupon.name}}\"\n                 >\n            <!-- Design chooser -->\n            <div data-ng-if=\"controller.coupon.images.length > 1\">\n                <h4>{{'item.design.available' | translate}}<\/h4>\n                <button type=\"button\" class=\"btn btn-default\" data-ng-click=\"controller.previousImage(controller.coupon)\">{{'item.design.previous' | translate}}<\/button>\n                <button type=\"button\" class=\"btn btn-default\" data-ng-click=\"controller.nextImage(controller.coupon)\">{{'item.design.next' | translate}}<\/button>\n            <\/div>\n\n        <\/div>\n        <div class=\"col-sm-6\">\n            <h3>{{controller.coupon.name}}<\/h3>\n            <p><span data-ng-bind-html=\"controller.coupon.safeDescription\"><\/span><\/p>\n\n            <!-- Price Set -->\n            <div data-ng-if=\"controller.coupon.hasSet === true\" \n                 style=\"padding-left: 0; padding-top: 25px; padding-bottom: 25px;\"\n                 class=\"form-group\">\n                <label for=\"i_select_value\">{{'item.value.label' | translate}}<\/label>\n\n                <select id=\"i_select_value\" name=\"singleSelect\" data-ng-model=\"controller.coupon.bruttoPrice\" class=\"form-control\">\n                    <option data-ng-repeat=\"option in controller.coupon.values\" value=\"{{option}}\" selected=\"selected\">{{option}} \u20ac<\/option>\n                <\/select>\n\n            <\/div>\n\n            <!-- Price Range -->\n            <div data-ng-if=\"controller.coupon.hasRange === true\" class=\"form-group\" data-ng-class=\"{invalid : controller.couponDetailsForm.$invalid == false, valid : controller.couponDetailsForm.$valid}\">\n                <label for=\"i_price_range\">\n                    {{'item.value.priceRange' | translate : { min: controller.coupon.priceRangeMin, max :\n                    controller.coupon.priceRangeMax } }}\n                <\/label>\n\n                <input id=\"i_price_range\" \n                       type=\"number\" \n                       min=\"{{controller.coupon.priceRangeMin}}\"\n                       max=\"{{controller.coupon.priceRangeMax}}\" \n                       required \n                       data-ng-model=\"controller.coupon.bruttoPrice\" \n                       data-ng-value=\"controller.coupon.bruttoPrice\" \n                       class=\"form-control\" \n                       data-ng-model-options=\"{ debounce: 750 }\">\n            <\/div>\n            <p class=\"coupon__price\" data-ng-if=\"controller.coupon.hasRange === false && controller.coupon.hasSet === false && controller.coupon.bruttoPrice!=0\">{{'item.price' | translate}}: {{controller.coupon.bruttoPrice | currency : '\u20ac ' : 2}}<\/p>\n            <p class=\"coupon__price\" data-ng-if=\"controller.coupon.bruttoPrice==0\">{{'item.free' | translate}}<\/p>\n            <p data-ng-if=\"controller.coupon.inCart\" class=\"valid\">{{'item.already.bought' | translate}}<\/p>\n\n            <!-- notice -->\n            <div data-ng-if=\"!controller.coupon.inCart\" class=\"form-group\">\n                <label for=\"id\">{{'item.value.dedication' | translate}}<\/label>\n                <label data-ng-if=\"false\">\n                    <input type=\"color\" data-ng-model=\"item.value.dedication.color\"\n                           data-ng-change=\"myStyle={'color' : item.value.dedication.color}\"\n                           value=\"#ff0000\" style=\"width:100%;\">\n                <\/label>\n                <input id=\"id\" type=\"text\" data-ng-model=\"controller.coupon.notice\" maxlength=\"{{controller.shippingConfig.itemNoticeMaxLength}}\" class=\"form-control\"\/>\n            <\/div>\n\n            <!-- buttons -->\n            <div class=\"buttonContainer\">\n                <button \n                    data-ng-if=\"controller.showToCartButton || controller.coupon.inCart\" \n                    type=\"button\" class=\"btn btn-default pull-right Button\" \n                    data-ng-click=\"controller.goToCart()\"\n                    >\n                    <i class=\"fa fa-shopping-cart\" aria-hidden=\"true\"><\/i>&nbsp;{{'goto.cart' | translate}}\n                <\/button>\n                 <button data-ng-if=\"!controller.coupon.inCart\"\n                         type=\"button\" \n                         class=\"btn btn-primary\" \n                         data-ng-click=\"controller.buy(controller.coupon)\" \n                         data-ng-disabled=\"controller.couponDetailsForm.$invalid\" >{{'buynow' | translate}}<\/button>\n             <\/div>\n\n        <\/div>\n    <\/div>\n  <\/form>\n<\/div>\n<div id=\"cart_overview\" data-ng-show=\"controller.view == 'cart'\" class=\"\">\n<div class=\"legend\">{{'cart' | translate}}<\/div>\n    <div data-ng-repeat=\"coupon in controller.cart.data\" class=\"cart__item row\" data-ng-class=\"{first: $first}\">\n        <!-- product image -->\n        <div class=\"image__container col-sm-6 col-lg-3\" style=\"position: relative\">\n            <a data-ng-click=\"controller.couponDetails(coupon)\" class=\"col__image\">\n                <img decoding=\"async\"  src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==\"\n                      data-ng-src=\"{{coupon.iconHref}}\"\n                      fallback-src=\"{{controller.shippingConfig.fallbackImageUrl}}\"\n                      alt=\"{{coupon.name}}\"class=\"img-responsive\">\n            <\/a>\n            <!-- notice position\n            <p style=\"position: absolute; top: 125px; left: 30px; font-size: larger; font-weight: bold\">\n                {{coupon.bruttoPrice}} \u20ac {{coupon.notice}}<\/p>-->\n        <\/div>\n\n        <!-- product information -->\n        <div class=\"content__container col-sm-6 col-lg-9\">\n            <div class=\"row\">\n                <div class=\"col-sm-6\">\n                    <h3>{{coupon.name}}<\/h3>\n                    <p data-ng-if=\"false\">{{'cart.amount' | translate}} {{amount}}<\/p>\n                    <p>{{'cart.price' | translate}} {{coupon.bruttoPrice | currency : '\u20ac' : 2}}<\/p>\n                    <p class=\"coupon__price_small\">{{coupon.bruttoPrice * amount | currency : '\u20ac' : 2}}<\/p>\n                    <!-- notice -->\n                    <p data-ng-if=\"coupon.notice != (undefined || '' || null)\">{{'item.value.dedication' | translate}}: {{coupon.notice}}\n                <\/div>\n                <div class=\"col-sm-6\">\n                    <div class=\"itemQuantifier pull-right\">\n                        <a data-ng-if=\"coupon.bruttoPrice > 0\" data-ng-click=\"controller.cart.add(coupon)\" class=\"btn btn-default\" title=\"{{'item.add' | translate}}\">\n                            <i class=\"fa fa-plus\"><\/i>\n                        <\/a>\n                        <a data-ng-click=\"controller.cart.removeOne(coupon)\" class=\"btn btn-default button--light\" title=\"{{'item.remove' | translate}}\">\n                            <i class=\"fa fa-trash-o\"><\/i>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <footer>\n        <button data-ng-click=\"controller.checkout()\" data-ng-hide=\"controller.cart.hasItems() == false\" class=\"btn btn-primary pull-right\">\n            {{'pay' | translate}}\n        <\/button>\n    <\/footer>\n    <div data-ng-show=\"controller.cart.hasItems() == false\">\n        <p>Ihr Warenkorb enth\u00e4lt (noch) nichts.<\/p>\n            <button data-ng-click=\"controller.goToCoupons()\"  class=\"btn btn-primary\">\n            {{'button.prev' | translate}}\n        <\/button>\n    <\/div>\n<\/div><div id=\"login_form\" data-ng-show=\"controller.view == 'checkout' && controller.shippingConfig.enableRegistration==true\">\n<div data-ng-show=\"controller.userLoggedInAndDetailsLoaded == false && controller.customerType != 'existing_customer'\" id=\"customerType\">\n<div class=\"legend\">Anmeldung<\/div>\n\n\t<button type=\"button\" \n\t\tdata-ng-click=\"controller.customerType='existing_customer'\"\n\t\tclass=\"btn btn-primary\">{{'customer.existing' | translate}}<\/button>\n\t<button type=\"button\" \n\t\tdata-ng-click=\"controller.customerType='guest_customer'\"\n\t\tclass=\"btn btn-primary\">{{'customer.guest' | translate}}<\/button>\n\t<button type=\"button\" \n\t\tdata-ng-click=\"controller.customerType='new_customer'\" \n\t\taria-pressed=\"true\" \n\t\tclass=\"btn btn-primary\">{{'customer.new' | translate}}<\/button>\n<\/div>\n\n\t<!-- login -->\n<form novalidate class=\"css-form\" name=\"loginForm\" data-ng-submit=\"controller.loadCustomer()\"\n\tdata-ng-if=\"controller.customerType == 'existing_customer'\">\n\t<fieldset class=\"powermail_fieldset\" data-ng-show=\"controller.userLoggedInAndDetailsLoaded == false\"\n\tdata-ng-class=\"{invalid : controller.validCredentials == false, valid : controller.userLoggedInAndDetailsLoaded == true}\">\n\t<legend>{{'customer.login.legend' | translate}}<\/legend>\n\t<div class=\"form-group\">\n\t\t<label for=\"i_customer_login\"  title=\"\">{{'customer.login' | translate}}<span\n\t\t\tclass=\"mandatory\">*<\/span><\/label>\n\t\t\t<div>\n\t\t\t\t<input id=\"i_customer_login\" name=\"customer_login\" data-ng-model=\"controller.customer.login\" required=\"\"\n\t\t\t\tplaceholder=\"{{'customer.login' | translate}}\"\n\t\t\t\tclass=\"form-control\"\n\t\t\t\ttype=\"text\" value=\"\">\n\t\t\t\t<p class=\"error\"\n\t\t\t\tdata-ng-show=\"loginForm.customer_login.$dirty && loginForm.customer_login.$invalid\">{{'required' | translate}}<\/p>\n\t\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-group\">\n\t\t<label for=\"i_customer_password\"  title=\"\">{{'customer.password' | translate}}<span class=\"mandatory\">*<\/span><\/label>\n\t\t\t\t<div>\n\t\t\t\t\t<input id=\"i_customer_password\" data-ng-model=\"controller.customer.password\" required=\"\"\n\t\t\t\t\tplaceholder=\"{{'customer.password' | translate}}\"\n\t\t\t\t\tclass=\"form-control\"\n\t\t\t\t\ttype=\"password\">\n\t\t\t\t<\/div>\n\t<\/div>\n\t\t\t<div>\n\t\t\t<p class=\"error\" data-ng-show=\"controller.validCredentials == false\">{{'customer.login.error' | translate}}<\/p>\n\t\t\t<\/div>\n      <div>\n        <p>{{'userPayment.lostPassword' | translate}}<\/p>\n      <\/div>\n\t\t\t<button type=\"submit\" data-ng-disabled=\"loginForm.$invalid\"\n\t\t\tstyle=\"margin-left: 0;\"\n\t\t\tclass=\"btn btn-primary pull-right\"\n\t\t\tdata-ng-class=\"{enabled : loginForm.$valid == true, disabled : loginForm.$valid == false}\"\n\t\t\tdata-ng-hide=\"controller.userLoggedInAndDetailsLoaded == true\">{{'userPayment.login' | translate}}<\/button>\n\t\t<button type=\"button\" \n\t\tdata-ng-click=\"controller.customerType='new_customer'\"\n\t\tdata-ng-show=\"controller.customerType == 'existing_customer'\"\n\t\tclass=\"btn btn-primary\">{{'button.prev' | translate}}<\/button>\n\t\t<\/fieldset>\n<\/form>\n\t<div id=\"userDataLoadedSuccessAlert\" class=\"alert alert-success alert-dismissible\" role=\"alert\" data-ng-if=\"controller.userLoggedInAndDetailsLoaded == true\">\n  \t\t<button type=\"button\" class=\"close\" data-dismiss=\"alert\" aria-label=\"Close\"><span aria-hidden=\"true\">&times;<\/span><\/button>\n\t\t<strong>{{'customer.dataLoaded' | translate}}<\/strong>\n\t<\/div>\n\t<div class=\"panel panel-default\" data-ng-if=\"controller.userLoggedInAndDetailsLoaded == true\">\n\t\t<div class=\"panel-heading\">\n\t\t\t<h3 class=\"panel-title\">{{'billAddress' | translate}}<\/h3>\n\t\t<\/div>\n\t\t<div class=\"panel-body\">\n\t\t\t<p class=\"\">{{controller.order.salutation}}<\/p>\n\t\t\t<p class=\"\">{{controller.order.billingAddress.firstName}} {{controller.order.billingAddress.lastName}} <\/p>\n\t\t\t<p class=\"\">{{controller.order.billingAddress.street}}<\/p>\n\t\t\t<p class=\"\">{{controller.order.billingAddress.postalCode}} {{controller.order.billingAddress.city}} <\/p>\n\t\t\t<p class=\"\">E-Mail: {{controller.order.billingAddress.email}}<\/p>\n\t\t\t<p class=\"error\" data-ng-show=\"controller.billingAddressForm.$invalid && !controller.billingAddressForm.$pending\">{{'customer.checkData' | translate}}<\/p>\n\t\t\t<button type=\"button\" class=\"btn btn-xs btn-primary pull-right\" data-ng-click=\"controller.showForm('billingAddress')\">{{'button.edit' | translate}} ...<\/button>\n\t\t<\/div>\n\t<\/div>\n\t\t<div class=\"buttonContainer\" data-ng-hide=\"controller.userLoggedInAndDetailsLoaded == false\">\n\t\t<button type=\"button\" class=\"btn btn-primary pull-right\"\n\t\tdata-ng-click=\"controller.showForm('shipping')\" \n\t\tdata-ng-class=\"{disabled: controller.billingAddressForm.$invalid || controller.billingAddressForm.$pending}\"\n\t\tdata-ng-disabled=\"controller.billingAddressForm.$invalid || controller.billingAddressForm.$pending\">{{'button.next' | translate}}<\/button>\n\t<\/div>\n<\/div>\n<div class=\"row\" data-ng-if=\"controller.instantbuy === true\" data-ng-hide=\"controller.view == 'cart' || controller.view == 'summary' || controller.view == 'redirectToPaypal'\">\n<div id=\"coupon_page_header\" class=\"coupon_header\">\n    <h1>{{ controller.coupon.teaser }}<\/h1>\n<\/div>\n        <div class=\"col-sm-6\" style=\"text-align: center;\">\n          <img decoding=\"async\" class=\"couponImage img-responsive\"\n             \t src=\"https:\/\/customers.pca.de\/dance-in-trier\/wp-content\/uploads\/sites\/5\/2023\/03\/gutschein.png\"\n            \t data-ng-src=\"{{controller.coupon.iconHref ? controller.coupon.iconHref : controller.shippingConfig.fallbackImageUrl}}\"\n               alt=\"{{controller.coupon.name}}\"\n               >\n        <\/div>\n        <div class=\"col-sm-6\">\n            <h3>{{controller.coupon.name}}<\/h3>\n            <p><span data-ng-bind-html=\"controller.coupon.safeDescription\"><\/span><\/p>\n\n            <p class=\"coupon__price\" data-ng-if=\"controller.coupon.hasRange === false && controller.coupon.hasSet === false && controller.coupon.bruttoPrice!=0\">{{controller.coupon.bruttoPrice | currency : '\u20ac ' : 2}}<\/p>\n            <p class=\"coupon__price\" data-ng-if=\"controller.coupon.bruttoPrice==0\">{{'item.free' | translate}}<\/p>\n\n            <!-- notice -->\n            <div data-ng-if=\"!controller.coupon.inCart\" class=\"form-group\">\n                <label for=\"id\">{{'item.value.dedication' | translate}}<\/label>\n                <label data-ng-if=\"false\">\n                    <input type=\"color\" data-ng-model=\"item.value.dedication.color\"\n                           data-ng-change=\"myStyle={'color' : item.value.dedication.color}\"\n                           value=\"#ff0000\" style=\"width:100%;\">\n                <\/label>\n                <input id=\"id\" type=\"text\" data-ng-model=\"controller.coupon.notice\" maxlength=\"{{controller.shippingConfig.itemNoticeMaxLength}}\" class=\"form-control\"\/>\n            <\/div>\n        <\/div>\n<\/div>\n<!-- billing address -->\n<div id=\"billingAddress\" data-ng-show=\"(controller.customerType!='existing_customer' && controller.view == 'checkout') || controller.view == 'billingAddress'\">\n<form novalidate class=\"css-form\" name=\"controller.billingAddressForm\">\n<fieldset>\n\t<!--<hr>-->\n\t<legend>\n\t\t{{'billAddress' | translate}}\n\t<\/legend>\n\n\t<div class=\"form-group\"\n\tdata-ng-class=\"{valid: controller.order.billingAddress.salutation && controller.billingAddressForm.$dirty, invalid : !controller.order.billingAddress.salutation && controller.billingAddressForm.$dirty}\"\n\tdata-ng-show=\"controller.instantbuy == false\"\n\t>\n\t\t<label for=\"i_billingAddress.salutation\">\n\t\t\t{{'billingAddress.salutation' | translate}}\n\t\t\t<span class=\"mandatory\">*<\/span>\n\t\t<\/label>\n\t\t<div>\n\t\t\t<label class=\"radio-inline\">\n\t\t\t\t<input data-ng-model=\"controller.order.billingAddress.salutation\" name=\"salutation\" type=\"radio\" value=\"Frau\" data-ng-required=\"true\">\n\t\t\t\t{{'salutation.mrs' | translate}}\n\t\t\t<\/label>\n\t\t\t<label class=\"radio-inline\">\n\t\t\t\t<input data-ng-model=\"controller.order.billingAddress.salutation\" name=\"salutation\" type=\"radio\" value=\"Herr\" data-ng-required=\"true\">\n\t\t\t\t{{'salutation.mr' | translate}}\n\t\t\t<\/label>\n\t\t\t<label class=\"radio-inline hidden\">\n\t\t\t\t<input data-ng-model=\"controller.order.billingAddress.salutation\" name=\"salutation\" type=\"radio\" value=\"anonymous\" data-ng-required=\"true\">\n\t\t\t\t{{'salutation.anonymous' | translate}}\n\t\t\t<\/label>\n\t\t<\/div>\n\t\t<p class=\"error\"\n\t\tdata-ng-show=\"controller.billingAddressForm.salutation.$dirty && controller.billingAddressForm.salutation.$invalid\">{{'required' | translate}}<\/p>\n\t<\/div>\n\n\t<div class=\"form-group\"\n\tdata-ng-class=\"{valid: controller.billingAddressForm.firstName.$valid && controller.billingAddressForm.$dirty, invalid : controller.billingAddressForm.firstName.$invalid && controller.billingAddressForm.$dirty}\">\n\t<label for=\"i_billingAddress.firstName\" >\n\t\t{{'billingAddress.firstName' | translate}}\n\t\t<span class=\"mandatory\">*<\/span>\n\t<\/label>\n\t<div>\n\t\t<input id=\"i_billingAddress.firstName\" name=\"firstName\"\n\t\tclass=\"form-control\"\n\t\tdata-ng-model=\"controller.order.billingAddress.firstName\" required=\"\"\n\t\tplaceholder=\"{{'billingAddress.firstName' | translate}}\"\n\t\ttype=\"text\"\n\t\tdata-ng-class=\"{valid: controller.billingAddressForm.firstName.$valid && controller.billingAddressForm.$dirty, invalid : controller.billingAddressForm.firstName.$invalid && controller.billingAddressForm.firstName.$dirty}\">\n\n\t\t<p class=\"error\" data-ng-show=\"controller.billingAddressForm.firstName.$invalid && controller.billingAddressForm.firstName.$dirty\">\n\t\t\t{{'billingAddress.firstName.error' | translate}}\n\t\t<\/p>\n\t<\/div>\n<\/div>\n\n<div class=\"form-group\"\ndata-ng-class=\"{valid: controller.billingAddressForm.lastName.$valid && controller.billingAddressForm.$dirty, invalid : controller.billingAddressForm.lastName.$invalid && controller.billingAddressForm.$dirty}\">\n<label for=\"i_billingAddress.lastName\" >\n\t{{'billingAddress.lastName' | translate}}\n\t<span class=\"mandatory\">*<\/span>\n<\/label>\n<div>\n\t<input id=\"i_billingAddress.lastName\" name=\"lastName\"\n\tclass=\"form-control\"\n\tdata-ng-model=\"controller.order.billingAddress.lastName\" required=\"\"\n\tplaceholder=\"{{'billingAddress.lastName' | translate}}\" type=\"text\"\n\tdata-ng-class=\"{valid: controller.billingAddressForm.lastName.$valid && controller.billingAddressForm.$dirty, invalid : controller.billingAddressForm.lastName.$invalid && controller.billingAddressForm.lastName.$dirty}\">\n\t<p class=\"error\" data-ng-show=\"controller.billingAddressForm.lastName.$invalid && controller.billingAddressForm.lastName.$dirty\">\n\t\t{{'billingAddress.lastName.error' | translate}}\n\t<\/p>\n<\/div>\n<\/div>\n\n<div class=\"form-group\"\n\tdata-ng-class=\"{valid: controller.billingAddressForm.street.$valid && controller.billingAddressForm.$dirty, invalid : controller.billingAddressForm.street.$invalid && controller.billingAddressForm.street.$dirty}\"\n\tdata-ng-hide=\"controller.instantbuy == true\">\n<label for=\"i_billingAddress.street\" >\n\t{{'billingAddress.street' | translate}}\n\t<span class=\"mandatory\">*<\/span>\n<\/label>\n<div>\n\t<input id=\"i_billingAddress.street\" name=\"street\" data-ng-model=\"controller.order.billingAddress.street\"\n\tclass=\"form-control\"\n\tdata-ng-required=\"controller.instantbuy == false\"\n\tplaceholder=\"{{'billingAddress.street' | translate}}\" type=\"text\"\n\tdata-ng-class=\"{valid: controller.billingAddressForm.street.$valid && controller.billingAddressForm.$dirty, invalid : controller.billingAddressForm.street.$invalid && controller.billingAddressForm.street.$dirty}\">\n\t<p class=\"error\" data-ng-show=\"controller.billingAddressForm.street.$invalid && controller.billingAddressForm.street.$dirty\">\n\t\t{{'billingAddress.street.error' | translate}}\n\t<\/p>\n<\/div>\n<\/div>\n\n<div class=\"form-group\"\ndata-ng-class=\"{valid: controller.billingAddressForm.postalCode.$valid && controller.billingAddressForm.$dirty, invalid : controller.billingAddressForm.postalCode.$invalid && controller.billingAddressForm.$dirty}\" \n\tdata-ng-hide=\"controller.instantbuy == true\">\n<label for=\"i_billingAddress.postalCode\" >\n\t{{'billingAddress.postalCode' | translate}}\n\t<span class=\"mandatory\">*<\/span>\n<\/label>\n<div>\n\t<input id=\"i_billingAddress.postalCode\" name=\"postalCode\"\n\tclass=\"form-control\"\n\tdata-ng-model=\"controller.order.billingAddress.postalCode\" \n\tdata-ng-required=\"controller.instantbuy == false\"\n\tplaceholder=\"{{'billingAddress.postalCode' | translate}}\"\n\ttype=\"text\"\n\tdata-ng-pattern=\"\/^\\d{5}$\/\"\n\tdata-ng-class=\"{valid: controller.billingAddressForm.postalCode.$valid && controller.billingAddressForm.$dirty, invalid : controller.billingAddressForm.postalCode.$invalid && controller.billingAddressForm.postalCode.$dirty}\">\n\t<p class=\"error\" data-ng-show=\"controller.billingAddressForm.postalCode.$invalid && controller.billingAddressForm.postalCode.$dirty\">\n\t\t{{'billingAddress.postalCode.error' | translate}}\n\t<\/p>\n<\/div>\n<\/div>\n\n<div class=\"form-group\"\ndata-ng-class=\"{valid: controller.billingAddressForm.city.$valid && controller.billingAddressForm.$dirty, invalid : controller.billingAddressForm.city.$invalid && controller.billingAddressForm.$dirty}\"\n\tdata-ng-hide=\"controller.instantbuy == true\">\n<label for=\"i_billingAddress.city\" >\n\t{{'billingAddress.city' | translate}}\n\t<span class=\"mandatory\">*<\/span>\n<\/label>\n<div>\n\t<input id=\"i_billingAddress.city\" name=\"city\" data-ng-model=\"controller.order.billingAddress.city\"\n\tclass=\"form-control\"\n\tdata-ng-required=\"controller.instantbuy == false\"\n\tplaceholder=\"{{'billingAddress.city' | translate}}\" type=\"text\"\n\tdata-ng-class=\"{valid: controller.billingAddressForm.city.$valid && controller.billingAddressForm.$dirty, invalid : controller.billingAddressForm.city.$invalid && controller.billingAddressForm.city.$dirty}\">\n\t<p class=\"error\" data-ng-show=\"controller.billingAddressForm.city.$invalid && controller.billingAddressForm.city.$dirty\">\n\t\t{{'billingAddress.city.error' | translate}}\n\t<\/p>\n<\/div>\n<\/div>\n<div class=\"form-group\"\n\t>\n<label for=\"i_billingAddress.mobil\" >\n\t{{'billingAddress.mobil' | translate}}\n\t<\/label>\n<div>\n\t<input id=\"i_billingAddress.mobil\" name=\"mobil\"\n\tdata-ng-model=\"controller.order.billingAddress.mobil\" \n\t \n\tclass=\"form-control\"\n\tdata-ng-pattern=\"\/^[\\d\\+\\-\\.\\(\\)\\\/\\s]*$\/\" \n\tdata-ng-model-options=\"{ debounce: 250 }\"\n\tplaceholder=\"{{'billingAddress.mobil' | translate}}\" \n\ttype=\"text\"\n\tdata-ng-class=\"{valid: controller.billingAddressForm.mobil.$valid && controller.billingAddressForm.$dirty, invalid : controller.billingAddressForm.mobil.$invalid && controller.billingAddressForm.mobil.$dirty}\">\n\t<p class=\"error\" data-ng-show=\"controller.billingAddressForm.mobil.$invalid && controller.billingAddressForm.mobil.$dirty\">\n\t\t{{'billingAddress.mobil.error' | translate}}\n\t<\/p>\n<\/div>\n<\/div>\n<div class=\"form-group\"\ndata-ng-class=\"{valid: controller.billingAddressForm.email.$valid && controller.billingAddressForm.$dirty, invalid : controller.billingAddressForm.email.$invalid && controller.billingAddressForm.$dirty}\">\n<label for=\"i_billingAddress.email\" >\n\t{{'billingAddress.email' | translate}}\n\t<span class=\"mandatory\">*<\/span><span data-ng-show=\"controller.billingAddressForm.email.$pending\"><i class=\"fa fa-circle-o-notch fa-spin fa-fw\"><\/i><span class=\"sr-only\">\u00dcberpr\u00fcfe...<\/span><\/span>\n<\/label>\n<div>\n\t<input id=\"i_billingAddress.email\" name=\"email\"\n\tclass=\"form-control\"\n\ttype=\"email\"\n\trequired \n\tdata-ng-pattern=\"\/.@.\/\"\n\tdata-email-validator\n\tdata-ng-model=\"controller.order.billingAddress.email\"\n\tdata-ng-model-options=\"{ debounce: 250 }\"\n\tplaceholder=\"{{'billingAddress.email' | translate}}\"\n\tdata-ng-class=\"{valid: controller.billingAddressForm.email.$valid && controller.billingAddressForm.$dirty, invalid : controller.billingAddressForm.email.$invalid && controller.billingAddressForm.email.$dirty}\">\n\t<p class=\"error\" data-ng-show=\"controller.billingAddressForm.email.$invalid && controller.billingAddressForm.email.$dirty\">\n\t\t{{'billingAddress.email.error' | translate}}\n\t<\/p>\n<\/div>\n<\/div>\n\n<\/fieldset>\n\n<fieldset  data-ng-show=\"controller.customerType == 'new_customer'\" >\n\t<legend>Benutzername & Passwort<\/legend>\n\t<p>Bitte w\u00e4hlen Sie hier Ihren pers\u00f6nlichen Benutzernamen und Ihr Passwort.<\/p>\n\t<div class=\"row\">\n\t<div class=\"form-group col-sm-6\"\n\tdata-ng-class=\"{valid: controller.billingAddressForm.userName.$valid && controller.billingAddressForm.$dirty, invalid : controller.billingAddressForm.userName.$invalid && controller.billingAddressForm.$dirty}\">\n\t<label for=\"i_billingAddress.userName\" >\n\t\t{{'userName' | translate}}\n\t\t<span class=\"mandatory\">*<\/span>\n\t<\/label>\n\t\t<div>\n\t\t<input id=\"i_billingAddress.userName\" name=\"userName\"\n\t\tdata-username-validator\n\t\tclass=\"form-control\"\n\t\tdata-ng-model=\"controller.order.billingAddress.userName\" \n\t\tdata-ng-required=\"controller.customerType == 'new_customer'\"\n\t\tplaceholder=\"{{'userName' | translate}}\" type=\"text\"\n\t\tdata-ng-class=\"{valid: controller.billingAddressForm.userName.$valid && controller.billingAddressForm.$dirty, invalid : controller.billingAddressForm.userName.$invalid && controller.billingAddressForm.userName.$dirty}\">\n\n\t\t\t<div data-ng-if=\"controller.billingAddressForm.userName.$dirty\" data-ng-messages=\"controller.billingAddressForm.userName.$error\">\n\t\t\t\t<p class=\"error\" data-ng-message=\"required\">{{'userName.error' | translate}}<\/p>\n\t\t\t\t<p class=\"error\" data-ng-message=\"username\">{{'userName.exists' | translate}}<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n<div class=\"form-group col-sm-6\"\n\tdata-ng-if=\"controller.customerType == 'new_customer'\"\n\tdata-ng-class=\"{valid: controller.billingAddressForm.password.$valid && controller.billingAddressForm.$dirty, invalid : controller.billingAddressForm.password.$invalid && controller.billingAddressForm.password.$dirty}\">\n<label for=\"i_billingAddress.password\" >\n\t{{'password' | translate}}\n\t<span class=\"mandatory\">*<\/span>\n<\/label>\n<div>\n\t<input id=\"i_billingAddress.password\" name=\"password\"\n\tclass=\"form-control\"\n\tdata-ng-model=\"controller.order.billingAddress.password\" \n\tdata-ng-required=\"controller.customerType == 'new_customer'\"\n\tdata-ng-pattern=\"\/(?=^.{8,}$)(?=.*\\d)(?![.\\n])(?=.*[A-Z])(?=.*[a-z]).*$\/\"\n\tplaceholder=\"{{'password' | translate}}\" type=\"password\"\n\tdata-ng-class=\"{valid: controller.billingAddressForm.password.$valid && controller.billingAddressForm.$dirty, invalid : controller.billingAddressForm.password.$invalid && controller.billingAddressForm.password.$dirty}\">\n\t<p class=\"error\" data-ng-show=\"controller.billingAddressForm.password.$invalid && controller.billingAddressForm.password.$dirty\">\n\t\t{{'password.error' | translate}}\n\t<\/p>\n\t<span id=\"helpBlock\" class=\"help-block\">Ihr Passwort muss folgende Kriterien erf\u00fcllen: mind. 8-Zeichen lang, Gro\u00df- und Kleinbuchstaben, Zahlen<\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/fieldset>\n<\/form>\n<div id=\"\" class=\"alert alert-danger\" role=\"alert\" data-ng-show=\"controller.errorMessage !== null\">\n  <p>{{controller.errorMessage}}<\/p>\n<\/div>\n<div class=\"buttonContainer\" data-ng-hide=\"controller.customerType == 'existing_customer' && controller.userLoggedInAndDetailsLoaded == false\">\n\t<button type=\"button\" class=\"btn btn-primary\" data-ng-hide=\"controller.instantbuy === true\" data-ng-click=\"controller.showForm('cart')\">{{'button.prev' | translate}}<\/button>\n\t<button type=\"button\" class=\"btn btn-primary pull-right\"\n\tdata-ng-click=\"controller.showForm('shipping')\" \n\tdata-ng-class=\"{disabled: controller.billingAddressForm.$invalid || controller.billingAddressForm.$pending}\"\n\tdata-ng-disabled=\"controller.billingAddressForm.$invalid || controller.billingAddressForm.$pending\">{{'button.next' | translate}}<\/button>\n<\/div>\n\n<\/div>\n\n<!-- shipping details -->\n<div data-ng-show=\"controller.view == 'shipping'\" class=\"\">\n<form novalidate class=\"css-form\" name=\"controller.shippingDetailsForm\">\n\t<fieldset>\n\t\t<legend class=\"powermail_legend\">{{'delivery.shipping.details' | translate}}<\/legend>\n\t\t\t\t<div><p>{{'shippingDetails.emailDescription' | translate}}<\/p><\/div>\n\t\t<div class=\"form-group\" data-ng-show=\"controller.order.shippingMethod == 'ONLINE'\" data-ng-class=\"{valid: controller.shippingDetailsForm.email.$valid && controller.shippingDetailsForm.$dirty, invalid : controller.shippingDetailsForm.email.$invalid && controller.shippingDetailsForm.$dirty}\">\n\t\t\t<label for=\"i_shippingDetails.email\">\n\t\t\t\t{{'shippingDetails.email' | translate}}\n\t\t\t\t<span class=\"mandatory\">*<\/span><span data-ng-show=\"controller.shippingDetailsForm.email.$pending\">\n\t\t\t\t<i class=\"fa fa-circle-o-notch fa-spin fa-fw\"><\/i><span class=\"sr-only\">\u00dcberpr\u00fcfe...<\/span>\n\t\t\t<\/span>\n\t\t<\/label>\n\t\t<div>\n\t\t\t<input id=\"i_shippingDetails.email\" name=\"email\" data-ng-model=\"controller.order.deliveryAddress.email\" class=\"form-control\" data-email-validator\trequired=\"\" placeholder=\"{{'shippingDetails.email' | translate}}\" type=\"email\" data-ng-class=\"{valid: controller.shippingDetailsForm.email.$valid && controller.shippingDetailsForm.$dirty, invalid : controller.shippingDetailsForm.email.$invalid && controller.shippingDetailsForm.email.$dirty || controller.shippingDetailsForm.email.$pending}\">\n\t\t\t<p class=\"error\" data-ng-show=\"controller.shippingDetailsForm.email.$invalid && controller.shippingDetailsForm.$dirty\">\n\t\t\t\t{{'shippingDetails.email.error' | translate}}\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t\t<\/fieldset>\n<\/form>\n<div id=\"\" class=\"alert alert-danger\" role=\"alert\" data-ng-show=\"controller.errorMessage !== null\">\n  <p>{{controller.errorMessage}}<\/p>\n<\/div>\n<div class=\"buttonContainer\">\n\t<button type=\"button\" class=\"btn btn-primary\" data-ng-click=\"controller.checkout()\">{{'button.prev' | translate}}<\/button>\n\t<button type=\"button\" class=\"btn btn-primary pull-right\" data-ng-click=\"controller.showForm('summary')\" \n\tdata-ng-disabled=\"controller.canPay() == false\" \n\tdata-ng-class=\"{disabled: controller.canPay() == false}\">{{'button.next' | translate}}<\/button>\n<\/div>\n<\/div>\n\n<div id=\"show_summary\"  data-ng-show=\"controller.view == 'summary'\" class=\"\">\n  <div class=\"panel panel-default\">\n    <div class=\"panel-heading\">\n      <h3 class=\"panel-title\">{{'cart' | translate}}<\/h3>\n    <\/div>\n    <div class=\"panel-body\">\n      <div data-ng-repeat=\"coupon in controller.cart.data\" class=\"cart__item row\" data-ng-class=\"{first: $first}\">\n        <!-- product image -->\n        <div class=\"image__container col-xs-2\" style=\"position: relative\">\n\n          <img decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==\"\n               data-ng-src=\"{{coupon.iconHref}}\" \n               fallback-src=\"{{controller.shippingConfig.fallbackImageUrl}}\" \n               alt=\"{{coupon.name}}\" class=\"img-responsive\">\n        <\/div>\n\n        <!-- product information -->\n        <div class=\"content__container col-xs-6 \">\n\n          <p><strong>{{coupon.name}}<\/strong><\/p>\n          <p><span data-ng-bind-html=\"coupon.safeDescription\"><\/span><\/p>\n          <!-- notice -->\n          <p data-ng-if=\"coupon.notice !== (undefined || '' || null)\">{{'item.value.dedication' | translate}}: {{coupon.notice}}\n          <\/div>\n          <div class=\"col-xs-4\" style=\"text-align: right;\">\n            <p>{{coupon.bruttoPrice | currency : '&#8364;' : 2}}<\/p>\n          <\/div>\n        <\/div>\n        <div class=\"cart__item row\">\n          <div class=\"col-xs-8\" style=\"text-align: right;\">\n            {{'summary.cart.total' | translate}}:\n          <\/div>\n          <div class=\"col-xs-4\" id=\"summaryCartSum\" style=\"text-align: right;\">\n            {{controller.cart.sum() | currency : '&#8364;' : 2}}\n          <\/div>\n        <\/div>\n\n        <button type=\"button\" class=\"btn btn-xs btn-primary pull-right\" data-ng-hide=\"controller.instantbuy === true\" data-ng-click=\"controller.showForm('cart')\">{{'button.edit' | translate}} ...<\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"panel panel-default\">\n      <div class=\"panel-heading\">\n        <h3 class=\"panel-title\">{{'billAddress' | translate}}<\/h3>\n      <\/div>\n      <div class=\"panel-body\">\n        <p class=\"\">{{controller.order.salutation}}<\/p>\n        <p class=\"\">{{controller.order.billingAddress.firstName}} {{controller.order.billingAddress.lastName}} <\/p>\n        <p class=\"\">{{controller.order.billingAddress.street}}<\/p>\n        <p class=\"\">{{controller.order.billingAddress.postalCode}} {{controller.order.billingAddress.city}} <\/p>\n                <p class=\"\" data-ng-hide=\"controller.order.billingAddress.mobil =='' || !controller.billingAddressForm.mobil.$dirty\">Handy: {{controller.order.billingAddress.mobil}}<\/p>\n                <p class=\"\">E-Mail: {{controller.order.billingAddress.email}}<\/p>\n        <p class=\"error\" data-ng-show=\"controller.billingAddressForm.$invalid || controller.billingAddressForm.$pending\">{{'customer.checkData' | translate}}<\/p>\n        <button type=\"button\" class=\"btn btn-xs btn-primary pull-right\" data-ng-click=\"controller.showForm('billingAddress')\">{{'button.edit' | translate}} ...<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"panel panel-default\" data-ng-show=\"controller.order.shippingMethod == 'ONLINE'\">\n      <div class=\"panel-heading\">\n        <h3 class=\"panel-title\">{{'delivery.email' | translate}}<\/h3>\n      <\/div>\n      <div class=\"panel-body\">\n        <p class=\"\">{{controller.order.deliveryAddress.email}}<\/p>\n        <p class=\"error\" data-ng-show=\"controller.shippingDetailsForm.email.$invalid || controller.shippingDetailsForm.email.$pending\">{{'customer.checkData' | translate}}<\/p>\n        <button type=\"button\" class=\"btn btn-xs btn-primary pull-right\" data-ng-hide=\"controller.instantbuy === true\" data-ng-click=\"controller.showForm('shipping')\">{{'button.edit' | translate}} ...<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"panel panel-default\" data-ng-show=\"controller.order.shippingMethod == 'SMS'\">\n      <div class=\"panel-heading\">\n        <h3 class=\"panel-title\">{{'delivery.sms' | translate}}<\/h3>\n      <\/div>\n      <div class=\"panel-body\">\n        <p class=\"\">{{controller.order.phone}}<\/p>\n        <p class=\"error\" data-ng-show=\"controller.shippingDetailsForm.phone.$invalid\">{{'customer.checkData' | translate}}<\/p>\n        <button type=\"button\" class=\"btn btn-xs btn-primary pull-right\" data-ng-click=\"controller.showForm('shipping')\">{{'button.edit' | translate}} ...<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"panel panel-default\" data-ng-show=\"controller.order.shippingMethod == 'POST'\">\n      <div class=\"panel-heading\">\n        <h3 class=\"panel-title\">{{'deliveryAddress' | translate}}<\/h3>\n      <\/div>\n      <div class=\"panel-body\">\n        <div data-ng-show=\"controller.shipping.addressType == 'same'\">\n          <p>{{'shipping.address.same' | translate}}<\/p>\n        <\/div>\n        <div data-ng-show=\"controller.shipping.addressType == 'different'\">\n          <p class=\"\">{{controller.order.deliveryAddress.salutation}}<\/p>\n          <p class=\"\">{{controller.order.deliveryAddress.firstName}} {{controller.order.deliveryAddress.lastName}} <\/p>\n          <p class=\"\">{{controller.order.deliveryAddress.street}}<\/p>\n          <p class=\"\">{{controller.order.deliveryAddress.postalCode}} {{controller.order.deliveryAddress.city}} <\/p>\n        <\/div>\n        <p data-ng-if=\"controller.order.shippingDate !== undefined\">{{'delivery.shipping.date' | translate}}:\n          {{controller.order.shippingDate | date: \"dd.MM.yyyy\"}}\n        <\/p>\n        <p class=\"error\" data-ng-show=\"controller.deliveryAddressForm.$invalid\">{{'customer.checkData' | translate}}<\/p>\n        <button type=\"button\" class=\"btn btn-xs btn-primary pull-right\" data-ng-click=\"controller.showForm('shipping')\">{{'button.edit' | translate}} ...<\/button>\n      <\/div>\n    <\/div>\n        <div id=\"show_agb\">\n            <div class=\"panel panel-danger\">\n        <div class=\"panel-heading\">\n          <h3 class=\"panel-title\">{{'summary.terms' | translate}}<\/h3>\n        <\/div>\n        <div class=\"panel-body\" id=\"client_agb\">\n                    <p class=\"wp-block-paragraph\">(Stand: 25.10.2018)<\/p>\n<p class=\"wp-block-paragraph\">Allgemeine Gesch\u00e4ftsbedingungen (AGB) der Tanzschule DANCE in Trier zum Erwerb von Gutscheinen im Fernabsatz und elektronischen Gesch\u00e4ftsverkehr \u00fcber dance-in-trier.de f\u00fcr die K\u00e4ufe von Privatkunden mit Rechnungsadresse in Deutschland.<\/p>\n<ul class=\"wp-block-list\">\n<li>\u00a7 1 Geltungsbereich<\/li>\n<li>\u00a7 2 Vertragsabschluss<\/li>\n<li>\u00a7 3 Widerrufsbelehrung<\/li>\n<li>\u00a7 4 Lieferung und Verf\u00fcgbarkeit<\/li>\n<li>\u00a7 5 Eigentumsvorbehalt<\/li>\n<li>\u00a7 6 Einl\u00f6sung von Gutscheinen<\/li>\n<li>\u00a7 7 Verlust von Gutscheinen<\/li>\n<li>\u00a7 8 Gew\u00e4hrleistung<\/li>\n<li>\u00a7 9 Vertragssprache<\/li>\n<li>\u00a7 10 Schlussbestimmungen<\/li>\n<\/ul>\n<h4 class=\"wp-block-heading\">\u00a7 1 Geltungsbereich<\/h4>\n<p class=\"wp-block-paragraph\">F\u00fcr den Erwerb von Gutscheinen der Tanzschule DANCE in Trier \u00fcber die dance-in-trier.de gelten ausschlie\u00dflich die nachfolgenden allgemeinen Gesch\u00e4ftsbedingungen der Tanzschule DANCE in Trier, Bahnhofsplatz 1, 54292 Trier, in ihrer zum Zeitpunkt der Bestellung g\u00fcltigen Fassung. Etwaige von diesen Bedingungen abweichende Regelungen gelten nur, sofern sie von uns in Textform best\u00e4tigt worden sind.<\/p>\n<h4 class=\"wp-block-heading\">\u00a7 2 Vertragsabschluss<\/h4>\n<p class=\"wp-block-paragraph\">(1) Unsere Angaben zu Gutscheinen und Preisen innerhalb eines jeden Bestellvorganges sind freibleibend und unverbindlich. Vielmehr geben zun\u00e4chst Sie durch Ihre Bestellung \u00fcber den Button \u201eJetzt Kaufen\u201c ein bindendes Kaufangebot ab, das noch der Annahme durch uns bedarf. Erst mit der Annahme Ihrer Bestellung kommt der Kaufvertrag \u00fcber die Ware wirksam zustande. Zur Annahme Ihres Kaufangebots sind wir nicht verpflichtet.<\/p>\n<p class=\"wp-block-paragraph\">(2) Ihre Bestellung wird durch uns angenommen, soweit und indem wir den von Ihnen ausgel\u00f6sten Bestellvorgang per E-Mail best\u00e4tigen. Eine Best\u00e4tigung kann nur erfolgen, wenn Sie unseren allgemeinen Gesch\u00e4ftsbedingungen zuvor zugestimmt haben und dar\u00fcber hinaus die Bezahlung Ihrer Bestellung \u00fcber PayPal erfolgreich veranlasst haben. Ein zur Bestellung erforderliches Passwort d\u00fcrfen Sie nicht an Dritte weitergeben. Im Falle einer Weitergabe stehen Sie auch f\u00fcr Bestellungen des Dritten ein. F\u00fcr jegliche Bestellungen mit Ihrem Passwort und daraus resultierende Forderungen kommen Sie auf.<\/p>\n<h4 class=\"wp-block-heading\">\u00a7 3 Widerrufsbelehrung<\/h4>\n<p class=\"wp-block-paragraph\">Widerrufsrecht<\/p>\n<p class=\"wp-block-paragraph\">Sie haben das Recht, binnen vierzehn Tagen ohne Angabe von Gr\u00fcnden diesen Vertrag zu widerrufen. Die Widerrufsfrist betr\u00e4gt vierzehn Tage ab dem Tag des Erhalts dieser Belehrung in Textform, jedoch nicht vor Eingang der bestellten Ware beim Empf\u00e4nger<\/p>\n<p class=\"wp-block-paragraph\">Um Ihr Widerrufsrecht auszu\u00fcben, m\u00fcssen Sie uns<br \/>der Tanzschule DANCE in Trier, Bahnhofsplatz 1, 54292 Trier,<br \/>0651 9917 606, info@dance-in-trier.de, mittels einer eindeutigen Erkl\u00e4rung in Textform \u00fcber Ihren Entschluss, diesen Vertrag zu widerrufen, informieren. F\u00fcr Ihre Widerrufserkl\u00e4rung in Text- oder Schriftform k\u00f6nnen Sie das beigef\u00fcgte Muster-Widerrufsformular verwenden, das jedoch nicht vorgeschrieben ist.<\/p>\n<p class=\"wp-block-paragraph\">Wenn Sie den Vertrag mit dem Widerrufsformular widerrufen wollen, dann f\u00fcllen Sie dieses Formular bitte aus und senden Sie es zur\u00fcck an<\/p>\n<p class=\"wp-block-paragraph\"><strong>Widerrufsformular<\/strong><br \/>zu senden an: Tanzschule DANCE in Trier, Bahnhofsplatz 1, 54292 Trier,<br \/>Hiermit widerrufe(n) ich \/ wir den von mir \/ uns abgeschlossenen Vertrag \u00fcber den Kauf der folgenden Waren: \u2026. bestellt am: \u2026\u2026<br \/>Name des \/ der Besteller(s): \u2026\u2026 Anschrift des \/ der Besteller(s): \u2026\u2026\u2026<br \/>Datum und Unterschrift des \/ der Besteller(s) (nur bei Mitteilung auf Papier).<\/p>\n<p class=\"wp-block-paragraph\">Zur Wahrung der Widerrufsfrist reicht es aus, dass Sie die Mitteilung \u00fcber die Aus\u00fcbung des Widerrufsrechts vor Ablauf der Widerrufsfrist absenden.<\/p>\n<p class=\"wp-block-paragraph\"><strong>Folgen des Widerrufs<\/strong><br \/>Wenn Sie diesen Vertrag widerrufen, haben wir Ihnen alle Zahlungen, die wir von Ihnen erhalten haben, unverz\u00fcglich und sp\u00e4testens binnen vierzehn Tagen ab dem Tag zur\u00fcckzuzahlen, an dem die Mitteilung \u00fcber Ihren Widerruf dieses Vertrags bei uns eingegangen ist. F\u00fcr diese R\u00fcckzahlung verwenden wir dasselbe Zahlungsmittel, das Sie bei der urspr\u00fcnglichen Transaktion eingesetzt haben, es sei denn, mit Ihnen wurde ausdr\u00fccklich etwas anderes vereinbart; in keinem Fall werden Ihnen wegen dieser R\u00fcckzahlung Entgelte berechnet.<br \/>Wir k\u00f6nnen die R\u00fcckzahlung verweigern, bis wir die Waren wieder zur\u00fcckerhalten haben oder bis Sie den Nachweis erbracht haben, dass Sie die Waren zur\u00fcckgesandt haben, je nachdem, welches der fr\u00fchere Zeitpunkt ist.<br \/>Sie haben die Waren unverz\u00fcglich und in jedem Fall sp\u00e4testens binnen vierzehn Tagen ab dem Tag, an dem Sie uns \u00fcber den Widerruf dieses Vertrags unterrichten, an uns zur\u00fcckzusenden oder zu \u00fcbergeben. Die Frist ist gewahrt, wenn Sie die Waren vor Ablauf der Frist von vierzehn Tagen absenden. Wir tragen die Kosten der R\u00fccksendung der Waren. Bei der Nutzung einer Dienstleistung erlischt Ihr Widerspruchsrecht vorzeitig, wenn die Ausf\u00fchrung der Dienstleistung mit Ihrer Zustimmung vollst\u00e4ndig oder teilweise vor Ende der Widerspruchsfrist erfolgte.<\/p>\n<h4 class=\"wp-block-heading\">\u00a7 4 Lieferung und Verf\u00fcgbarkeit<\/h4>\n<p class=\"wp-block-paragraph\">Die Lieferung von Gutscheinen erfolgt nach Zahlungseingang ausschlie\u00dflich per E-Mail zum Selbstausdrucken.<\/p>\n<h4 class=\"wp-block-heading\">\u00a7 5 Eigentumsvorbehalt<\/h4>\n<p class=\"wp-block-paragraph\">Wir behalten uns das Eigentum an der Ware bis zur vollst\u00e4ndigen Zahlung des Kaufpreises vor.<\/p>\n<h4 class=\"wp-block-heading\">\u00a7 6 Einl\u00f6sung von Gutscheinen<\/h4>\n<p class=\"wp-block-paragraph\">(1) Gutscheine sind bis zum Ende des dritten Jahres nach Kauf des Gutscheins einl\u00f6sbar bzw. g\u00fcltig (Ablaufdatum), es sei denn die G\u00fcltigkeit ist im Einzelfall beschr\u00e4nkt und die Tanzschule DANCE in Trier hat diese Beschr\u00e4nkung dem Kunden vor Abschluss des Kaufvertrages mitgeteilt.<br \/>(2) Restguthaben werden bis zum Ablaufdatum dem Gutscheinkonto gutgeschrieben, danach k\u00f6nnen sie nicht mehr verwendet werden.<br \/>(3) Gutscheine der Tanzschule DANCE in Trier k\u00f6nnen nur an der Kasse der Tanzschule DANCE in Trier eingel\u00f6st werden. Sollte der Wert eines Gutscheins f\u00fcr die gew\u00fcnschte Bezahlung nicht ausreichen, kann der Kunde die Differenz mit einer anderen, von der Tanzschule zugelassenen Zahlungsweise oder durch die Einl\u00f6sung weiterer Gutscheine begleichen.<\/p>\n<h4 class=\"wp-block-heading\">\u00a7 7 Verlust von Gutscheinen<\/h4>\n<p class=\"wp-block-paragraph\">Bei Verlust oder Diebstahl wird der Gutschein nicht ersetzt. Die Tanzschule DANCE in Trier haftet nicht f\u00fcr gestohlene oder verlorene Gutscheine.<\/p>\n<h4 class=\"wp-block-heading\">\u00a7 8 Gew\u00e4hrleistung<\/h4>\n<p class=\"wp-block-paragraph\">Es gelten die gesetzlichen Gew\u00e4hrleistungsregelungen.<\/p>\n<h4 class=\"wp-block-heading\">\u00a7 9 Vertragssprache<\/h4>\n<p class=\"wp-block-paragraph\">Als Vertragssprache steht ausschlie\u00dflich Deutsch zur Verf\u00fcgung.<\/p>\n<h4 class=\"wp-block-heading\">\u00a7 10 Schlussbestimmung<\/h4>\n<p class=\"wp-block-paragraph\">Sollten einzelne Klauseln dieser AGB ganz oder teilweise ung\u00fcltig sein, ber\u00fchrt das die Wirksamkeit der \u00fcbrigen Bestimmungen nicht.<\/p>\n        <\/div>\n      <\/div>\n            <div class=\"row\">\n        <div class=\"col-xs-6 col-sm-6 col-md-6\" id=\"signatureApplicationButton\">\n          <div class=\"btn-checkbox\">\n            <label id=\"acceptAGB\" type=\"button\" class=\"btn\" data-color=\"primary\" tabindex=\"1\" ng-click=\"controller.acceptAgb()\">\n              <input id=\"acceptAGBCheckbox\" type=\"checkbox\" name=\"acceptAGB\" class=\"hidden\" value=\"true\" ng-model=\"controller.acceptAGB\">\n              <span><\/span>{{'summary.acceptAGB' | translate}}\n            <\/label>\n            \n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div><div  data-ng-show=\"controller.view == 'summary'\" class=\"\">\n    <form id=\"cart_checkout\" action=\"{{controller.cart.sum() > 0 ? controller.shippingConfig.paypalUrl : controller.shippingConfig.return}}\" method=\"post\" name=\"controller.checkoutForm\">\n      <input type=\"hidden\" name=\"cmd\" value=\"_cart\">\n      <input type=\"hidden\" name=\"upload\" value=\"1\">\n      <input type=\"hidden\" name=\"lc\" value=\"DE\">\n      <!-- configurable via CMS -->\n      <input type=\"hidden\" name=\"business\" data-ng-value=\"controller.shippingConfig.paypalBusiness\">\n      <input type=\"hidden\" name=\"return\" data-ng-value=\"controller.shippingConfig.return\">\n      <input type=\"hidden\" name=\"currency_code\" data-ng-value=\"controller.shippingConfig.currency_code\">\n      <input type=\"hidden\" name=\"cancel_return\" data-ng-value=\"controller.shippingConfig.cancel_return\">\n      <input type=\"hidden\" name=\"notify_url\" data-ng-value=\"controller.shippingConfig.notify_url\">\n      <input type=\"hidden\" name=\"custom\" data-ng-value=\"controller.cartFromPca.paymentToken\">\n      <input type=\"hidden\" name=\"invoice\" data-ng-value=\"'PCA-Gutscheinshop ' + controller.cartFromPca.contractId\">\n      <!-- items -->\n      <input data-ng-repeat=\"coupon in controller.cart.data\" type=\"hidden\" name=\"item_name_{{$index + 1}}\"\n             data-ng-value=\"coupon.name\">\n      <input data-ng-repeat=\"coupon in controller.cart.data\" type=\"hidden\" name=\"amount_{{$index + 1}}\"\n             data-ng-value=\"coupon.bruttoPrice\">\n      <input data-ng-repeat=\"coupon in controller.cart.data\" type=\"hidden\" name=\"quantity_{{$index + 1}}\"\n             data-ng-value=\"coupon.quantity\">\n      <!-- shipping -->\n      <input data-ng-if=\"controller.cart.sum() < controller.shippingConfig.threshold\" type=\"hidden\" name=\"shipping_1\"\n             data-ng-value=\"controller.shippingConfig.amount\">\n  <\/form>\n    <div id=\"\" class=\"alert alert-danger\" role=\"alert\" data-ng-show=\"controller.errorMessage !== null\" style=\"margin-top:20px;\">\n    <p>{{controller.errorMessage}}<\/p>\n  <\/div>\n  <div class=\"buttonContainer\">\n      <button type=\"button\" class=\"btn btn-primary\" data-ng-click=\"controller.showForm('shipping')\">{{'button.prev' | translate}}<\/button>\n      <button\n          data-ng-if=\"controller.cart.sum() > 0 && controller.shippingConfig.paymentMethod != 3\" \n          type=\"button\" \n          id=\"submitButton\" \n          class=\"btn btn-primary pull-right\" \n          data-ng-click=\"controller.submitToPaypal()\"\n          data-ng-disabled=\"controller.canPay() == false || controller.acceptAGB == false || controller.paymentDetailsForm.$invalid\">\n          <i class=\"fa fa-paypal\" aria-hidden=\"true\" data-ng-if=\"controller.shippingConfig.paymentMethod!=1\"><\/i> {{'submit' | translate}}\n      <\/button>\n      <button \n      \tdata-ng-if=\"controller.cart.sum() <= 0\" \n      \ttype=\"button\" id=\"submitButton2\" \n      \tclass=\"btn btn-primary pull-right\" \n      \tdata-ng-click=\"controller.submitToPaypal()\"\n      \tdata-ng-disabled=\"controller.canPay() == false || controller.acceptAGB == false \">\n      \t<i class=\"fa fa-envelope\" aria-hidden=\"true\"><\/i> {{'pay.free' | translate}}\n\t    <\/button>\n      <div \n        id=\"pp-button-container\" \n        class=\"pull-right col-lg-3\"\n        data-ng-if=\"controller.shippingConfig.paymentMethod == 3\"\n        ng-class=\"{'disabled-overlay': controller.acceptAGB == false}\"><\/div>\n  \t<\/div>\n<\/div>\n<div  data-ng-show=\"controller.view == 'redirectToPaypal'\" class=\"container-fluid\">\n  <div class=\"well\" style=\"text-align: center; padding: 50px;\">\n    <h2 style=\"padding-bottom: 30px;\">{{'checkout.redirectingToPaypal' | translate}}<\/h2>\n    <i class=\"fa fa-spinner fa-spin fa-3x fa-fw\" style=\"vertical-align: middle;\"><\/i>\n    <span class=\"sr-only\">Loading...<\/span>\n  <\/div>\n<\/div>\n\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/customers.pca.de\/dance-in-trier\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/customers.pca.de\/dance-in-trier\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/customers.pca.de\/dance-in-trier\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/customers.pca.de\/dance-in-trier\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/customers.pca.de\/dance-in-trier\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":2,"href":"https:\/\/customers.pca.de\/dance-in-trier\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/customers.pca.de\/dance-in-trier\/wp-json\/wp\/v2\/pages\/16\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/customers.pca.de\/dance-in-trier\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}