{% set navItems = [
    {
        label:"Shop", href:"#", class:"",
        subItemsMultiDropdown: [
            {
                catLabel:"Mobile", href:"#", class:"",
                iconName:"mobility",
                subdropdownItems: [
                    {
                        label:"Explore Mobile section", href:"#", class:"",
                        listItems: [
                            { label:"Plans", href:"#", class:"font-weight-bold" },
                            { label:"Mobile plans", href:"#", class:"" },
                            { label:"Mobile options", href:"#", class:"" },
                            { label:"Tablet plans", href:"#", class:"" },
                            { label:"Family plans", href:"#", class:"" },
                            { label:"Multiline Mobile plans", href:"#", class:"" },
                            { label:"Shop by budget", href:"#", class:"font-weight-bold" },
                        ],

                    },
                    {
                        label:"Mobile devices", href:"#", class:"",
                        listItems: [
                            { label:"Mobile phones", href:"#", class:"" },
                            { label:"Bring you own phone", href:"#", class:"" },
                            { label:"Exhcange your phone", href:"#", class:"" },
                            { label:"Phone protection", href:"#", class:"" },
                            { label:"Tablets", href:"#", class:"" },
                            { label:"Mobile accessories", href:"#", class:"font-weight-bold" },
                        ]
                    },
                    {
                        listItems: [
                            { label:"Promotions", href:"#", class:"font-weight-bold" },
                            { label:"Coverage and mobile network", href:"#", class:"font-weight-bold" },
                            { label:"Travel", href:"#", class:"font-weight-bold" },
                            { label:"Wi-Fi calling", href:"#", class:"font-weight-bold" },
                            { label:"Club illico mobile", href:"#", class:"font-weight-bold" },
                            { label:"User Centre +", href:"#", class:"font-weight-bold" },
                        ]
                    },
                ],
                mega: [
                    {imgSrc: "https://source.unsplash.com/400x250/?nature", imgAlt: "Thumbnail", href: "#", title: "Videotron the community Forum", text: "Lorem ipsum dolor sit amet promotion apendiscing consectetur apendiscing elit."},
                    {imgSrc: "https://source.unsplash.com/400x250/?nature", imgAlt: "Thumbnail", href: "#", title: "Change for HElix", text: "Lorem ipsum dolor sit amet promotion apendiscing consectetur apendiscing elit."},
                ]
            },
            {
                catLabel:"Multi-product bundles", href:"#", class:"",
                iconName:"multi-product",
                subdropdownItems: [
                    {
                        label:"Helix plans", href:"#", class:"",
                        listItems: [
                            { label:"The Helix experience", href:"#", class:"font-weight-bold" },
                            { label:"Helix TV", href:"#", class:"" },
                            { label:"Helix Internet", href:"#", class:"" },
                        ]
                    },
                    {
                        label:"Other custom bundles", href:"#", class:"",
                        listItems: []
                    },
                    {
                        label:"Promotions", href:"#", class:"",
                        listItems: []
                    },
                ],
                mega: [
                    {imgSrc: "https://source.unsplash.com/400x250/?nature", imgAlt: "Thumbnail", href: "#", title: "Videotron the community Forum", text: "Lorem ipsum dolor sit amet promotion apendiscing consectetur apendiscing elit."},
                    {imgSrc: "https://source.unsplash.com/400x250/?nature", imgAlt: "Thumbnail", href: "#", title: "Change for HElix", text: "Lorem ipsum dolor sit amet promotion apendiscing consectetur apendiscing elit."},
                ]
            },
            {
                catLabel:"Internet", href:"#", class:"",
                iconName:"internet-residential",
                subdropdownItems: [
                    {
                        label:"Helix Internet plans", href:"#", class:"",
                        listItems: [
                            { label:"Helix internet", href:"#", class:"font-weight-bold" },
                            { label:"The Helix experience", href:"#", class:"font-weight-bold" },
                            { label:"Helix equipment", href:"#", class:"" },
                        ]
                    },
                    {
                        label:"Other Internet plans", href:"#", class:"",
                        listItems: []
                    },
                    {
                        label:"Promotions", href:"#", class:"",
                        listItems: []
                    },
                ],
                mega: [
                    {imgSrc: "https://source.unsplash.com/400x250/?nature", imgAlt: "Thumbnail", href: "#", title: "Videotron the community Forum", text: "Lorem ipsum dolor sit amet promotion apendiscing consectetur apendiscing elit."},
                    {imgSrc: "https://source.unsplash.com/400x250/?nature", imgAlt: "Thumbnail", href: "#", title: "Change for HElix", text: "Lorem ipsum dolor sit amet promotion apendiscing consectetur apendiscing elit."},
                ]
            },
            {
                catLabel:"Television", href:"#", class:"",
                iconName:"television",
                subdropdownItems: [
                    {
                        label:"Helix plans", href:"#", class:"",
                        listItems: [
                            { label:"Helix TV", href:"#", class:"font-weight-bold" },
                            { label:"The Helix experience", href:"#", class:"font-weight-bold" },
                            { label:"Your entertainement at a glance", href:"#", class:"" },
                            { label:"Entertainment platforms", href:"#", class:"" },
                        ]
                    },
                    {
                        label:"Other TV packages", href:"#", class:"",
                        listItems: []
                    },
                    {
                        label:"Club illico", href:"#", class:"",
                        listItems: []
                    },
                ],
                mega: [
                    {imgSrc: "https://source.unsplash.com/400x250/?nature", imgAlt: "Thumbnail", href: "#", title: "Videotron the community Forum", text: "Lorem ipsum dolor sit amet promotion apendiscing consectetur apendiscing elit."},
                    {imgSrc: "https://source.unsplash.com/400x250/?nature", imgAlt: "Thumbnail", href: "#", title: "Change for HElix", text: "Lorem ipsum dolor sit amet promotion apendiscing consectetur apendiscing elit."},
                ]
            },
            {
                catLabel:"Telephony", href:"#", class:"",
                iconName:"telephony-residential",
                subdropdownItems: [
                    {
                        label:"Explore the Residential Telephone section", href:"#", class:"",
                        listItems: [
                            { label:"Home phone plans", href:"#", class:"font-weight-bold" },
                            { label:"Long distance", href:"#", class:"font-weight-bold" },
                            { label:"À la carte options", href:"#", class:"font-weight-bold" },
                        ]
                    },
                    {
                        label:"Promotions", href:"#", class:"",
                        listItems: []
                    }
                ],
                mega: [
                    {imgSrc: "https://source.unsplash.com/400x250/?nature", imgAlt: "Thumbnail", href: "#", title: "Videotron the community Forum", text: "Lorem ipsum dolor sit amet promotion apendiscing consectetur apendiscing elit."},
                    {imgSrc: "https://source.unsplash.com/400x250/?nature", imgAlt: "Thumbnail", href: "#", title: "Change for HElix", text: "Lorem ipsum dolor sit amet promotion apendiscing consectetur apendiscing elit."},
                ]
            },
        ],
    },
    {
        label:"Support", href:"#", class:"",
        subItems: [
            {
                subItems: [
                    { label:"Explore support section", href:"#", class:"font-weight-bold" },
                    { label:"Account and invoice", href:"#", class:"font-weight-bold" },
                    { label:"Mobile", href:"#", class:"font-weight-bold" },
                    { label:"Internet", href:"#", class:"font-weight-bold" },
                    { label:"Television", href:"#", class:"font-weight-bold" },
                    { label:"Telephony", href:"#", class:"font-weight-bold" },
                    { label:"Helix", href:"#", class:"font-weight-bold" },
                ]
            },
            {
                label:"Your Customer Centre", href:"#", class:"",
                subItems: [
                    { label:"Your profile", href:"#", class:"" },
                    { label:"Your Internet usage", href:"#", class:"" },
                    { label:"Your mobile usage", href:"#", class:"" },
                ]
            },
            {
                subItems: [
                    { label:"My Helix Account", href:"#", class:"font-weight-bold" },
                    { label:"We recycle program", href:"#", class:"font-weight-bold" },
                ]
            },
            {
                label:"Frequently asked questions", href:"#", class:"",
                subItems: [
                    { label:"How do I reset my voicemail PIN?", href:"#", class:"" },
                    { label:"How do I know when I've reached my data overage limits?", href:"#", class:"" },
                    { label:"How do I program my new illico remote?", href:"#", class:"" },
                    { label:"How do I sign up for the online invoicing service?", href:"#", class:"" },
                    { label:"View all questions", href:"#", class:"link" },
                ]
            },
        ],
        mega: [
            {imgSrc: "https://source.unsplash.com/400x250/?nature", imgAlt: "Thumbnail", href: "#", title: "Videotron the community Forum", text: "Lorem ipsum dolor sit amet promotion apendiscing consectetur apendiscing elit."},
            {imgSrc: "https://source.unsplash.com/400x250/?nature", imgAlt: "Thumbnail", href: "#", title: "Change for HElix", text: "Lorem ipsum dolor sit amet promotion apendiscing consectetur apendiscing elit."},
        ]
    },
    {
        label:"Customer centre", href:"#", class:"",
        subItems: [
            {
                label:"Account and invoice", href:"#", class:"",
                subItems: [
                    { label:"View your invoice", href:"#", class:"" },
                    { label:"Sign up for online billing", href:"#", class:"" },
                    { label:"Change your address", href:"#", class:"" }
                ]
            },
            {
                label:"My Helix account and billing", href:"#", class:"",
                subItems: [
                    { label:"View your Helix invoice", href:"#", class:"" },
                    { label:"View your Helix services", href:"#", class:"" }
                ]
            },
            {
                label:"Mobile", href:"#", class:"",
                subItems: [
                    { label:"View your usage", href:"#", class:"" },
                    { label:"Add a data add-on", href:"#", class:"" },
                    { label:"Internet", href:"#", class:"font-weight-bold" },
                    { label:"View your usage", href:"#", class:"" },
                    { label:"Add a data add-on", href:"#", class:"" },
                ]
            },
        {
            label:"Television", href:"#", class:"",
            subItems: [
                { label:"Record a show remotely", href:"#", class:"" },
                { label:"Modify your channel selection", href:"#", class:"" },
                { label:"Telephony", href:"#", class:"font-weight-bold" },
                { label:"Customize your options", href:"#", class:"" },
                { label:"Reset your voicemail PIN", href:"#", class:"" },
                { label:"Download the UC+ app", href:"#", class:"font-weight-bold" },
            ]
        },
        ],
            mega: [
            {imgSrc: "https://source.unsplash.com/400x250/?nature", imgAlt: "Thumbnail", href: "#", title: "Connect and subscribe to the Customer Centre", text: "Lorem ipsum dolor sit amet promotion apendiscing consectetur apendiscing elit."},
            {imgSrc: "https://source.unsplash.com/400x250/?nature", imgAlt: "Thumbnail", href: "#", title: "My Helix Account", text: "Lorem ipsum dolor sit amet promotion apendiscing consectetur apendiscing elit."},
        ]
    },
] %}

{% set hasAccountBtn    = hasAccountBtn|json_parse %}
{% set logo             = logo|json_parse %}
{% set isConnected      = isConnected|json_parse %}

{% include '@bf-components/navigation-header/twig/index.twig' with {
    hasTopBar               : hasTopBar|json_parse|default(true),
    topBar                  : {
        items                   : topBar_items|json_parse|default([]),
        secondaryItems          : topBar_secondaryItems|json_parse|default([]),
    },
    rigthIconLinks          : rigthIconLinks|json_parse|default([]),
    logo                    : logo,
    search                  : {
        placeholder             : placeholder|default('What are you looking for?')
    },
    navItems                : navItems,
    hasAccountBtn           : hasAccountBtn|json_parse|default(false),
    hasMiniCartBtn          : hasMiniCartBtn|json_parse|default(false),
    hasNoSearchBtn          : hasNoSearchBtn|json_parse|default(false),
    reversed                : reversed|json_parse|default(false),
    langcode                : langcode|default('EN')
} %}