<!DOCTYPE html>
<html>
    <head>
        <meta name="robots" content="noindex, nofollow">
        <meta charset="utf-8">
        <link rel="icon" type="image/png" href="{{ url_for('static', filename='favicon.ico') }}">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>MS Rewards</title>
        <link rel="stylesheet" href="{{ url_for('static', filename='css/flask.css')}}"/>
        <script src="{{ url_for('static', filename='js/main.js')}}"></script>
    </head>
    <body>
        <div class="container">
            <input id="slide-sidebar" type="checkbox" role="button"/>
            <label for="slide-sidebar">
                <div id="slide">
                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-menu-2" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                        <path d="M4 6l16 0"></path>
                        <path d="M4 12l16 0"></path>
                        <path d="M4 18l16 0"></path>
                     </svg>
                </div>
            </label>
            <div class="left-pannel">
                <table>
                    <tr>
                        <td>
                            <button class="unselected" id="sidebar_schedule" onclick="location.href = '/schedule';">schedule</button>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <button class="unselected" id="sidebar_config" onclick="location.href = '/config';">config</button>
                        </td>  
                    </tr>
                    <tr>
                        <td>
                            <button class="unselected" id="sidebar_discord" onclick="location.href = '/discord';">discord</button>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <button class="unselected" id="sidebar_proxy" onclick="location.href = '/proxy';">proxy</button>
                        </td>  
                    </tr>
                    <tr>
                        <td>
                            <button class="unselected" id="sidebar_logs" onclick="location.href = '/logs';">logs</button>
                        </td>  
                    </tr>
                    <tr>
                        <td>
                            <button class="unselected" id="sidebar_stats" onclick="location.href = '/stats';">stats</button>
                        </td>  
                    </tr>
                    <tr>
                        <td>
                            <button class="unselected" id="sidebar_override" onclick="location.href = '/override';">Override</button>
                        </td>  
                    </tr>
                    <tr>
                        <td>
                            <button class="unselected" id="sidebar_settings" onclick="location.href = '/settings';">settings</button>
                        </td>
                    </tr>
                </table>
                <script>document.getElementById("sidebar_{% block left_pannel %}{% endblock %}").className = "selected"</script>
            </div>
            <div class="content">
                {% block content %}
                {% endblock %}
            </div>
        </div>
        <div class="footer">{{version}}</div>
    </body>

</html>