my_topics

  <section class="fw-sticky fw-searchbar-wrapper">
    <div class="container">
      <div class="row align-items-center py-8">
        <div class="col-md-6">
         {% element 'secondary_nav' %}
           {
             "breadcrumbs": [{ "label":"{{ 'portal_translations.header.tabs.home' | t }}", "url":"{{portal.home_url}}" },
                             { "label":"{{ 'portal_translations.header.tabs.forums' | t }}", "url":"{{portal.discussions_home_url}}" },
                             { "label":"{{ 'portal_translations.forums.my_topics' | t }}", "url":"{{portal.my_topics_url}}" }]
           }
         {% endelement %}
        </div>
        <div class="col-md-4 ms-auto">
          {{ portal | search_element }}
        </div>
      </div>
    </div>
  </section>
  <section class="container-fluid px-0 fw-page-title-wrapper">
    <div class="container">
      <div class="py-24 py-lg-60 mx-0 fw-search-meta-info g-0">
        <div class="text-start">
          <h1 class="fw-page-title">{{ 'portal_translations.forums.my_topics' | t }} ({{portal.my_topics.size}})</h1>
          <p>{{ 'portal_translations.forums.my_topics_description' | t }}</p>
          {{ portal | discussions_new_topic_button: 'btn mt-16 new-topic-button fw-primary-button' }}
        </div>
      </div>
    </div>
  </section>
  <section class="container-fluid px-0 py-24">
    <div class="container">
      <div class="row justify-content-between">
        <div class="col-lg-8">
          <div class="fw-filter-nav">
              <ul class="fw-no-bullet d-flex">
                {% for filter in portal.my_topics_filters %}
                  {% assign _label = 'portal_translations.forums.order.' | append: filter.name | t %}
                  <li>
                   {% element 'link' %}
                    {
                     "url": "{{filter.url}}",
                     "content": "{{_label}}",
                     "class": "{{filter.class_name}}"
                    }
                   {% endelement %}
			      </li>
                {%endfor%}
              </ul>
            </div>
        </div>
        <div class="col-lg-4 d-flex align-items-center justify-content-end fw-sortby-dropdown fw-forum-sortby-dropdown">
          {{ 'portal_translations.sorted_by' | t }}{{ 'my_topics' | discussions_sort, portal, portal.my_topics_sort_by }}
        </div>
      </div>
    </div>
  </section>
  <section class="container-fluid px-0 py-24">
    <div class="container">
      {{ page_message }}
      {% paginate portal.my_topics by 10 %}
        <section class="row fw-category-wrapper box-shadow br-12 mx-0 g-0 bg-dark">
          <ul class="fw-no-bullet fw-articles">
            {% for topic in paginate.collection %}
              <li>
                <a href="{{ topic.url }}" class="row mx-0 g-0 {% if topic.sticky? %}fw-sticky-topic{% endif %}">
                  {% if topic.sticky? or topic.locked? %}
                  <div class="w-100 small d-flex align-items-center">
                    {% if topic.sticky? %} <span class="icon-pin pe-8"></span><span class="pe-8">{{ 'portal_translations.forums.pinned_topic' | t }}</span>{% endif %}
                    {% if topic.locked? %} <span class="icon-lock pe-8"></span><span class="pe-8">{{ 'portal_translations.forums.locked_topic' | t }}</span>{% endif %}
                  </div>
                  {% endif %}
                  <div class="col-md-8 d-flex">
                    <div class="pt-4 pe-8"><span class="icon-topic"></span></div>
                    <div>
                      <p class="line-clamp-2">{{ topic.title | escape_once }}</p>
                      <p class="small line-clamp-2">
                        {{ 'portal_translations.posted' | t }} {{ topic.created_on | time_ago_info }} {{ 'portal_translations.by' | t }} {{ topic.user.name }}{% if topic.has_comments %}, {{ 'portal_translations.forums.last_reply' | t }} {{ topic.last_post.user.name }} {{ topic.last_post.created_on | time_ago_info }}{% endif %}{% if topic.votes == 1 %}, {{topic.votes}} {{'portal_translations.forums.vote' | t}}{% endif %}{% if topic.votes > 1 %}, {{topic.votes}} {{'portal_translations.forums.votes' | t}}{% endif %}
                      </p>
                    </div>
                  </div>
                  <div class="col-md-4 fw-modified text-end">
                    {{ topic | discussions_topic_status }}
                  </div>
                </a>
              </li>
            {% else %}
              <div class="no-info">{{ 'portal_translations.forums.no_topics' | t }}</div>
		    	  {% endfor %}
          </ul>
        </section>
        {{ paginate | pagination }}
	  {% endpaginate %}
    </div>
  </section>