<%
let link = {
    type: 'link',
    label: 'accès direct'
}

let sublink = { label: 'Lien de navigation' };

let items = [sublink, sublink, sublink, sublink, sublink, sublink];

let menu = {
    type: 'menu',
    label: 'Entrée menu',
    items: items,
}


let itemsAct = items.slice();
itemsAct[3] = { ...sublink, active: true }

let active = {
    ...menu,
    active: true,
    label: 'Entrée menu active',
    items: itemsAct
};

let category = {
    name: 'Nom de catégorie',
    items: items
}

let mega = {
    type: 'mega-menu',
    label: 'Entrée mega menu',
    close: 'Fermer le menu',
    leader: {
        title: 'Titre éditorialisé',
        pTpl: 'typography/tests/samples/p',
        p: { size: 'sm' },
        link: {
            text: 'Voir toute la rubrique'
        }
    },
    categories: [
        category,
        category,
        { ...category, items: itemsAct },
        category
    ]
}

let mega2 = {
    ...mega,
    leader: undefined,
    categories: [
        { ...category, href: true },
        { ...category, href: true },
        { ...category, active: true },
        { ...category, href: true },
    ]
}

let data = {
    id: locals.id || 'navigation',
    items: locals.min === true ? [link, link, link, link] : [menu, mega, link, active, mega, link, mega2, menu]
}
%>

<%- include('../templates/navigation.ejs', data); %>