{% INCLUDE 'overall_header.html' %}

<main class="iz-page" aria-label="Forum content" role="main">

  <section class="iz-hero" aria-label="Welcome">
    <div class="iz-hero__inner">
      <div class="iz-hero__text">
        <h1 class="iz-hero__title">Welcome to InfoZone Forum</h1>
      </div>
    </div>
  </section>

  <section class="iz-ads-row" aria-label="Top advertisements">
    <div class="iz-adslot">
      <div class="iz-adslot__inner">
        <div class="iz-adslot__meta">
          {% if IZ_ADS is defined and IZ_ADS.index_top_1 %}{{ IZ_ADS.index_top_1|raw }}{% else %}<strong>Place your ad here</strong><small>360×120</small>{% endif %}
        </div>
        <span class="iz-adslot__badge">Ad</span>
      </div>
    </div>
    <div class="iz-adslot">
      <div class="iz-adslot__inner">
        <div class="iz-adslot__meta">
          {% if IZ_ADS is defined and IZ_ADS.index_top_2 %}{{ IZ_ADS.index_top_2|raw }}{% else %}<strong>Place your ad here</strong><small>360×120</small>{% endif %}
        </div>
        <span class="iz-adslot__badge">Ad</span>
      </div>
    </div>
    <div class="iz-adslot">
      <div class="iz-adslot__inner">
        <div class="iz-adslot__meta">
          {% if IZ_ADS is defined and IZ_ADS.index_top_3 %}{{ IZ_ADS.index_top_3|raw }}{% else %}<strong>Place your ad here</strong><small>360×120</small>{% endif %}
        </div>
        <span class="iz-adslot__badge">Ad</span>
      </div>
    </div>
  </section>

  {% INCLUDE 'forumlist_body.html' %}

  <section class="iz-ads-row" aria-label="Advertisements after categories">
    <div class="iz-adslot">
      <div class="iz-adslot__inner">
        <div class="iz-adslot__meta">
          {% if IZ_ADS is defined and IZ_ADS.index_after_forums_1 %}{{ IZ_ADS.index_after_forums_1|raw }}{% else %}<strong>Place your ad here</strong><small>360×120</small>{% endif %}
        </div>
        <span class="iz-adslot__badge">Ad</span>
      </div>
    </div>
    <div class="iz-adslot">
      <div class="iz-adslot__inner">
        <div class="iz-adslot__meta">
          {% if IZ_ADS is defined and IZ_ADS.index_after_forums_2 %}{{ IZ_ADS.index_after_forums_2|raw }}{% else %}<strong>Place your ad here</strong><small>360×120</small>{% endif %}
        </div>
        <span class="iz-adslot__badge">Ad</span>
      </div>
    </div>
    <div class="iz-adslot">
      <div class="iz-adslot__inner">
        <div class="iz-adslot__meta">
          {% if IZ_ADS is defined and IZ_ADS.index_after_forums_3 %}{{ IZ_ADS.index_after_forums_3|raw }}{% else %}<strong>Place your ad here</strong><small>360×120</small>{% endif %}
        </div>
        <span class="iz-adslot__badge">Ad</span>
      </div>
    </div>
  </section>

  <section class="iz-prefooter__block" aria-label="Featured topics">
    <h3 style="margin:0 0 6px;">Featured Topics</h3>
    <p style="margin:0 0 12px; color: var(--iz-muted);">Most read in the last 30 days</p>

    {% if IZ_FEATURED_TOPICS is defined and IZ_FEATURED_TOPICS|length %}
      <ul style="margin:0; padding-left: 18px;">
        {% for t in IZ_FEATURED_TOPICS %}
          <li style="margin: 8px 0;">
            <a href="{{ t.U_VIEW_TOPIC }}">{{ t.TOPIC_TITLE }}</a>
            <span style="color: var(--iz-muted);"> — {{ t.TOPIC_VIEWS }} views · {{ t.TOPIC_REPLIES }} replies</span>
          </li>
        {% endfor %}
      </ul>
      <p style="margin:12px 0 0;">
        <a href="{{ U_SEARCH_ACTIVE_TOPICS }}">View more trending topics →</a>
      </p>
    {% else %}
      <p style="margin:0;">
        <a href="{{ U_SEARCH_ACTIVE_TOPICS }}">Active topics</a> ·
        <a href="{{ U_SEARCH_UNANSWERED }}">Unanswered topics</a> ·
        <a href="{{ U_SEARCH_NEW }}">New posts</a>
      </p>
    {% endif %}
  </section>

  <section class="iz-prefooter__block" aria-label="Advertise with us" style="margin-top: 14px;">
    <h3 style="margin:0 0 6px;">Advertise with Us</h3>
    <p style="margin:0 0 12px;">Submit your request to display ads on InfoZone Forum and pay conveniently online.</p>
    <p style="margin:0;">
      <a class="button1 iz-btn iz-btn--primary" href="{{ IZ_ADVERTISE_URL|default(U_CONTACT|default(U_INDEX)) }}" role="button">Submit Ad Request</a>
    </p>
  </section>

  <section class="iz-ads-row" aria-label="Advertisements before footer">
    <div class="iz-adslot">
      <div class="iz-adslot__inner">
        <div class="iz-adslot__meta">
          {% if IZ_ADS is defined and IZ_ADS.index_before_footer_1 %}{{ IZ_ADS.index_before_footer_1|raw }}{% else %}<strong>Place your ad here</strong><small>360×120</small>{% endif %}
        </div>
        <span class="iz-adslot__badge">Ad</span>
      </div>
    </div>
    <div class="iz-adslot">
      <div class="iz-adslot__inner">
        <div class="iz-adslot__meta">
          {% if IZ_ADS is defined and IZ_ADS.index_before_footer_2 %}{{ IZ_ADS.index_before_footer_2|raw }}{% else %}<strong>Place your ad here</strong><small>360×120</small>{% endif %}
        </div>
        <span class="iz-adslot__badge">Ad</span>
      </div>
    </div>
    <div class="iz-adslot">
      <div class="iz-adslot__inner">
        <div class="iz-adslot__meta">
          {% if IZ_ADS is defined and IZ_ADS.index_before_footer_3 %}{{ IZ_ADS.index_before_footer_3|raw }}{% else %}<strong>Place your ad here</strong><small>360×120</small>{% endif %}
        </div>
        <span class="iz-adslot__badge">Ad</span>
      </div>
    </div>
  </section>

</main>

{% INCLUDE 'overall_footer.html' %}