[viewBag]

[builderList]
modelClass = "Webmors\Catalog\Models\Product"
scope = "scopeProducts"
scopeValue = 1
displayColumn = "id"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"

[staticMenu]
code = "main-menu"
==
<footer class="footer__area">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="footer__identity">
                    <a href="#"><img src="{{ 'assets/img/footer__logo.png'|theme }}"
                            alt=""></a>
                </div>
            </div>
            <div class="col-md-5">
                <div class="footer__widget">
                    <div class="footer__contact">
                        <div class="footer__content" id="subscribefooter">
                            <h4>Subscribe</h4>
                            <p>Subscribe to our newsletter to get
                                regular updates and blog posts.</p>
                        </div>
                        <div class="footer__mail">
                             {% component 'newsletterForm' %}
                        </div>
                    </div>
                </div>
                <div class="footer__widget">
                    <div class="footer__contact">
                        <div class="footer__contact__content">
                            {% for email in commonDetail.email_repeater %}
                            <a href="mailto:{{ email.email }}">{{ email.email|title }}</a>
                            {% endfor %}
                        </div>
                        <div class="footer__contant__number">
                            {% for phone in commonDetail.phone_repeater %}
                            <a href="tel:{{ phone.phone }}">{{ phone.title }} {{ phone.phone }}</a>
                            {% endfor %}
                        </div>
                        <div class="footer__social__blk">
                            {% for social in commonDetail.social_repeater %}
                            <a href="{{ social.link }}" target=_blank rel="noopener"><i class="fab {{ social.channel }}" style="font-size: 40px;"></i></a>
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="footer__widget">
                    <div class="footer__content">
                    {% if staticMenu.menuItems %}
                        {% set items = staticMenu.menuItems %}
                        {% set count = 0 %}
                        {% for item in items %}
                        {% if item.code == 'about' %}
                            <h4>{{ item.title }}</h4>
                            <ul>
                            {% for subitem in item.items %}
                                <li><a href="{{ subitem.url }}">{{ subitem.title }}</a></li>
                            {% endfor %}
                            </ul>
                        {% endif %}
                        {% endfor %}
                    {% endif %}
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="footer__widget">
                    <div class="footer__content">
                    {% if staticMenu.menuItems %}
                        {% set items = staticMenu.menuItems %}
                        {% set count = 0 %}
                        {% for item in items %}
                        {% if item.code == 'destinations' %}
                            <h4>{{ item.title }}</h4>
                            <ul>
                            {% for mainitem in item.items %}
                                {% for subitem in mainitem.items|slice(0,1) %}
                                    <li><a href="{{ subitem.url }}">{{ mainitem.title }}</a></li>
                                {% endfor %}
                            {% endfor %}
                            </ul>
                        {% endif %}
                        {% endfor %}
                    {% endif %}
                    </div>
                </div>
            </div>
            {#
            <div class="col-xl-8">
                <div class="footer__content__area">
                    <div class="row">
                        <div class="col-md-3 col-sm-6">
                            <div class="footer__widget">
                                <div class="footer__content">
                                    <h4>Information</h4>
                                    <div class="footer__list">
                                        <ul>
                                            <li><a href="{{ 'about-us'|page }}">About Us</a></li>
                                            <li><a href="{{ 'services'|page }}">Our services</a></li>
                                            <li><a href="{{ 'careers'|page }}">Careers</a></li>
                                            <li><a href="{{ 'terms-and-conditions'|page }}">Terms and
                                                    conditions</a></li>
                                            <li><a href="{{ 'privacy-policy'|page }}">Privacy &
                                                    cookie policy</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="footer__widget">
                                <div class="footer__content">
                                    <h4>For customers & partners </h4>
                                    <div class="footer__list">
                                        <ul>
                                            <li><a href="#">Make an
                                                    enquiry</a></li>
                                            <li><a href="#">Share your
                                                    Caribbean
                                                    experiences</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="footer__widget">
                                <div class="footer__content">
                                    <h4>For Suppliers and Trade
                                        (sellers) </h4>
                                    <div class="footer__list">
                                        <ul>
                                            <li><a href="#">Become an
                                                    Affiliate</a></li>
                                            <li><a href="#">Become a
                                                    Supplier (hotels,
                                                    villas, etc.)</a></li>
                                            <li><a href="#">Register as
                                                    a Travel Agent</a></li>
                                            <li><a href="#">Media Pack</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="footer__widget">
                                <div class="footer__content">
                                    <h4>Destinations</h4>
                                    <div class="footer__list">
                                        <ul>
                                        {% for product in builderList.records %}
                                         {% set sectionFirst = product.sections|first %}
                                         {% for section in product.sections if section.tabsection.sectionslug == 'overview' %}
                                             {% set sectionFirst = section %}
                                         {% endfor %}                                     
                                         <li><a href="{{ 'travel-new'|page( {catslug:product.category.catslug, slug:product.slug, contentslug:sectionFirst.contentslug} ) }}">{{ product.title }}</a></li>
                                        {% endfor %}
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            #}
        </div>
        <div class="copyright__area">
            <div class="row">
                <div class="col-lg-12">
                    <p><a href="{{ 'terms-and-conditions'|page }}">Terms and conditions</a> | <a href="{{ 'privacy-policy'|page }}">Privacy & cookie policy</a><br>© {{ "now"|date("Y") }} Caribbean Travel & Tours. All right
                        reserved.</p>
                </div>
            </div>
        </div>
    </div>
</footer>