templates/bundles/CloudServicesBundle/package/widget.html.twig line 1

Open in your IDE?
  1. {% if app.request.locale == 'ar' %}
  2.     <section id="packages" class="section-p-lg">
  3.         <div class="container  wrapper-h-xs-lg reveal-bottom-opacity">
  4.             <div class="row">
  5.                 <div class="col-sm-12 wrapper-v-lg text-center">
  6.                     <h2>الباقات</h2>
  7.                     <p class="m-b-30">
  8.                         يحاول نظام «ديوانية» لإدارة المؤتمرات، مواكبة كل متطلبات العملاء؛
  9.                         <br>
  10.                         لذا فقد فعَّل إليهم مجموعة من الباقات المختلفة؛ لتناسب كلٌ حسب احتياجاته.
  11.                     </p>
  12.                 </div>
  13.             </div>
  14.             <div class="row">
  15.                 <!-- Pricing Block 1 -->
  16.                 <div class="col-sm-4 wrapper-v-lg wrapper-h-xs-md text-center">
  17.                     <div>
  18.                     </div>
  19.                 </div>
  20.                 <!-- Pricing Block 3 -->
  21.                 <!-- Pricing Block 2 -->
  22.                 <div class="col-sm-4 wrapper-v-lg wrapper-h-xs-md text-center">
  23.                     <div>
  24.                     </div>
  25.                 </div>
  26.                 <!-- /End Pricing Block 2 -->
  27.             </div>
  28.             <div class="row">
  29.                 <div>
  30.                     <div class="responsive-tale">
  31.                         <ul>
  32.                             {% for package in packages %}
  33.                                 <li class="bg-blue {{ loop.first ? 'active' : '' }}"><button>{{ package.packageLabel.name }}</button></li>
  34.                             {% endfor %}
  35.                         </ul>
  36.                         <table>
  37.                             <thead>
  38.                             <tr>
  39.                                 <th class="hide"></th>
  40.                                 <th class="bg-blue table-header default b-t-r-r">{{ packages[0].packageLabel.name }}</th>
  41.                                 <th class="bg-blue table-header">{{ packages[1].packageLabel.name }}</th>
  42.                                 <th class="bg-blue table-header b-t-l-r">{{ packages[2].packageLabel.name }}</th>
  43.                             </tr>
  44.                             </thead>
  45.                             <tbody>
  46.                             <tr>
  47.                                 <td>التكلفة</td>
  48.                                 {% for package in packages %}
  49.                                     <td class="{{ loop.first ? 'default' : '' }}">
  50.                                         <span class="txt-top">$</span>
  51.                                         <span class="txt-l">{{ (package.monthlyFees * (1 - package.monthlyFeesDiscount / 100))|round }}
  52.                               <small>/ شهر</small>
  53.                               <br>
  54.                               <small> بدلا من </small>
  55.                               <span class="txt-red">${{ package.monthlyFees|round }}</span> </span>
  56.                                         <br>
  57.                                         {% set classes = ['b-b-r-r', '', 'b-b-l-r'] %}
  58.                                         {% if package.packageLabel.actionTarget == 'subscribe' %}
  59.                                             {% set actionUrl = path('cloud_package_subscribe', { 'id': package.id, 'period': 'month' }) %}
  60.                                         {% else %}
  61.                                             {% set actionUrl = '#contact' %}
  62.                                         {% endif %}
  63.                                         <div class="bg-blue {{ classes[loop.index0] }} {% if classes[loop.index0] == 'b-b-r-r'%}default{% endif %}">
  64.                                  <span class="tick">
  65.                                     <div class="wrapper-v-md"><a href="{{ actionUrl }}" class="btn btn-sm btn-border-silver smooth-scroll package-action-{{ package.packageLabel.id }}">{{ package.packageLabel.actionName ? package.packageLabel.actionName : (('cloud_services.actions.' ~ package.packageLabel.actionTarget)|trans) }}</a></div>
  66.                                  </span>
  67.                                         </div>
  68.                                     </td>
  69.                                 {% endfor %}
  70.                             </tr>
  71.                             <tr>
  72.                                 <td colspan="4" class="sep">مكونات وخصائص</td>
  73.                             </tr>
  74.                             <tr>
  75.                                 <td>{{ 'diwanyah.features.conference.registration'|trans }}</td>
  76.                                 <td class="default"><span class="tick">&#10004;</span></td>
  77.                                 <td><span class="tick">&#10004;</span></td>
  78.                                 <td><span class="tick">&#10004;</span></td>
  79.                             </tr>
  80.                             <tr>
  81.                                 <td>{{ 'diwanyah.features.conference.attendance_id'|trans }}</td>
  82.                                 <td class="default"><span class="tick">&#10004;</span></td>
  83.                                 <td><span class="tick">&#10004;</span></td>
  84.                                 <td><span class="tick">&#10004;</span></td>
  85.                             </tr>
  86.                             <tr>
  87.                                 <td>{{ 'diwanyah.features.conference.exhibit_halls'|trans }}</td>
  88.                                 <td class="default"><span class="tick"></span></td>
  89.                                 <td><span class="tick">&#10004;</span></td>
  90.                                 <td><span class="tick">&#10004;</span></td>
  91.                             </tr>
  92.                             <tr>
  93.                                 <td>{{ 'diwanyah.features.conference.speaker_management'|trans }}</td>
  94.                                 <td class="default"><span class="tick">&#10004;</span></td>
  95.                                 <td><span class="tick">&#10004;</span></td>
  96.                                 <td><span class="tick">&#10004;</span></td>
  97.                             </tr>
  98.                             <tr>
  99.                                 <td>{{ 'diwanyah.features.conference.papers_review'|trans }}</td>
  100.                                 <td class="default"><span class="tick"></span></td>
  101.                                 <td><span class="tick">&#10004;</span></td>
  102.                                 <td><span class="tick">&#10004;</span></td>
  103.                             </tr>
  104.                             <tr>
  105.                                 <td>{{ 'diwanyah.features.conference.speakers_rating'|trans }}</td>
  106.                                 <td class="default"></td>
  107.                                 <td><span class="tick"></span></td>
  108.                                 <td><span class="tick">&#10004;</span></td>
  109.                             </tr>
  110.                             <tr>
  111.                                 <td>{{ 'diwanyah.features.conference.research_magazine'|trans }}</td>
  112.                                 <td class="default"></td>
  113.                                 <td><span class="tick"></span></td>
  114.                                 <td><span class="tick">&#10004;</span></td>
  115.                             </tr>
  116.                             <tr>
  117.                                 <td>{{ 'diwanyah.features.conference.event_planner'|trans }}</td>
  118.                                 <td class="default"></td>
  119.                                 <td><span class="tick">&#10004;</span></td>
  120.                                 <td><span class="tick">&#10004;</span></td>
  121.                             </tr>
  122.                             <tr>
  123.                                 <td>{{ 'diwanyah.features.conference.schedule'|trans }}</td>
  124.                                 <td class="default"><span class="tick">&#10004;</span></td>
  125.                                 <td><span class="tick">&#10004;</span></td>
  126.                                 <td><span class="tick">&#10004;</span></td>
  127.                             </tr>
  128.                             <tr>
  129.                                 <td>{{ 'diwanyah.features.conference.multi_hall'|trans }}</td>
  130.                                 <td class="default"></td>
  131.                                 <td><span class="tick"></span></td>
  132.                                 <td><span class="tick">&#10004;</span></td>
  133.                             </tr>
  134.                             <tr>
  135.                                 <td>{{ 'diwanyah.features.conference.content_portal'|trans }}</td>
  136.                                 <td class="default"></td>
  137.                                 <td><span class="tick"></span></td>
  138.                                 <td><span class="tick">&#10004;</span></td>
  139.                             </tr>
  140.                             <tr>
  141.                                 <td>{{ 'diwanyah.features.conference.attendance_recording'|trans }}</td>
  142.                                 <td class="default"></td>
  143.                                 <td><span class="tick"></span></td>
  144.                                 <td><span class="tick">&#10004;</span></td>
  145.                             </tr>
  146.                             <tr>
  147.                                 <td>{{ 'diwanyah.features.conference.certificates'|trans }}</td>
  148.                                 <td class="default"><span class="tick">&#10004;</span></td>
  149.                                 <td><span class="tick">&#10004;</span></td>
  150.                                 <td><span class="tick">&#10004;</span></td>
  151.                             </tr>
  152.                             <tr>
  153.                                 <td>{{ 'diwanyah.features.conference.polls_and_surveys'|trans }}</td>
  154.                                 <td class="default"><span class="tick">&#10004;</span></td>
  155.                                 <td><span class="tick">&#10004;</span></td>
  156.                                 <td><span class="tick">&#10004;</span></td>
  157.                             </tr>
  158.                             <tr>
  159.                                 <td>{{ 'diwanyah.features.conference.media_center'|trans }}</td>
  160.                                 <td class="default"><span class="tick">&#10004;</span></td>
  161.                                 <td><span class="tick">&#10004;</span></td>
  162.                                 <td><span class="tick">&#10004;</span></td>
  163.                             </tr>
  164.                             <tr>
  165.                                 <td>{{ 'diwanyah.features.conference.recommendations'|trans }}</td>
  166.                                 <td class="default"></td>
  167.                                 <td><span class="tick"></span></td>
  168.                                 <td><span class="tick">&#10004;</span></td>
  169.                             </tr>
  170.                             <tr>
  171.                                 <td>{{ 'diwanyah.features.conference.volunteers_management'|trans }}</td>
  172.                                 <td class="default"></td>
  173.                                 <td><span class="tick"></span></td>
  174.                                 <td><span class="tick">&#10004;</span></td>
  175.                             </tr>
  176.                             <tr>
  177.                                 <td>{{ 'diwanyah.features.conference.reports'|trans }}</td>
  178.                                 <td class="default"><span class="tick">&#10004;</span></td>
  179.                                 <td><span class="tick">&#10004;</span></td>
  180.                                 <td><span class="tick">&#10004;</span></td>
  181.                             </tr>
  182.                             <tr>
  183.                                 <td colspan="4" class="sep">نطاق الاستخدام</td>
  184.                             </tr>
  185.                             <tr>
  186.                                 <td>عدد مستخدمي النظام</td>
  187.                                 <td class="default"><span class="tick"> 1 </span></td>
  188.                                 <td><span class="tick"> 10 </span></td>
  189.                                 <td><span class="tick"> غير محدود </span></td>
  190.                             </tr>
  191.                             <tr>
  192.                                 <td>عدد المؤتمرات خلال السنة</td>
  193.                                 <td class="default"><span class="tick"> 1 </span></td>
  194.                                 <td><span class="tick"> 3 </span></td>
  195.                                 <td><span class="tick"> 5 </span></td>
  196.                             </tr>
  197.                             <tr>
  198.                                 <td>عدد قوالب الواجهة</td>
  199.                                 <td class="default"><span class="tick"> 1 </span></td>
  200.                                 <td><span class="tick"> 3 </span></td>
  201.                                 <td><span class="tick"> 5 </span></td>
  202.                             </tr>
  203.                             <tr>
  204.                                 <td>عدد المتحدثين</td>
  205.                                 <td class="default"><span class="tick"> 15 </span></td>
  206.                                 <td><span class="tick"> 30 </span></td>
  207.                                 <td><span class="tick"> غير محدود </span></td>
  208.                             </tr>
  209.                             <tr>
  210.                                 <td>عدد المسجلين والحضور</td>
  211.                                 <td class="default"><span class="tick"> غير محدود </span></td>
  212.                                 <td><span class="tick"> غير محدود </span></td>
  213.                                 <td><span class="tick"> غير محدود </span></td>
  214.                             </tr>
  215.                             <tr>
  216.                                 <td colspan="4" class="sep">الدعم الفني</td>
  217.                             </tr>
  218.                             <tr>
  219.                                 <td>نظام التذاكر والبريد الإلكتروني</td>
  220.                                 <td class="default"><span class="tick">&#10004;</span></td>
  221.                                 <td><span class="tick">&#10004;</span></td>
  222.                                 <td><span class="tick">&#10004;</span></td>
  223.                             </tr>
  224.                             <tr>
  225.                                 <td>المحادثة المباشرة</td>
  226.                                 <td class="default"></td>
  227.                                 <td class="default"></td>
  228.                                 <td><span class="tick">&#10004;</span></td>
  229.                             </tr>
  230.                             {# <tr>
  231.                         <td></td>
  232.                         {% set classes = ['b-b-r-r', '', 'b-b-l-r'] %}
  233.                         {% for package in packages %}
  234.                         {% if package.packageLabel.actionTarget == 'subscribe' %}
  235.                         {% set actionUrl = path('cloud_package_subscribe', { 'id': package.id, 'period': 'month' }) %}
  236.                         {% else %}
  237.                         {% set actionUrl = '#contact' %}
  238.                         {% endif %}
  239.                         <td class="bg-blue {{ classes[loop.index0] }} {% if classes[loop.index0] == 'b-b-r-r'%}default{% endif %}">
  240.                            <span class="tick">
  241.                               <div class="wrapper-v-md"><a href="{{ actionUrl }}" class="btn btn-sm btn-border-silver smooth-scroll package-action-{{ package.packageLabel.id }}">{{ package.packageLabel.actionName ? package.packageLabel.actionName : (('cloud_services.actions.' ~ package.packageLabel.actionTarget)|trans) }}</a></div>
  242.                            </span>
  243.                         </td>
  244.                         {% endfor %}
  245.                      </tr> #}
  246.                             </tbody>
  247.                         </table>
  248.                     </div>
  249.                 </div>
  250.             </div>
  251.             <div class="row">
  252.                 <div class="col-sm-12 wrapper-v-lg text-center">
  253.                     <p class="m-t-30">
  254.                     </p>
  255.                 </div>
  256.             </div>
  257.         </div>
  258.     </section>
  259. {% else %}
  260.     <section id="packages" class="section-p-lg">
  261.         <div class="container  wrapper-h-xs-lg reveal-bottom-opacity">
  262.             <div class="row">
  263.                 <div class="col-sm-12 wrapper-v-lg text-center">
  264.                     <h2>Pricing</h2>
  265.                     <p class="m-b-30">{{ 'diwanyah.messages.packages_note'|trans|raw }}</p>
  266.                 </div>
  267.             </div>
  268.             <div class="row">
  269.                 <!-- Pricing Block 1 -->
  270.                 <div class="col-sm-4 wrapper-v-lg wrapper-h-xs-md text-center">
  271.                     <div>
  272.                     </div>
  273.                 </div>
  274.                 <!-- Pricing Block 3 -->
  275.                 <!-- Pricing Block 2 -->
  276.                 <div class="col-sm-4 wrapper-v-lg wrapper-h-xs-md text-center">
  277.                     <div>
  278.                     </div>
  279.                 </div>
  280.                 <!-- /End Pricing Block 2 -->
  281.             </div>
  282.             <div class="row">
  283.                 <div>
  284.                     <div class="responsive-tale">
  285.                         <ul>
  286.                             {% for package in packages %}
  287.                                 <li class="bg-blue {{ loop.first ? 'active' : '' }}"><button>{{ package.packageLabel.name }}</button></li>
  288.                             {% endfor %}
  289.                         </ul>
  290.                         <table>
  291.                             <thead>
  292.                             <tr>
  293.                                 <th class="hide"></th>
  294.                                 {% set classes = ['b-t-r-r', '', 'b-t-l-r'] %}
  295.                                 {% for package in packages %}
  296.                                     <th class="bg-blue {{ loop.first ? 'default' : '' }} {{ classes[loop.index0] }}">{{ package.packageLabel.name }}</th>
  297.                                 {% endfor %}
  298.                             </tr>
  299.                             </thead>
  300.                             <tbody>
  301.                             <tr>
  302.                                 <td>Price</td>
  303.                                 {% for package in packages %}
  304.                                     <td class="{{ loop.first ? 'default' : '' }}">
  305.                                         <span class="txt-top">$</span>
  306.                                         <span class="txt-l">{{ (package.monthlyFees * (1 - package.monthlyFeesDiscount / 100))|round }}
  307.                            <small>/ Month</small>
  308.                            <br>
  309.                            <small>instead of</small>
  310.                            <span class="txt-red">${{ package.monthlyFees|round }}</span> </span>
  311.                                         <br>
  312.                                         {% set classes = ['b-b-r-r', '', 'b-b-l-r'] %}
  313.                                         {% if package.packageLabel.actionTarget == 'subscribe' %}
  314.                                             {% set actionUrl = path('cloud_package_subscribe', { 'id': package.id, 'period': 'month' }) %}
  315.                                         {% else %}
  316.                                             {% set actionUrl = '#contact' %}
  317.                                         {% endif %}
  318.                                         <div class="bg-blue {{ classes[loop.index0] }} {% if classes[loop.index0] == 'b-b-r-r'%}default{% endif %}">
  319.                               <span class="tick">
  320.                                  <div class="wrapper-v-md"><a href="{{ actionUrl }}" class="btn btn-sm btn-border-silver smooth-scroll package-action-{{ package.packageLabel.id }}">{{ package.packageLabel.actionName ? package.packageLabel.actionName : (('cloud_services.actions.' ~ package.packageLabel.actionTarget)|trans) }}</a></div>
  321.                               </span>
  322.                                         </div>
  323.                                     </td>
  324.                                 {% endfor %}
  325.                             </tr>
  326.                             <tr>
  327.                                 <td colspan="4" class="sep">Components & Features</td>
  328.                             </tr>
  329.                             <tr>
  330.                                 <td>{{ 'diwanyah.features.conference.registration'|trans }}</td>
  331.                                 <td class="default"><span class="tick">&#10004;</span></td>
  332.                                 <td><span class="tick">&#10004;</span></td>
  333.                                 <td><span class="tick">&#10004;</span></td>
  334.                             </tr>
  335.                             <tr>
  336.                                 <td>{{ 'diwanyah.features.conference.attendance_id'|trans }}</td>
  337.                                 <td class="default"><span class="tick">&#10004;</span></td>
  338.                                 <td><span class="tick">&#10004;</span></td>
  339.                                 <td><span class="tick">&#10004;</span></td>
  340.                             </tr>
  341.                             <tr>
  342.                                 <td>{{ 'diwanyah.features.conference.exhibit_halls'|trans }}</td>
  343.                                 <td class="default"><span class="tick"></span></td>
  344.                                 <td><span class="tick">&#10004;</span></td>
  345.                                 <td><span class="tick">&#10004;</span></td>
  346.                             </tr>
  347.                             <tr>
  348.                                 <td>{{ 'diwanyah.features.conference.speaker_management'|trans }}</td>
  349.                                 <td class="default"><span class="tick">&#10004;</span></td>
  350.                                 <td><span class="tick">&#10004;</span></td>
  351.                                 <td><span class="tick">&#10004;</span></td>
  352.                             </tr>
  353.                             <tr>
  354.                                 <td>{{ 'diwanyah.features.conference.papers_review'|trans }}</td>
  355.                                 <td class="default"><span class="tick"></span></td>
  356.                                 <td><span class="tick">&#10004;</span></td>
  357.                                 <td><span class="tick">&#10004;</span></td>
  358.                             </tr>
  359.                             <tr>
  360.                                 <td>{{ 'diwanyah.features.conference.speakers_rating'|trans }}</td>
  361.                                 <td class="default"></td>
  362.                                 <td><span class="tick"></span></td>
  363.                                 <td><span class="tick">&#10004;</span></td>
  364.                             </tr>
  365.                             <tr>
  366.                                 <td>{{ 'diwanyah.features.conference.research_magazine'|trans }}</td>
  367.                                 <td class="default"></td>
  368.                                 <td><span class="tick"></span></td>
  369.                                 <td><span class="tick">&#10004;</span></td>
  370.                             </tr>
  371.                             <tr>
  372.                                 <td>{{ 'diwanyah.features.conference.event_planner'|trans }}</td>
  373.                                 <td class="default"></td>
  374.                                 <td><span class="tick">&#10004;</span></td>
  375.                                 <td><span class="tick">&#10004;</span></td>
  376.                             </tr>
  377.                             <tr>
  378.                                 <td>{{ 'diwanyah.features.conference.schedule'|trans }}</td>
  379.                                 <td class="default"><span class="tick">&#10004;</span></td>
  380.                                 <td><span class="tick">&#10004;</span></td>
  381.                                 <td><span class="tick">&#10004;</span></td>
  382.                             </tr>
  383.                             <tr>
  384.                                 <td>{{ 'diwanyah.features.conference.multi_hall'|trans }}</td>
  385.                                 <td class="default"></td>
  386.                                 <td><span class="tick"></span></td>
  387.                                 <td><span class="tick">&#10004;</span></td>
  388.                             </tr>
  389.                             <tr>
  390.                                 <td>{{ 'diwanyah.features.conference.content_portal'|trans }}</td>
  391.                                 <td class="default"></td>
  392.                                 <td><span class="tick"></span></td>
  393.                                 <td><span class="tick">&#10004;</span></td>
  394.                             </tr>
  395.                             <tr>
  396.                                 <td>{{ 'diwanyah.features.conference.attendance_recording'|trans }}</td>
  397.                                 <td class="default"></td>
  398.                                 <td><span class="tick"></span></td>
  399.                                 <td><span class="tick">&#10004;</span></td>
  400.                             </tr>
  401.                             <tr>
  402.                                 <td>{{ 'diwanyah.features.conference.certificates'|trans }}</td>
  403.                                 <td class="default"><span class="tick">&#10004;</span></td>
  404.                                 <td><span class="tick">&#10004;</span></td>
  405.                                 <td><span class="tick">&#10004;</span></td>
  406.                             </tr>
  407.                             <tr>
  408.                                 <td>{{ 'diwanyah.features.conference.polls_and_surveys'|trans }}</td>
  409.                                 <td class="default"><span class="tick">&#10004;</span></td>
  410.                                 <td><span class="tick">&#10004;</span></td>
  411.                                 <td><span class="tick">&#10004;</span></td>
  412.                             </tr>
  413.                             <tr>
  414.                                 <td>{{ 'diwanyah.features.conference.media_center'|trans }}</td>
  415.                                 <td class="default"><span class="tick">&#10004;</span></td>
  416.                                 <td><span class="tick">&#10004;</span></td>
  417.                                 <td><span class="tick">&#10004;</span></td>
  418.                             </tr>
  419.                             <tr>
  420.                                 <td>{{ 'diwanyah.features.conference.recommendations'|trans }}</td>
  421.                                 <td class="default"></td>
  422.                                 <td><span class="tick"></span></td>
  423.                                 <td><span class="tick">&#10004;</span></td>
  424.                             </tr>
  425.                             <tr>
  426.                                 <td>{{ 'diwanyah.features.conference.volunteers_management'|trans }}</td>
  427.                                 <td class="default"></td>
  428.                                 <td><span class="tick"></span></td>
  429.                                 <td><span class="tick">&#10004;</span></td>
  430.                             </tr>
  431.                             <tr>
  432.                                 <td>{{ 'diwanyah.features.conference.reports'|trans }}</td>
  433.                                 <td class="default"><span class="tick">&#10004;</span></td>
  434.                                 <td><span class="tick">&#10004;</span></td>
  435.                                 <td><span class="tick">&#10004;</span></td>
  436.                             </tr>
  437.                             <tr>
  438.                                 <td colspan="4" class="sep">Usage Capacity </td>
  439.                             </tr>
  440.                             <tr>
  441.                                 <td>Back-end Users</td>
  442.                                 <td class="default"><span class="tick"> 1 </span></td>
  443.                                 <td><span class="tick"> 10 </span></td>
  444.                                 <td><span class="tick"> Unlimited </span></td>
  445.                             </tr>
  446.                             <tr>
  447.                                 <td>Conferences per Year</td>
  448.                                 <td class="default"><span class="tick"> 1 </span></td>
  449.                                 <td><span class="tick"> 3 </span></td>
  450.                                 <td><span class="tick"> 5 </span></td>
  451.                             </tr>
  452.                             <tr>
  453.                                 <td>Interface Templates</td>
  454.                                 <td class="default"><span class="tick"> 1 </span></td>
  455.                                 <td><span class="tick"> 3 </span></td>
  456.                                 <td><span class="tick"> 5 </span></td>
  457.                             </tr>
  458.                             <tr>
  459.                                 <td>Speakers</td>
  460.                                 <td class="default"><span class="tick"> 15 </span></td>
  461.                                 <td><span class="tick"> 30 </span></td>
  462.                                 <td><span class="tick">  Unlimited </span></td>
  463.                             </tr>
  464.                             <tr>
  465.                                 <td>Registered Attendees </td>
  466.                                 <td class="default"><span class="tick"> Unlimited </span></td>
  467.                                 <td><span class="tick"> Unlimited  </span></td>
  468.                                 <td><span class="tick"> Unlimited </span></td>
  469.                             </tr>
  470.                             <tr>
  471.                                 <td colspan="4" class="sep"> Technical Support </td>
  472.                             </tr>
  473.                             <tr>
  474.                                 <td>Ticketing System & Email</td>
  475.                                 <td class="default"><span class="tick">&#10004;</span></td>
  476.                                 <td><span class="tick">&#10004;</span></td>
  477.                                 <td><span class="tick">&#10004;</span></td>
  478.                             </tr>
  479.                             <tr>
  480.                                 <td>Live Chat</td>
  481.                                 <td class="default"></td>
  482.                                 <td><span class="tick"></span></td>
  483.                                 <td><span class="tick">&#10004;</span></td>
  484.                             </tr>
  485.                             {# <tr>
  486.                         <td></td>
  487.                         {% set classes = ['b-b-r-r', '', 'b-b-l-r'] %}
  488.                         {% for package in packages %}
  489.                         {% if package.packageLabel.actionTarget == 'subscribe' %}
  490.                         {% set actionUrl = path('cloud_package_subscribe', { 'id': package.id, 'period': 'month' }) %}
  491.                         {% else %}
  492.                         {% set actionUrl = '#contact' %}
  493.                         {% endif %}
  494.                         <td class="bg-blue {{ classes[loop.index0] }} {% if classes[loop.index0] == 'b-b-r-r'%}default{% endif %}">
  495.                            <span class="tick">
  496.                               <div class="wrapper-v-md"><a href="{{ actionUrl }}" class="btn btn-sm btn-border-silver smooth-scroll package-action-{{ package.packageLabel.id }}">{{ package.packageLabel.actionName ? package.packageLabel.actionName : (('cloud_services.actions.' ~ package.packageLabel.actionTarget)|trans) }}</a></div>
  497.                            </span>
  498.                         </td>
  499.                         {% endfor %}
  500.                      </tr> #}
  501.                             </tbody>
  502.                         </table>
  503.                     </div>
  504.                 </div>
  505.             </div>
  506.             <div class="row">
  507.                 <div class="col-sm-12 wrapper-v-lg text-center">
  508.                     <p class="m-t-30">
  509.                     </p>
  510.                 </div>
  511.             </div>
  512.         </div>
  513.     </section>
  514. {% endif %}