templates/Front/HelpCenter/index.html.twig line 1

Open in your IDE?
  1. {% extends "Global/layout.html.twig" %}
  3. {% set pagetitle = 'Help center'|trans %}
  5. {% block title %}{{pagetitle}}{% endblock %}
  7. {% block content %}
  9.     <section class="section-intro help-center-hero-bg padding-y-lg padding-x-md">
  10.         <div class="row">
  11.             <div class="col-sm-6 mx-auto">
  12.                 <article class="white text-center mb-5">
  13.                     <h1 class="display-4">{{ "How can we help?"|trans }}</h1>
  14.                     <form class="mb-3">
  15.                         <div class="input-icon">
  16.                             <i class="fa fa-search mt-2"></i>
  17.                             <input name="keyword" class="form-control" placeholder="{{ "Search for answers"|trans }}" type="text" value="{{ app.Request.get('keyword') }}">
  18.                         </div>
  19.                     </form>
  20.                     <p>{{ "Organizers, attendees, this support center is intended to quickly reply to your questions, if still don't find answers, please contact us, w e will be happy to receive your inquiry"|trans }}</p>
  21.                 </article>
  23.             </div>
  24.         </div>
  25.     </section>
  27.     <div class="{{ services.getSetting("app_layout") }}">
  29.         <section class="padding-y-lg">
  30.             <div class="row">
  32.                 {% if app.request.get('keyword') %}
  33.                     {% set searchresults = services.getHelpCenterArticles({"keyword":app.request.get('keyword')}).getQuery().getResult() %}
  34.                     <div class="col-12 mb-3">
  35.                         <article class="box h-100 padding-y-lg">
  36.                             <strong>{{ "%resultsCount% result(s) found"|trans({'%resultsCount%': searchresults|length}) ~ " " ~ "for"|trans ~ ' "' ~ app.request.get('keyword') ~ '"' }}</strong>
  37.                             {% if searchresults|length %}
  38.                                 <hr>
  39.                                 {% for article in searchresults %}
  40.                                     <p><a href="{{ path('help_center_article', {slug: article.slug}) }}">{{ article.category.name }} <i class="fas fa-chevron-right ml-1 mr-1"></i> {{ article.title }}</a></p>
  41.                                 {% endfor %}
  42.                             {% endif %}
  43.                         </article>
  44.                     </div>
  45.                 {% else %}
  47.                     {% for category in services.getHelpCenterCategories({"parent": "none"}).getQuery().getResult() %}
  49.                         <div class="col-md-6 mb-3">
  50.                             <article class="box h-100 padding-y-lg">
  51.                                 <figure class="itembox text-center">
  52.                                     <span class="mt-2 icon-wrap rounded icon-lg bg-primary"><i class="{{ category.icon }}  white"></i></span>
  53.                                     <figcaption class="text-wrap">
  54.                                         <h5 class="title">{{ category.name }}</h5>
  55.                                     </figcaption>
  56.                                 </figure>
  58.                                 <hr>
  60.                                 {% for article in services.getHelpCenterArticles({"category":category.slug, "featured": true}).getQuery().getResult() %}
  61.                                     <p><a href="{{ path('help_center_article', {slug: article.slug}) }}">{{ article.title }}</a></p>
  62.                                     {% endfor %}
  64.                                 <hr>
  66.                                 <a class="btn btn-outline-primary btn-block" href="{{ path('help_center_category', { slug: category.slug }) }}">{{ "See more articles"|trans }}
  67.                                     {% if app.request.locale == 'ar' %}
  68.                                         <i class="fas fa-chevron-left mr-3"></i>
  69.                                     {% else %}
  70.                                         <i class="fas fa-chevron-right ml-3"></i>
  71.                                     {% endif %}
  72.                                 </a>
  74.                             </article>
  75.                         </div>
  77.                     {% endfor %}
  79.                 {% endif %}
  81.             </div>
  83.             <div class="row">
  84.                 <div class="col-12">
  85.                     {% include "Global/support-box.html.twig" %}
  86.                 </div>
  87.             </div>
  89.         </section>
  90.     </div>
  92. {% endblock %}