[viewBag]

[builderList featuredList]
modelClass = "Webmors\Nezasadiscovery\Models\Product"
scope = "scopeFeatured"
scopeValue = "{{ :scope }}"
displayColumn = "id"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"
==
{% set featured = featuredList.records %}
{% if footerOffers %}
{% for feature in featured|slice(0,6) if feature.title %}
<div class="col-6 p-1">
    <a href="{{ 'trip'|page({slug:feature.slug}) }}" class="d-block wow fadeInUp">
      <img src="{{ feature.image }}" alt="{{ feature.title }}" style="max-width: 100%; max-height: 100%; object-fit:cover">
    </a>
</div>
{% endfor %}
{% else %}
<!-- offers-area start here -->
   <section class="offers-area lightbg">
      <div class="container">
         <div class="row align-items-end">
            <div class="col-lg-6 order-2 order-lg-0 mt-sm-4 pt-sm-2 mt-lg-0 pt-lg-0">
               {% if featured|length > 0 and featured.0.title %}
               <div class="offers-section">
                  <a href="{{ 'trip'|page({slug:featured.0.slug}) }}">
                     <figure class="offers-images-div rounded-images wow fadeInUp">
                        <img class="w-100" src="{{ featured.0.image }}" alt="image">
                        <figcaption class="UberMove-medium">{{ featured.0.title }}</figcaption>
                     </figure>
                  </a>
               </div>
               {% endif %}
               <div class="row pdng-row1">
                  {% if featured|length > 1 and featured.1.title %}
                  <div class="col-lg-6 col-sm-6">
                     <div class="offers-section mb-4 mb-sm-0 pb-2 pb-sm-0">
                          <a href="{{ 'trip'|page({slug:featured.1.slug}) }}">
                           <figure class="offers-images-div offers-images-div2 wow zoomIn">
                              <img class="w-100" src="{{ featured.1.image }}" alt="image">
                              <figcaption class="UberMove-medium">{{ featured.1.title }}</figcaption>
                           </figure>
                        </a>
                     </div>
                  </div>
                  {% endif %}
                  {% if featured|length > 2 and featured.2.title %}
                  <div class="col-lg-6 col-sm-6">
                     <div class="offers-section">
                         <a href="{{ 'trip'|page({slug:featured.2.slug}) }}">
                           <figure class="offers-images-div offers-images-div2 wow zoomIn">
                              <img class="w-100" src="{{ featured.2.image }}" alt="image">
                              <figcaption class="UberMove-medium">{{ featured.2.title }}</figcaption>
                           </figure>
                        </a>
                     </div>
                  </div>
                  {% endif %}
               </div>
            </div>
            <div class="col-lg-6 order-1 order-lg-0">
               <div class="offers-content collections-content text-center">
                  <h3 class="h3-text wow fadeInUp">Featured</h3>
                  <h2 class="h2-text wow fadeInUp" style="color: #218ABD;">Offers</h2>
                  <p class="text-start wow fadeInUp">Lorem Ipsum is simply dummy text of the printing and typesetting
                     industry. Lorem Ipsum has been the industry's standard dummy text ever since the
                     1500s, when an unknown printer took a galley of type and scrambled Lorem Ipsum is simply dummy text
                     of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text
                     ever since the </p>
               </div>
               <div class="row">
                  {% if featured|length > 3 and featured.3.title %}
                  <div class="col-lg-6 col-sm-6">
                     <div class="offers-section mb-4 mb-sm-0 pb-2 pb-sm-0 h-100">
                        <a href="{{ 'trip'|page({slug:featured.3.slug}) }}" class="h-100">
                           <figure class="offers-images-div offers-images-div2 h-100 wow fadeInUp">
                              <img class="w-100 h-100" src="{{ featured.3.image }}" alt="image">
                              <figcaption class="UberMove-medium">{{ featured.3.title }}</figcaption>
                           </figure>
                        </a>
                     </div>
                  </div>
                  {% endif %}
                  <div class="col-lg-6 col-sm-6">
                     <div class="d-flex flex-wrap h-100 explore-places-flex">
                        {% if featured|length > 4 and featured.4.title %}
                        <div class="offers-section w-100">
                           <a href="{{ 'trip'|page({slug:featured.4.slug}) }}">
                              <figure class="offers-images-div offers-images-div2 wow zoomIn">
                                 <img class="w-100" src="{{ featured.4.image }}" alt="image">
                                 <figcaption class="UberMove-medium">{{ featured.4.title }}</figcaption>
                              </figure>
                           </a>
                        </div>
                        {% endif %}
                        {% if featured|length > 5 and featured.5.title %}
                        <div class="offers-section w-100 mb-4 mb-sm-0 pb-2 pb-sm-0">
                           <a href="{{ 'trip'|page({slug:featured.5.slug}) }}">
                              <figure class="offers-images-div offers-images-div2 rounded-images-last wow zoomIn">
                                 <img class="w-100" src="{{ featured.5.image }}" alt="image">
                                 <figcaption class="UberMove-medium">{{ featured.5.title }}</figcaption>
                              </figure>
                           </a>
                        </div>
                      {% endif %}
                     </div>
                  </div>
               </div>
            </div>
         </div>
          {% if featured|length > 6 and allFeatured %}
          <div class="row">
              {% for feature in featured|slice(6) if featured.title %}
              <div class="col-lg-4 col-sm-6 p-3">
                 <div class="offers-section mb-4 mb-sm-0 pb-2 pb-sm-0 h-100">
                    <a href="{{ 'trip'|page({slug:feature.slug}) }}" class="h-100">
                       <figure class="offers-images-div offers-images-div2 h-100 wow fadeInUp">
                          <img class="w-100 h-100" src="{{ feature.image }}" alt="image">
                          <figcaption class="UberMove-medium">{{ feature.title }}</figcaption>
                       </figure>
                    </a>
                 </div>
              </div>
              {% endfor %}
          </div>
          {% endif %}
      </div>
   </section>
{% endif %}