templates/components/packages/pricing.html.twig line 1

  1. <!-- Pricing-Section -->
  2. <section class="row_am pricing_section" id="pricing">
  3.     <!-- container start -->
  4.     <div class="container">
  5.         <div class="section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="300">
  6.             <!-- h2 -->
  7.             <h2>{{ tString("section_pricing_title_1") }} <span>{{ tString("section_pricing_title_2") }}</span></h2>
  8.             <!-- p -->
  9.             <p>{{ tString("section_pricing_p") }}</p>
  10.         </div>
  11.         <!-- toggle button -->
  13.         {% if app.user %}
  14.             <div class="d-flex justify-content-center">
  15.                 <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
  16.                     <li class="nav-item" role="presentation">
  17.                         <button class="nav-link active" id="pills-first-tab" data-toggle="pill" data-target="#pills-first" type="button" role="tab" aria-controls="pills-first" aria-selected="true">START</button>
  18.                     </li>
  19.                 </ul>
  20.             </div>
  21.         {% endif %}
  23.         <div class="tab-content" id="pills-tabContent">
  24.             <div class="tab-pane fade show active" id="pills-first" role="tabpanel" aria-labelledby="pills-first-tab">
  25.                 <!-- Pricing-Section -->
  26.                 <section class="row_am pricing_section" id="pricing">
  27.                     <!-- container start -->
  28.                     <div class="container">
  29.                         <!-- toggle button -->
  30.                         <div class="toggle_block" data-aos="fade-up" data-aos-duration="1500">
  31.                             <span class="month text-capitalize">{{ tString("monthly") }}</span>
  32.                             <div class="tog_block">
  33.                                 <span class="tog_btn month_active"></span>
  34.                             </div>
  35.                             <span class="years active text-capitalize">{{ tString("yearly") }}</span>
  36.                         </div>
  38.                         <!-- pricing box  monthly start -->
  39.                         <div class="pricing_pannel active" data-aos="fade-up" data-aos-duration="1500">
  40.                             <!-- row start -->
  41.                             <div class="row">
  43.                                 {% for item in monthly %}
  44.                                     <!-- pricing box 1 -->
  45.                                     <div class="col-md-4 monthly_package d-none">
  46.                                         <div class="pricing_block {% if item.extract %}highlited_block{% endif %}">
  47.                                             <div class="pkg_name mb-4">
  48.                                                 {% set name = item.name %}
  49.                                                 {% set itemText = item.itemText %}
  50.                                                 {% for translation in item.productTranslations() %}
  51.                                                     {% if translation.getLocale() == app.request.locale %}
  52.                                                         {% set name = translation.name %}
  53.                                                         {% set itemText = translation.itemText %}
  54.                                                     {% endif %}
  55.                                                 {% endfor %}
  56.                                                 <h3>{{ name }}</h3>
  57.                                             </div>
  58.                                             <span class="price">
  59.                                                 {% if item.oldPrice %}
  60.                                                     <div class="h4"><del>{{ item.oldPrice|number_format(0,",",".") }} &euro; <br></del></div>
  61.                                                 {% endif %}
  62.                                                 {{ item.price|number_format(0,",",".") }} &euro; <br>
  63.                                             </span>
  64.                                             <div>
  65.                                                 {{ itemText|raw() }}
  66.                                             </div>
  67.                                             <p class="mt-3"><a class="btn white_btn text-uppercase" href="{{ path('user_register_free_trial') }}?product={{ item.id }}">{{ tString("isprobaj_besplatno") }} </a></p>
  68.                                             {% if route == "web_packages" %}
  69.                                                 <form action="{{ path('choose_plan') }}" method="get">
  70.                                                     <input type="hidden" value="{{ item.id }}" name="product_id">
  71.                                                     <input type="hidden" value="2" name="price_type">
  72.                                                     <button type="submit" class="btn btn-link btn-theme-link text-uppercase">{{ tString("buy") }} <i class="fa fa-arrow-right"></i></button>
  73.                                                 </form>
  74.                                             {% endif %}
  75.                                         </div>
  76.                                     </div>
  77.                                 {% endfor %}
  79.                                 {% for item in yearly %}
  80.                                     <!-- pricing box 1 -->
  81.                                     <div class="col-md-4 yearly_package d-block">
  82.                                         <div class="pricing_block {% if item.extract %}highlited_block{% endif %}">
  83.                                             <div class="pkg_name mb-4">
  84.                                                 {% set name = item.name %}
  85.                                                 {% set itemText = item.itemText %}
  86.                                                 {% for translation in item.productTranslations() %}
  87.                                                     {% if translation.getLocale() == app.request.locale %}
  88.                                                         {% set name = translation.name %}
  89.                                                         {% set itemText = translation.itemText %}
  90.                                                     {% endif %}
  91.                                                 {% endfor %}
  92.                                                 <h3>{{ name }}</h3>
  93.                                             </div>
  94.                                             <span class="price">
  95.                                                 {% if item.oldPrice %}
  96.                                                     <div class="h4"><del>{{ item.oldPrice|number_format(0,",",".") }} &euro; <br></del></div>
  97.                                                 {% endif %}
  98.                                                 {{ item.price|number_format(0,",",".") }} &euro; <br>
  99.                                             </span>
  100.                                             <div>
  101.                                                 {{ itemText|raw() }}
  102.                                             </div>
  103.                                             <p class="mt-3"><a class="btn white_btn text-uppercase" href="{{ path('user_register_free_trial') }}?product={{ item.id }}">{{ tString("isprobaj_besplatno") }} </a></p>
  104.                                             {% if route == "web_packages" %}
  105.                                                 <form action="{{ path('choose_plan') }}" method="get">
  106.                                                     <input type="hidden" value="{{ item.id }}" name="product_id">
  107.                                                     <input type="hidden" value="2" name="price_type">
  108.                                                     <button type="submit" class="btn btn-link btn-theme-link text-uppercase">{{ tString("buy") }} <i class="fa fa-arrow-right"></i></button>
  109.                                                 </form>
  110.                                             {% endif %}
  111.                                         </div>
  112.                                     </div>
  113.                                 {% endfor %}
  115.                             </div>
  116.                             <!-- row end -->
  117.                         </div>
  118.                         <!-- pricing box monthly end -->
  120.                     </div>
  121.                     <!-- container start end -->
  122.                 </section>
  123.                 <!-- Pricing-Section end -->
  124.             </div>
  125.         </div>
  127.         <p class="contact_text" data-aos="fade-up" data-aos-duration="1500">{{ tString("not_sure_what_to_choose") }} <a href="{{ path('web_contact') }}">{{ tString("contact_us") }}</a> {{ tString("for_custom_packages") }}</p>
  128.     </div>
  129.     <!-- container start end -->
  130. </section>
  131. <!-- Pricing-Section end -->