templates/front/order/include/step/order_package_list.twig line 1

Open in your IDE?
  1. <div class="container position">
  2.     {% include 'front/includes/error_container.twig' %}
  3.     <div class="row justify-content-center">
  4.         <div class="col-12 mt-4 mt-sm-5">
  6.             <div class="d-flex justify-content-center package_box_header mb-4">
  7.                 <p class="" style="font-size: 35px">{{ 'USER_ZONE.PACKAGE.LIST.TITLE'|trans }}</p>
  8.             </div>
  10.             <div class="row justify-content-center">
  11.                 <label class="col-sm-4 package_selected package_box_selected" for="package-1" data-package="1">
  12.                     <div>
  13.                         <div class="card border-dark package_box_radius package_box_type">
  14.                             <div class="card-body">
  15.                                 <h5 class="card-title text-uppercase">{{ 'USER_ZONE.PACKAGE.LIST.PACKAGE_STANDARD'|trans }}</h5>
  16.                             </div>
  17.                         </div>
  18.                     </div>
  19.                 </label>
  21.                 {% if showPromotionPackage|default(false) %}
  22.                 <label class="col-sm-4  package_box_selected" for="package-2" data-package="2">
  23.                     <div>
  24.                         <div class="card border-dark package_box_radius package_box_type">
  25.                             <div class="card-body">
  26.                                 <h5 class="card-title text-uppercase">{{ 'USER_ZONE.PACKAGE.LIST.PACKAGE_PROMOTION'|trans }}</h5>
  27.                             </div>
  28.                         </div>
  29.                     </div>
  30.                 </label>
  31.                 {% endif %}
  33.                 <label class="col-sm-4  package_box_selected" for="package-3" data-package="3">
  34.                     <div>
  35.                         <div class="card border-dark package_box_radius package_box_type">
  36.                             <div class="card-body">
  37.                                 <h5 class="card-title text-uppercase">{{ 'USER_ZONE.PACKAGE.LIST.PACKAGE_INDIVIDUAL'|trans }}</h5>
  38.                             </div>
  39.                         </div>
  40.                     </div>
  41.                 </label>
  42.             </div>
  44.             <div class="row justify-content-center box_switch mt-4">
  45.                 <div class="col-12" style="text-align: center">
  46.                     <div class="uppercase">
  47.                         <div class="col-12 check-wrapper package_range_switch_box check-wrapper-image uppercase">
  48.                             <label for="package_range_switch"
  49.                                    class="col-auto bold without_a_fork uppercase"
  50.                                    style="font-size: 20px !important; padding-top: 0px !important;">
  51.                                 <span>{{ 'USER_ZONE.PACKAGE.LIST.ANNOUNCEMENT_WITHOUT_A_FORK'|trans }}</span>
  52.                             </label>
  54.                             <img src="{{ asset('assets/img/lock-checkbox-inside.png')}}" alt="" class="on" id="on">
  55.                             <img src="{{ asset('assets/img/not-checkbox-inside.png') }}" alt="" class="off" id="off">
  57.                             <input
  58.                                     type="checkbox"
  59.                                     data-id="package_range_switch"
  60.                                     id="package_range_switch"
  61.                                     class="custom-control-input invisible-checkbox package_range"
  62.                             >
  64.                             <label for="package_range_switch" class="col-auto uppercase with_a_fork" style="font-size: 20px !important; padding-top: 0px !important;">
  65.                                 <span>{{ 'USER_ZONE.PACKAGE.LIST.ANNOUNCEMENT_WITH_A_FORK'|trans }}</span>
  66.                             </label>
  67.                         </div>
  68.                     </div>
  69.                 </div>
  70.             </div>
  72.             <div class="row justify-content-center mt-4 box_order_package_list">
  73.                 {% include 'front/order/include/package_list.twig' %}
  74.             </div>
  76.             <div class="mt-5 box_order_individual_bottom">
  77.                 <div class="card border-dark package_box_radius">
  78.                     <div class="card-body p-4">
  79.                         <div class="row">
  80.                             <div class="col-sm-9">
  81.                                 <h4 class="card-title">{{ 'USER_ZONE.PACKAGE.LIST.INFORMATION_CONTACT_US'|trans }}</h4>
  82.                             </div>
  83.                             <div class="col-sm-3 box_button_contact_us">
  84.                                 <button class="btn btn-secondary package_box_selected" data-package="3" >{{ 'USER_ZONE.PACKAGE.LIST.BUTTON_CONTACT_US'|trans }}</button>
  85.                             </div>
  86.                         </div>
  87.                     </div>
  88.                 </div>
  89.             </div>
  91.         </div>
  92.     </div>
  93. </div>