#? stdtmpl | standard
#proc genMain(c: var TData): string =
# result = ""

    <link rel="stylesheet" href="css/styles.css">
    <meta http-equiv="refresh" content="0; URL=./login" />

#end proc
#
# import snippet_html
# import snippet_icons
#proc genSecret(c: var TData, all_notebooks: var joplin_notebooks): string =
# result = ""
    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="css/styles.css">
        <script src="js/script.js" defer></script>
    </head>

    <body>
        <header class="header">
            <button class="menu-icon-btn" data-menu-icon-btn>

                # var icon_menu = Menu_icon()
                ${icon_menu}

            </button>
        </header>
        <div class="container">
            <aside class="sidebar" data-sidebar>
                <div class="top-sidebar">
                    <a href="#" class="channel-logo"><img src="images/logo.png" alt="Channel Logo" width="30"
                            height="30"></a>
                    <div class="hidden-sidebar your-channel">Joplin</div>
                    <div class="hidden-sidebar channel-name">The New Web</div>
                </div>
                <div class="middle-sidebar">
                    <ul class="sidebar-list">
                        <li class="sidebar-list-item active">

                            <!-- Nouvelle Note dans la bar de navigation -->
                            <a href="#" class="sidebar-link">

                                # var icon_newNote = NewNote_icon()
                                ${icon_newNote}

                                <div class="hidden-sidebar">New Note</div>
                            </a>
                        </li>
                        <li class="sidebar-list-item">

                            <!-- Recherche dans la bar de navigation -->
                            <a href="#" class="sidebar-link">

                                # var icon_search = Search_icon()
                                ${icon_search}

                                <div class="hidden-sidebar">Search</div>
                            </a>
                        </li>

                        <!--Favoris  dans la bar de navigation -->
                        <li class="sidebar-list-item">
                            <a href="#" class="sidebar-link">

                                # var icon_shortcuts = Shortcuts_icon()
                                ${icon_shortcuts}

                                <div class="hidden-sidebar">Shortcuts</div>
                            </a>
                        </li>

                        <!--Notes dans la bar de navigation -->
                        <li class="sidebar-list-item">
                            <a href="#" class="sidebar-link">

                                # var icon_Notes = Notes_icon()
                                ${icon_Notes}

                                <div class="hidden-sidebar">Notes</div>
                            </a>
                        </li>

                        <!--Notebooks dans la bar de navigation -->
                        <li class="sidebar-list-item">
                            <a href="#" class="sidebar-link">

                                # var icon_Notebooks = Notebooks_icon()
                                ${icon_Notebooks}

                                <div class="hidden-sidebar">Notebooks</div>
                            </a>
                        </li>

                        <!--Tags  dans la bar de navigation -->
                        <li class="sidebar-list-item">
                            <a href="#" class="sidebar-link">

                                # var icon_Tags = Tags_icon()
                                ${icon_Tags}

                                <div class="hidden-sidebar">Tags</div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="bottom-sidebar">
                    <ul class="sidebar-list">
                        <li class="sidebar-list-item">
                            <a href="#" class="sidebar-link">

                                # var icon_Settings = Settings_icon()
                                ${icon_Tags}

                                <div class="hidden-sidebar">Settings</div>
                            </a>
                        </li>

                        <li class="sidebar-list-item">
                            <a href="/logout" class="sidebar-link">

                                # var icon_Logout = Logout_icon()
                                ${icon_Logout}

                                <div class="hidden-sidebar">Logout</div>
                            </a>
                        </li>

                        <li class="sidebar-list-item">
                            <a href="#" class="sidebar-link">

                                # var icon_SendFeedback = SendFeedback_icon()
                                ${icon_SendFeedback}

                                <div class="hidden-sidebar">Send Feedback</div>
                            </a>
                        </li>
                    </ul>
                </div>
            </aside>
            <div class="row">
                <div class="column left">
                    <div class="scrollbar scrollbar-primary">
                        <div class="force-overflow">
                            # var title = templ_title("NOTEBOOKS")
                            ${title}
                            # for i in all_notebooks.title:
                            <p> ${i} </p>
                            # end for
                        </div>
                    </div>
                </div>
                <div class="column right" style="background-color:#bbb;">
                    <h2>Column 2</h2>
                    <p>Some text..</p>
                </div>
            </div>
        </div>
    </body>

    </html>
#end proc