// src/components/iu-header.ts
import { LitElement, html, css } from 'lit';
import { customElement } from 'lit/decorators.js';

@customElement('iu-header-layout')
export class SiteHeaderLayout extends LitElement {
    
    override render() {
        return html`
            <iu-header>
            
                <iu-header-topbar i18n searchable>
                    <iu-header-topbar-item text="Notizie, eventi e avvisi" href="#"></iu-header-topbar-item>
                    <iu-header-topbar-item text="Contatti" href="#"></iu-header-topbar-item>
                    <iu-header-topbar-item text="Servizi" href="servizi.html"></iu-header-topbar-item>
                    <iu-header-topbar-item text="Informazioni per" href="informazioni-per.html"></iu-header-topbar-item>
                </iu-header-topbar>
                
                <iu-header-navbar>
                    
                    <iu-header-navbar-item text="Ateneo" submenu>
                
                    <iu-header-navbar-submenu>
                
                        <iu-header-navbar-submenu-section 
                        text="Chi siamo" 
                        href="#"
                        items='[
                            {"text": "Piani, programmazione e strategie", "href": "#"},
                            {"text": "Accordi, relazioni e convenzioni", "href": "#"}
                        ]'
                        ></iu-header-navbar-submenu-section>
                
                        <iu-header-navbar-submenu-section 
                        text="Sostenibilità" 
                        href="#"
                        ></iu-header-navbar-submenu-section>
                
                        <iu-header-navbar-submenu-section 
                        text="Organizzazione" 
                        href="organizzazione.html"
                        items='[
                            {"text": "Amministrazione", "href": "#"},
                            {"text": "Docenti", "href": "#"},
                            {"text": "Governo dell ateneo", "href": "#"},
                            {"text": "Senato degli studenti", "href": "#"}
                        ]'
                        ></iu-header-navbar-submenu-section>
                
                        <iu-header-navbar-submenu-section 
                        text="Statuto e regolamenti" 
                        href="#"
                        ></iu-header-navbar-submenu-section>
                
                        <iu-header-navbar-submenu-section 
                        text="Strutture didattiche, di ricerca e di servizio" 
                        href="#"
                        items='[
                            {"text": "Dipartimento di culture del progetto", "href": "#"},
                            {"text": "Scuola di dottorato", "href": "#"},
                            {"text": "Scuola di specializzazione SSIBAP", "href": "#"},
                            {"text": "Aggregazioni di ricerca", "href": "#"},
                            {"text": "Centro superiore C.SCARPA", "href": "#"},
                            {"text": "Infrastruttura di ricerca IR.IDE", "href": "#"},
                            {"text": "Biblioteca", "href": "#"},
                            {"text": "Laboratori", "href": "#"},
                            {"text": "Archivio progetti", "href": "#"}
                        ]'
                        ></iu-header-navbar-submenu-section>
                
                        <iu-header-navbar-submenu-section 
                        text="Sedi" 
                        href="#"
                        items='[
                            {"text": "Percorsi accessibili", "href": "#"},
                            {"text": "Calendario di chiusura delle sedi", "href": "#"}
                        ]'
                        ></iu-header-navbar-submenu-section>
                        
                        <iu-header-navbar-submenu-section 
                        text="Editoria" 
                        href="#"
                        items='[
                        {"text": "Tutte le pubblicazioni", "href": "#"}
                        ]'
                        ></iu-header-navbar-submenu-section>
                        
                        <iu-header-navbar-submenu-section 
                        text="Assicurazione delle qualità" 
                        href="#"
                        items='[
                            {"text": "Sistema qualità dell Università Iuav di Venezia", "href": "#"},
                            {"text": "Nucleo di valutazione", "href": "#"},
                            {"text": "Presidio della qualità", "href": "#"},
                            {"text": "Commissione paritetica docenti-studenti", "href": "#"},
                            {"text": "Gruppi assicurazioni delle qualità", "href": "#"},
                            {"text": "Relazioni e attività", "href": "#"}
                        ]'
                        ></iu-header-navbar-submenu-section>
                
                        <iu-header-navbar-submenu-section 
                        text="Lavora con noi" 
                        href="#"
                        ></iu-header-navbar-submenu-section>            
                
                    </iu-header-navbar-submenu>
                    </iu-header-navbar-item>
                    <iu-header-navbar-item text="Didattica" submenu>
                    <iu-header-navbar-submenu>
                
                        <iu-header-navbar-submenu-section 
                        text="Lauree triennali" 
                        href="#"
                        items='[
                            {"text": "Architettura", "href": "index.html"},
                            {"text": "Design della moda e arti multimediali", "href": "#"},
                            {"text": "Design del prodotto, della comunicazione visiva e degli interni", "href": "#"},
                            {"text": "Design — sede di Vicenza", "href": "#"},
                            {"text": "Urbanistica e pianificazione del territorio", "href": "#"},
                            {"text": "Anni successivi al primo — Corsi di laurea triennali", "href": "#"},
                            {"text": "Corsi di laurea ad esaurimento — Lauree triennali", "href": "#"}
                        ]'
                        ></iu-header-navbar-submenu-section>
                
                        <iu-header-navbar-submenu-section 
                        text="Lauree magistrali" 
                        href="#"
                        items='[
                            {"text": "Architettura", "href": "#"},
                            {"text": "Architettura. Conservazione proattiva del patrimonio nelle aree a rischio", "href": "#"},
                            {"text": "Arti visive e cinema espanso", "href": "#"},
                            {"text": "Design del prodotto, della comunicazione visiva e degli interni", "href": "#"},
                            {"text": "Moda | Fashion", "href": "#"},
                            {"text": "MA in Architecture", "href": "#"},
                            {"text": "Renewable Energy Engineering in Coastal Environment", "href": "#"},
                            {"text": "Sustainable transportation and smart maritime mobility", "href": "#"},
                            {"text": "Teatro e arti performative", "href": "#"},
                            {"text": "Urbanistica e pianificazione del territorio", "href": "#"},
                            {"text": "Anni successivi al primo — Corsi di laurea magistrali", "href": "#"},
                            {"text": "Corsi di laurea ad esaurimento — Lauree magistrali, specialistiche, dm 93 e precedenti", "href": "#"}
                        ]'
                        ></iu-header-navbar-submenu-section>
                
                    <iu-header-navbar-submenu-section 
                        text="Scuola di dottorato" 
                        href="#"
                    ></iu-header-navbar-submenu-section>
                
                    <iu-header-navbar-submenu-section 
                        text="Scuola di specializzazione SSIBAP" 
                        href="#"
                    ></iu-header-navbar-submenu-section>
                
                    <iu-header-navbar-submenu-section 
                        text="Workshop e attività" 
                        href="#"
                    ></iu-header-navbar-submenu-section>
                
                    <iu-header-navbar-submenu-section 
                        text="Percorsi di alta formazione" 
                        href="#"
                        items='[
                        {"text": "Master", "href": "#"},
                        {"text": "Corsi di perfezionamento", "href": "#"}
                        ]'
                    ></iu-header-navbar-submenu-section>
                
                    <iu-header-navbar-submenu-section 
                        text="Ambiti" 
                        href="#"
                        items='[
                        {"text": "Architettura", "href": "#"},
                        {"text": "Arti visive e multimediali", "href": "#"},
                        {"text": "Design del prodotto, della comunicazione e degli interni", "href": "#"},
                        {"text": "Design della moda", "href": "#"},
                        {"text": "Ingegneria per l&#39;ambiente", "href": "#"},
                        {"text": "Pianificazione e urbanistica", "href": "#"},
                        {"text": "Restauro", "href": "#"},
                        {"text": "Teatro e arti performative", "href": "#"}
                        ]'
                    ></iu-header-navbar-submenu-section>
                
                    </iu-header-navbar-submenu>
                    </iu-header-navbar-item>
                    <iu-header-navbar-item text="Orientamento" href="#"></iu-header-navbar-item>
                    <iu-header-navbar-item text="Ricerca" href="#"></iu-header-navbar-item>
                    <iu-header-navbar-item text="Terza missione" href="#"></iu-header-navbar-item>
                    <iu-header-navbar-item text="Internazionale" href="#"></iu-header-navbar-item>
                    <iu-header-navbar-item text="Tirocinio e lavoro" href="#"></iu-header-navbar-item>
                </iu-header-navbar>
            </iu-header>
        `;
    }
}

declare global {
    interface HTMLElementTagNameMap {
        'iu-header-layout': SiteHeaderLayout;
    }
}