<footer class="footers">
    <div class="sizeCenterElm">
        <div class="columns cell">
            <div class="head-footer small-12 columns">

                <h3 class="title-socmed">{{ trans("theme::page.sitemap")}}</h3>
                <div class="foterSoc columns no-padding">
                    <ul class="footer-socmed">
                        <li><a href="{{ variable_group('social_media').twitter }}" class="fa fa-twitter"></a></li>
                        <li><a href="{{ variable_group('social_media').facebook }}" class="fa fa-facebook"></a></li>
                        <li><a href="{{ variable_group('social_media').instagram }}" class="fa fa-instagram"></a></li>
                        <li><a href="https://www.youtube.com/channel/UC1aOQfR38fYxzYLnKzAagBA" class="fa fa-youtube"></a></li>
                    </ul>
                    <h1 class="logo">
                        <img src="{{ image_url('theme::img/logo-footer.png') }}" alt="FUJIFILM INDONESIA" />
                    </h1>
                </div>

            </div>
        </div>
        <div class="columns cell">
            <div class="body-footer columns">
                <ul class="medium-block-grid-7">
                    {% for productCategories in entries('products', 'categories').get() %}
                    

                    <li>
                        <a href="{{ url('product/' ~ productCategories.slug) }}">{{ productCategories.title }}</a>
                        <ul>
                        
                            {% for products in entries('products', 'camera').where('product_category_id', productCategories.id).get() %}
                                {# {% if productCategories ==  'X-Series: Premium Compact' %} #}
                                
                                {# {% endif %} #}
                                <li>
                                    <a href="{{ url('product/' ~ productCategories.slug ~ '/' ~ products.slug) }}">{{ products.title }}</a>
                                </li>
                            {% endfor %}
                            {% if productCategories.title == "X-Series: Premium Compact" %}
                            <li>
                                <a href="https://fujifilm-x.com/id-id/products/cameras/x100v/">X-100V</a>
                            </li>
                            {% endif %}

                            {% if productCategories.title == "X-Series: Mirrorless" %}
                            <li>
                                <a href="https://fujifilm-x.com/id-id/products/cameras/x-pro3/">X-Pro3</a>
                            </li>
                            <li>
                                <a href="https://fujifilm-x.com/id-id/products/cameras/x-t4/">X-T4</a>
                            </li>
                            <li>
                                <a href="https://fujifilm-x.com/id-id/products/cameras/x-t30/">X-T30</a>
                            </li>
                            <li>
                                <a href="https://fujifilm-x.com/id-id/products/cameras/x-t200/">X-T200</a>
                            </li>
                            <li>
                                <a href="https://fujifilm-x.com/id-id/products/cameras/x-a7/">X-A7</a>
                            </li>
                            {% endif %}
                        </ul>
                    </li>

                    {% endfor %}
                </ul>
            </div>
            <div class="sitemap">
                <ul>
                {% for link in links('footer').get() %}

                    <li><a href="{{ link.url }}">{{ link.title }}</a></li>

                {% endfor %}
                </ul>
            </div>
        </div>
        <div class="columns cell">
            <p>
                &copy;2018 @Fujifilm Corporation. All Rights Reserved
            </p>
        </div>
    </div>
</footer>
<footer class="footers-mobile">
    <div class="sizeCenterElm">
        <div class="columns cell">
            <div class="small-12 columns">
                <ul class="footerMenunya footerAccordion">
                    {% for productCategories in entries('products', 'categories').get() %}

                    <li>
                        <a>{{ productCategories.title }}</a>
                        <ul>
                            {% for products in entries('products', 'camera').where('product_category_id', productCategories.id).get() %}
                                <li>
                                    <a href="{{ url('product/' ~ productCategories.slug ~ '/' ~ products.slug) }}">{{ products.title }}</a>
                                </li>
                            {% endfor %}
                            {% if productCategories.title == "GFX" %}
                            <li>
                                <a href="https://fujifilm-x.com/id-id/products/cameras/x100v/">X-100V</a>
                            </li>
                            {% endif %}
                        </ul>
                    </li>

                    {% endfor %}
                    
                </ul>
                <ul class="footerMenunya">
                {% for link in links('footer').get() %}

                    <li><a href="{{ link.url }}">{{ link.title }}</a></li>

                {% endfor %}
                </ul>
            </div>
        </div>
        <div class="columns cell">
            <div class="head-footer small-12 columns">
                <div class="foterSoc columns no-padding">
                    <ul class="footer-socmed">
                        <li><a href="{{ variable_group('social_media').twitter }}" class="fa fa-twitter"></a></li>
                        <li><a href="{{ variable_group('social_media').facebook }}" class="fa fa-facebook"></a></li>
                        <li><a href="{{ variable_group('social_media').instagram }}" class="fa fa-instagram"></a></li>
                        <li><a href="https://www.youtube.com/channel/UC1aOQfR38fYxzYLnKzAagBA" class="fa fa-youtube"></a></li>
                    </ul>
                    <h1 class="logo">
                        <img src="{{ image_url('theme::img/logo-footer.png') }}" alt="FUJIFILM INDONESIA" />
                    </h1>
                    <p>
                        &copy;2018 @Fujifilm Corporation. All Rights Reserved
                    </p>
                </div>
            </div>
        </div>
    </div>
</footer>