templates/website/product/product-plans-section.html.twig line 1

Open in your IDE?
  1. {% from 'utils.html.twig' import ico, moeda, btnAddCart %}
  3. {% set labelUserSubscriptionCycle = {
  4.     (enum('UserSubscriptionEnum::CYCLE_MONTHLY')): getLanguage('monthly',    'my_subscription'),
  5.     (enum('UserSubscriptionEnum::CYCLE_QUARTERLY')): getLanguage('quarterly',  'my_subscription'),
  6.     (enum('UserSubscriptionEnum::CYCLE_SEMIANNUAL')): getLanguage('semiannual', 'my_subscription'),
  7.     (enum('UserSubscriptionEnum::CYCLE_YEARLY')): getLanguage('yearly',     'my_subscription'),
  8.     (enum('UserSubscriptionEnum::CYCLE_BIENNIAL')): getLanguage('biennial',     'my_subscription'),
  9.     (enum('UserSubscriptionEnum::CYCLE_TRIENNIAL')): getLanguage('triennial',     'my_subscription'),
  10.     (enum('UserSubscriptionEnum::CYCLE_WEEKLY')): getLanguage('weekly',     'my_subscription'),
  11.     (enum('UserSubscriptionEnum::CYCLE_BIWEEKLY')): getLanguage('biweekly',     'my_subscription'),
  12. }%}
  14. {% set labelUserSubscriptionAccess = {
  15.     (enum('UserSubscriptionEnum::CYCLE_MONTHLY')): "1 #{getLanguage('month',  'product')}",
  16.     (enum('UserSubscriptionEnum::CYCLE_QUARTERLY')): "3 #{getLanguage('months', 'product')}",
  17.     (enum('UserSubscriptionEnum::CYCLE_SEMIANNUAL')): "6 #{getLanguage('months', 'product')}",
  18.     (enum('UserSubscriptionEnum::CYCLE_YEARLY')): "1 #{getLanguage('year',   'product')}",
  19.     (enum('UserSubscriptionEnum::CYCLE_BIENNIAL')): "2 #{getLanguage('year',   'product')}",
  20.     (enum('UserSubscriptionEnum::CYCLE_TRIENNIAL')): "3 #{getLanguage('year',   'product')}",
  21.     (enum('UserSubscriptionEnum::CYCLE_WEEKLY')): "1 #{getLanguage('week',   'product')}",
  22.     (enum('UserSubscriptionEnum::CYCLE_BIWEEKLY')): "2 #{getLanguage('weeks',   'product')}",
  23. }%}
  25. <section class="planos pag-sec sec-bg-alt" id="section-plans">
  26.     <div class="container mobile--wid">
  27.         <div class="lateral-products">
  28.             <header class="tit-sec tx-centro">
  29.                 <h2>{{ productOffersSubscriptionSection.title }}</h2>
  30.                 <span class="sub">{{ productOffersSubscriptionSection.subtitle }}</span>
  31.             </header>
  33.             {% set full = true %}
  35.             {% set periodo = [ null,
  36.                 getLanguage('month', 'product'),
  37.                 getLanguage('quarter', 'product'),
  38.                 getLanguage('semester', 'product'),
  39.                 getLanguage('year', 'product')
  40.             ] %}
  42.             <div class="slider-animado--{{ layout }} {{ full? 'status--full' : 'status--not-full' }}">
  43.                 <div class="contem-slider-animado">
  44.                     <div id="slider-planos"
  45.                          class="{{ full ? 'js--slider' : 'js--slider-not-full' }}"
  46.                          data-slider-options-label="slider-ofertas">
  48.                         {% for planOffer in productOffersSubscriptionSection.items %}
  49.                             <div>
  50.                                 <article class="plano">
  51.                                     <div class="box">
  52.                                         <header>
  53.                                             <h3 class="name">{{ planOffer.product.title }}</h3>
  55.                                             {% if (planOffer.trialPeriod > 0) %}
  56.                                                 <p class="acesso">
  57.                                                     {{ getLanguage('free_access_by', 'product') }}&nbsp;{{ planOffer.trialPeriod }}&nbsp;{{ getLanguage('days', 'product') }}
  58.                                                 </p>
  59.                                             {% endif %}
  61.                                             {# FREE #}
  62.                                             {% if planOffer.saleOption == enum('ProductOfferEnum::FREE') %}
  63.                                                 <p class="price">
  64.                                                     <small>{{ planOffer.currencySymbol }}&nbsp;</small>
  65.                                                     <b>{{ moeda(planOffer.priceDisplay, false) }}</b>
  66.                                                     <span class="periodo"> {{ labelUserSubscriptionCycle[planOffer.planCycle] }}</span>
  67.                                                 </p>
  68.                                             {% endif %}
  69.                                         </header>
  71.                                         <ul>
  72.                                             <li>
  73.                                                 <i class="book">{{ ico('book') }}</i>
  74.                                                 {% set numCursos = planOffer.product.course|length %}
  75.                                                 <span>
  76.                                                     {{ plural(numCursos,
  77.                                                         "<b>#{numCursos}</b> #{getLanguage('included_course', 'product')}",
  78.                                                         "<b>#{numCursos}</b> #{getLanguage('included_courses', 'product')}"
  79.                                                     )|raw }}
  80.                                                 </span>
  81.                                             </li>
  83.                                             <li>
  84.                                                 <i class="check">{{ ico('check') }}</i>
  85.                                                 <span>
  86.                                                     {{ getLanguage('access', 'product') }} <b>{{ getLanguage('immediate', 'product') }}</b> {{ getLanguage('and_valid_for', 'product') }} {{ labelUserSubscriptionAccess[planOffer.planCycle] }}
  87.                                                 </span>
  88.                                             </li>
  90.                                             {% if (planOffer.planChargeNumberMax > 1) %}
  91.                                             <li>
  92.                                                 <i class="check">{{ ico('check') }}</i>
  93.                                                 <span>{{ getLanguage('installment_up_to', 'product') }} <b>{{ planOffer.planChargeNumberMax }}&times;</b> {{ getLanguage('interest_free', 'cart') }}</span>
  94.                                             </li>
  95.                                             {% endif %}
  96.                                         </ul>
  98.                                         <footer>
  99.                                             {% set link = path('productDetailPlan', { type: 'plan', slug: planOffer.product.productLink }) %}
  100.                                             <a href="{{ link }}" class="btn-continuar-gde btn-escolher">{{ getLanguage('know_more', 'product') }} {{ ico('arrow-right') }}</a>
  101.                                         </footer>
  102.                                     </div>
  103.                                 </article>
  104.                             </div>
  105.                         {% endfor %}
  106.                     </div>
  108.                     {% if full %}
  109.                         <div id="arrows-slider-planos">
  110.                             <button id="slider-planos-btn-prev" class="seta-prev">{% include 'svg/arrow-left.svg' %}</button>
  111.                             <button id="slider-planos-btn-next" class="seta-next">{% include 'svg/arrow-right.svg' %}</button>
  112.                         </div>
  113.                     {% endif %}
  114.                 </div>
  115.             </div>
  116.         </div>
  117.     </div>
  118. </section>