<section id="porownaj-prenumeraty" class="subscription product-section"> <div class="container"> {% if module.title is defined %} <div class="row d-none d-md-flex"> <div class="col col-md-12"> <h2 class="product-section__title">{{ module.title }}</h2> </div> </div> {% endif %} <div class="row d-none d-md-flex"> {% for productVariant in productVariants %} <div class="col col-md-6"> <div class="subscription__item {{ productVariant.promoted == true ? 'subscription__item--promoted' : '' }}"> <div class="container"> <div class="subscription__wrap"> <div class="subscription__left"> <img src="{{ vich_uploader_asset(productVariant, 'imageFile') }}" alt=""/> </div> <div class="subscription__right"> {% if productVariant.subscriptionType is not empty %} <span class="subscription__type">{{ productVariant.subscriptionType }}</span> {% endif %} {% if productVariant.subscriptionPlan is not empty %} <div class="subscription__plan">{{ productVariant.subscriptionPlan }}</div> {% endif %} {% if product.checkCouponDefault(productVariant) %} <div class="subscription__netto">{{ productVariant.getFullPriceAfterCoupon('net', product.couponDefault, true) }} zł netto</div> <div class="subscription__brutto">{{ productVariant.getFullPriceAfterCoupon('gross', product.couponDefault, true) }} zł brutto</div> {% else %} <div class="subscription__netto">{{ productVariant.getFullPrice('net', true) }} zł netto</div> <div class="subscription__brutto">{{ productVariant.getFullPrice('gross', true) }} zł brutto</div> {% endif %} <hr> {% if productVariant.productVariantDescriptions is not empty %} <ul class="subscription__list"> {% for description in productVariant.productVariantDescriptions %} <li class="subscription__listLi {{ description.highlighted == false ? 'subscription__listLi--nope' : ''}}" > {{ description.description }} </li> {% endfor %} </ul> {% endif %} <a href="#add-to-cart" class="button button--bordered button--with-arrow product-nav__add GosAddToCart" data-productVariantNoComplete="{{ productVariant.productVariantNoComplete }}" data-productAssociationId="{{ product.id }}" data-redirecttocart="false" data-hidesuccessalert="false" {% if product.checkCouponDefault(productVariant) %} data-coupon="{{ product.couponDefault.code }}" {% endif %} > Dodaj do koszyka </a> </div> </div> </div> </div> </div> {% endfor %} </div> <button class="button button--blue add-to-cart-button active d-inline-block d-md-none"> <i class="icon icon--cart"></i> Dodaj do koszyka </button> <div class="d-block d-md-none add-to-cart-container-mobile {% if productVariants|length > 5 %}add-to-cart-container-mobile--full-height{% endif %}"> <div class="row"> <div class="col-12 d-flex justify-content-end"> <button type="button" class="dModal__close"></button> </div> </div> <div class="row"> <div class="col-12"> <span class="product-section__title">Wybierz wersje prenumeraty</span> </div> </div> <div class="row"> {% for productVariant in productVariants %} <div class="col-12"> <a href="#add-to-cart" class="button add-to-cart-mobile-button GosAddToCart" data-productVariantNoComplete="{{ productVariant.productVariantNoComplete }}" data-productAssociationId="{{ product.id }}" data-redirecttocart="false" data-hidesuccessalert="false" {% if product.checkCouponDefault(productVariant) %} data-coupon="{{ product.couponDefault.code }}" {% endif %} > {% if productVariant.subscriptionType is not empty %} <span>{{ productVariant.subscriptionType }}</span> {% endif %} {% if productVariant.subscriptionPlan is not empty %} <span>{{ productVariant.subscriptionPlan }}</span> {% endif %} {% if product.checkCouponDefault(productVariant) %} <span>{{ productVariant.getFullPriceAfterCoupon('net', product.couponDefault, true) }} zł netto</span> {% else %} <span>{{ productVariant.getFullPrice('net', true) }} zł netto</span> {% endif %} </a> </div> {% endfor %} <div class="col-12 d-flex justify-content-center"> {% if source is not defined or source != 'modal' %} <a href="#" class="product-form__info jsToggleProductPreview" data-url="{{ path('efProductPreview', {'productAssociationId': product.id, 'type': 'subscriptions'}) }}" tabindex="0" > {% if module.modalButtonText is defined %} {{ module.modalButtonText }} {% else %} Czym różnią się prenumeraty? {% endif %} </a> {% endif %} </div> </div> </div> {% if product is defined and product.hasCycles %} <div class="d-block d-md-none"> <div class="row add-to-cart-container-mobile-cycles__header"> <h3 class="product-form__title">Wybierz swój cykl</h3> <button class="see-all-cycles" id="js-see-all-cycles">Zobacz wszystkie</button> </div> <div class="row add-to-cart-container-mobile-cycles"> {% for productVariant in productVariants %} <div class="col col-md-6"> <div class="subscription__item {{ productVariant.promoted == true ? 'subscription__item--promoted' : '' }}"> <div class="container"> <div class="subscription__wrap"> <div class="subscription__wrap-title"> {% if productVariant.subscriptionPlan is not empty %} <p>{{ productVariant.subscriptionPlan }}</p> {% endif %} </div> <div class="subscription__left"> <img src="{{ vich_uploader_asset(productVariant, 'imageFile') }}" alt=""/> </div> <div class="subscription__right"> {% if productVariant.productVariantDescriptions is not empty %} <ul class="subscription__list"> {% for description in productVariant.productVariantDescriptions %} <li class="subscription__listLi {{ description.highlighted == false ? 'subscription__listLi--nope' : ''}}" > {{ description.description }} </li> {% endfor %} </ul> {% endif %} <hr> {% if product.checkCouponDefault(productVariant) %} <div class="subscription__wrap-price"> <div class="subscription__netto">{{ productVariant.getFullPriceAfterCoupon('net', product.couponDefault, true) }} zł netto</div> <div class="subscription__brutto">{{ productVariant.getFullPriceAfterCoupon('gross', product.couponDefault, true) }} zł brutto</div> </div> {% else %} <div class="subscription__wrap-price"> <div class="subscription__netto">{{ productVariant.getFullPrice('net', true) }} zł netto</div> <div class="subscription__brutto">{{ productVariant.getFullPrice('gross', true) }} zł brutto</div> </div> {% endif %} <div class="subscription__button-wrapper"> <a href="#add-to-cart" class="button button--bordered button--with-arrow product-nav__add" data-productVariantNoComplete="{{ productVariant.productVariantNoComplete }}" data-productAssociationId="{{ product.id }}" data-redirecttocart="false" data-hidesuccessalert="false" {% if product.checkCouponDefault(productVariant) %} data-coupon="{{ product.couponDefault.code }}" {% endif %} > Dodaj do koszyka </a> </div> </div> </div> </div> </div> </div> {% endfor %} </div> </div> <div class="d-block d-md-none mobile-cycles-modal-background"></div> <div class="d-block d-md-none mobile-cycles-modal"> <div class="row"> <div class="col-12 d-flex justify-content-end"> <button type="button" class="dModal__close" id="js-close-mobile-cycles-modal"></button> </div> </div> <div class="row"> <div class="col-12"> <p class="mobile-cycles-modal-title">Wybierz swój cykl:</p> </div> </div> <div class="row"> {% for productVariant in productVariants %} <div class="col col-md-6"> <div class="subscription__item {{ productVariant.promoted == true ? 'subscription__item--promoted' : '' }}"> <div class="container"> <div class="subscription__wrap"> <div class="subscription__wrap-title"> {% if productVariant.subscriptionPlan is not empty %} <p>{{ productVariant.subscriptionPlan }}</p> {% endif %} </div> <div class="subscription__left"> <img src="{{ vich_uploader_asset(productVariant, 'imageFile') }}" alt=""/> </div> <div class="subscription__right"> {% if productVariant.productVariantDescriptions is not empty %} <ul class="subscription__list"> {% for description in productVariant.productVariantDescriptions %} <li class="subscription__listLi {{ description.highlighted == false ? 'subscription__listLi--nope' : ''}}" > {{ description.description }} </li> {% endfor %} </ul> {% endif %} <hr> {% if product.checkCouponDefault(productVariant) %} <div class="subscription__wrap-price"> <div class="subscription__netto">{{ productVariant.getFullPriceAfterCoupon('net', product.couponDefault, true) }} zł netto</div> <div class="subscription__brutto">{{ productVariant.getFullPriceAfterCoupon('gross', product.couponDefault, true) }} zł brutto</div> </div> {% else %} <div class="subscription__wrap-price"> <div class="subscription__netto">{{ productVariant.getFullPrice('net', true) }} zł netto</div> <div class="subscription__brutto">{{ productVariant.getFullPrice('gross', true) }} zł brutto</div> </div> {% endif %} <div class="subscription__button-wrapper"> <a href="#add-to-cart" class="button button--bordered button--with-arrow product-nav__add" data-productVariantNoComplete="{{ productVariant.productVariantNoComplete }}" data-productAssociationId="{{ product.id }}" data-redirecttocart="false" data-hidesuccessalert="false" {% if product.checkCouponDefault(productVariant) %} data-coupon="{{ product.couponDefault.code }}" {% endif %} > Dodaj do koszyka </a> </div> </div> </div> </div> </div> </div> {% endfor %} </div> </div> {% else %} <div class="row d-flex d-md-none"> {% if productVariants is not empty %} <div class="col-12"> <div class="product-form"> <header class="product-form__header"> <h3 class="product-form__title">Wybierz swoją wersję</h3> </header> {% for productVariant in productVariants %} {% if productVariant.isPublished == true %} <div class="product-form__group-mobile"> <input type="radio" id="product_{{ loop.index }}_mobile" name="product_mobile" class="product-form__radio" {% if loop.index == 1 %} checked {% endif %} data-productVariantNoComplete="{{ productVariant.productVariantNoComplete }}" data-subname="{{ productVariant.tradeName }}" data-productAssociationId="{{ product.id }}" data-redirecttocart="false" data-hidesuccessalert="false" data-pixel="{{ fbPixelTrack('AddToCart', productVariant.id)|raw }}" {% if product.checkCouponDefault(productVariant) %} data-pricenet="{{ productVariant.getFullPriceAfterCoupon('net', product.couponDefault, true) }}" data-pricegross="{{ productVariant.getFullPriceAfterCoupon('gross', product.couponDefault, true) }}" {% else %} data-pricenet="{{ productVariant.getFullPrice('net', true) }}" data-pricegross="{{ productVariant.getFullPrice('gross', true) }}" {% endif %} > <label for="product_{{ loop.index }}_mobile" class="product-form__product"> <h3 class="product-form__product-name"> {{ productVariant.tradeName }} <small>{{ productVariant.technicalInformations|raw }}</small> </h3> <h3 class="product-form__product-price"> {{ productVariant.getFullPrice('net', true) }} zł netto <small>{{ productVariant.getFullPrice('gross', true) }} zł brutto</small> </h3> </label> </div> {% endif %} {% endfor %} <footer class="product-form__footer {{ source is defined and source == 'modal' ? 'product-form__footer--modal row' : '' }}"> {% if source is not defined or source != 'modal' %} <a href="#" class="product-form__info jsToggleProductPreview" data-url="{{ path('efProductPreview', {'productAssociationId': product.id, 'type': 'subscriptions'}) }}" tabindex="0" > {% if module.modalButtonText is defined %} {{ module.modalButtonText }} {% else %} Czym różnią się prenumeraty? {% endif %} </a> {% else %} <div class="col-12 col-lg-7"> <a href="{{ path('efShowProduct', { 'categorySlug' : product.getParentCategorySlug, 'categoryChildSlug': product.getCategorySlug, 'productAssociationSlug' : product.slug}) }}" class="button button--bordered button--with-arrow button--fluid" > Więcej o produkcie </a> </div> {% endif %} <div {{ source is defined and source == 'modal' ? 'class="col-12 col-lg-5"' : '' }}> <button class="button button--blue addToCart" id="add-to-cart-top-mobile" type="button" > <i class="icon icon--cart"></i> Dodaj do koszyka </button> </div> </footer> </div> </div> {% endif %} </div> {% endif %} </div></section>