{% extends 'base.html' %}

{% block meta_description %}
  <meta name="description" content="Organic Maps - F.A.Q.">
{% endblock %}

{% block content %}
{% set categories = get_taxonomy(kind='faq') | get(key="items") %}
<section class="hero-sub" style="background-image: url(/faq/hero_image.png)" >
  <div class="container hero-sub__container">
    <nav class="bred-crum">
      <ul class="bred-crum__row">
        <li class="bred-crum__item">
          <a class="nav-bred bred-crum__link" href="/">{{ trans(key='home_title', lang=lang) }}</a>
        </li>
        <li class="bred-crum__item">
                    <span class="nav-bred">
                        >
                    </span>
        </li>
        <li class="bred-crum__item">

          {% for item in categories %}
          {% if term.name == item.name %}
          <a href="/{{ item.name }}"  class="nav-bred bred-crum__link bred-crum--active">{{ item.name }}</a>
          {% endif %}
          {% endfor %}
        </li>
      </ul>
    </nav>
    <div class="hero-sub__content">

      {% for item in categories %}
      {% if term.name == item.name %}
      <h1  class="h1 hero-sub__title">{{ item.name }}</h1>
      {% endif %}
      {% endfor %}

    </div>
  </div>
</section>
<section class="search">
  <div class="container search__container">
    <label class="search__label" for="inpSearch">
      {% include 'ui/search.html' %}
      <input class="search__input" id="inpSearch" type="text" placeholder="Search">
    </label>
  </div>
</section>
<section class="faq-post">
  <div class="container faq-page-list__row">




    <div class="faq-page-list__buttons">


  {% for item in categories %}

    {% if term.name == item.name %}



    {% else %}

      <a class="button button--line-min" href="{{ get_taxonomy_url(kind="faq", name=item.name) }}">{{ item.name }}</a>

    {% endif %}
  {% endfor %}
    </div>
    <div class="faq-page-list__table">
      <div class="faq-page-list__table-item">
        <h3 class="h5-boold faq-page-list__table-title">{{ term.name }} questions</h3>
      </div>
      {%- for faq_page in term.pages | sort(attribute="extra.order") -%}
      <h3 class="faq-page-list__table-item"><a class="h5 faq-page-list__table-link" href="{{ faq_page.permalink }}">{{ faq_page.title }}</a></h3>
      {%- endfor -%}
    </div>


  </div>
</section>
{% endblock %}