<!doctype html>
<html class="no-js" lang="en" dir="ltr">
<head>
    {% include "theme::partials/metadata" %}
    {{ asset_add("product.css", "theme::css/slider.css") }}
    {{ asset_add("product.css", "theme::css/owlc.css") }}
    {{ asset_add("product.css", "theme::css/fujivideopopup.css") }}
    {{ asset_style("product.css", ["min"]) }}

    <link rel="stylesheet" media="screen and (min-device-width: 320px) and (max-device-width: 860px)" href="{{ asset_url("theme::css/hamburgers.css") }}">
</head>
<body>

{% include "theme::partials/navigation" %}

    <section class="grid-container full columns">
        <section class="grid-x">

            {% set category = entries('products', 'categories').where('slug', request_segment(2)).first() %}

            <section class="bgShadowht specialPage cell columns">
                {# include template banner product #}
                {% include "templates::product-landing/product-banner-section" %}

                {# include template list product kamera #}
                {% set camera = entries('products', 'camera').where('product_category_id', category.id).get() %}
                {%
                    include "templates::product-landing/product-list"
                    with {
                        'cameras': camera
                    }
                %}

                {# include template list product lensa #}
                {% include "templates::product-landing/product-list-lense" %}

            </section>
            
            {# include template product video bg #}
            {% include "templates::product-landing/product-video-background" %}

            {# include template product gallery #}
            {% include "templates::product-landing/product-gallery" %}

            {# include template product related article #}
            {% include "templates::product-landing/related-article-news" %}
            
        </section>
    </section>
    {% include "theme::partials/footer" %}
    {% include "theme::partials/scripts" %}
    <script src="{{ asset_url("theme::js/slider.js") }}"></script>
    <script src="{{ asset_url("theme::js/owlc.js") }}"></script>
    <script src="{{ asset_url("theme::js/fujivideopopup.jquery.js") }}"></script>
    <script type="text/javascript">
        global();
        product();
        $(document).ready(function(){
            $('a.ic-video').YouTubePopUp();
        });
    </script>
   </body>
</html>
