[viewBag]
==
<!-- collections-area start here -->
   <section class="collections-area darkbg">
      <div class="container">
        {% if backendLoggedIn and editMode %}
        <a style="position:relative;top:0;left:0;border-radius:0;z-index:10000000;width:150px;" class="btn btn-success btn-sm" href="{{ url('/') }}{{ backendUri }}/webmors/webconfig/newpages/update/3" role="button" target="_blank">Edit collections text</a>
        {% endif %}
         <div class="collections-content text-center">
            <h3 class="h3-text wow fadeInUp">Experience our</h3>
            <h2 class="h2-text wow fadeInUp">Collections</h2>
            <p class="wow fadeInUp">{{ pageDetail.home_new_text|raw }}</p>
         </div>
        {% if backendLoggedIn and editMode %}
        <a style="position:relative;top:0;left:0;border-radius:0;z-index:10000000;width:150px;" class="btn btn-success btn-sm" href="{{ url('/') }}{{ backendUri }}/webmors/nezasadiscovery/collections" role="button" target="_blank">Edit collections</a>
        {% endif %}
         {% set break = 0 %}
         {% for collection in collectionList if not break or showAll %}
             {% if loop.index > 2 %}
                 {% set break = 1 %}
             {% endif %}
         <div class="row">
             {% set colCounter = loop.index %}
            <div class="collection-image-div {% if colCounter % 2 %} rounded-div {% else %} rounded-div2 order-1 order-md-3 {% endif %} wow zoomIn col-md-4 col-12 p-3">
               <a href="/search/{{ collection.slug }}">
                  <img class="w-100" src="{{ collection.image|media }}" alt="image">
                  <h2 class="collection-h2 UberMove-medium">{{ collection.title }}</h2>
               </a>
            </div>
            {% for product in collection.products|slice(0,2) %}
            <div class="collection-image-div overlay wow zoomIn col-md-4 col-12 p-3 {% if colCounter % 2 %}{% else %} order-{{ loop.index+1 }} order-md-{{ 3-loop.index }} {% endif %}">
               <a href="{{ 'trip'|page({ slug:product.slug}) }}">
                  <img class="w-100" src="{{ product.image }}" alt="{{ product.title }}">
                  <h4 class="collection-h4">{{ product.title }}</h4>
               </a>
            </div>
            {% endfor %}
         </div>
         {% endfor %}
         {% if not showAll %}
             {% partial 'main-site/searchCollections' collections=collectionList %}
         {% endif %}
      </div>
   </section>