<!DOCTYPE html>

{% load static %}
{% load i18n %}

<html lang="en">
    <head>
        <base href="/">
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="Member register">
        <meta name="author" content="SIK ry">
        <link rel="shortcut icon" type="image/x-icon" href="/static/img/favicon.png"/>

        <title>{% trans "Member register" %}</title>

        <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
        <link rel="stylesheet" href="{% static "members/css/simple-sidebar.css" %}">
        <link rel="stylesheet" href="{% static "members/css/members.css" %}">
        <link rel="stylesheet" href="{% static "webapp/css/footer.css" %}">

    </head>
    <body>
        <div id="wrapper">

            <div class="page-content-container">
                <div id="header">
                    <h1>
                        {% trans "Member register of SIK ry" %}
                    </h1>
                </div>
            </div>

            <!-- Sidebar -->
            <div id="sidebar-wrapper">
                <nav class="navbar navbar-inverse" id="sidebar-collapse">
                    <div class="navbar-header">
                        <span class="navbar-brand hidden-lg hidden-md">{% trans "Member register of SIK ry" %}</span>
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-nav">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                </nav>
                <ul class="sidebar-nav">
                    <li>
                        <span class="text-primary">{% trans "Members" %}</span>
                        <ul>
                            <li><a href="/members/list">{% trans "List members" %}</a></li>
                            <li><a href="/members/add">{% trans "Add member" %}</a></li>
                            <li><a href="/members/add_many">{% trans "Add multiple" %}</a></li>
                        </ul>
                    </li>
                    <li>
                        <span class="text-primary">{% trans "Payments" %}</span>
                        <ul>
                            <li><a href="/members/payments">{% trans "List payments" %}</a></li>
                            <li><a href="/members/add_payment">{% trans "Add payment" %}</a></li>
                        </ul>
                    </li>
                    <li>
                        <span class="text-primary">{% trans "Applications" %}</span>
                        <ul>
                            <li><a href="/members/applications">{% trans "List applications" %}</a></li>
                            <li><a href="/members/application">{% trans "Application form" %}</a></li>
                        </ul>
                    </li>
                    <li class="logout-container">
                        <ul>
                            <li><a href="/members/settings">{% trans "Settings" %}</a></li>
                        </ul>

                        <form action="/admin/logout/" method="post"> {% csrf_token %}
                            <input type="Submit" value="{% trans "Log out" %}" name="Logout" class="btn btn-danger"/>
                        </form>
                    </li>
                </ul>

            </div>
            <!-- /#sidebar-wrapper -->

            <div class="page-content-container">
                <!-- Page Content -->
                {% block content %}
                {% endblock content %}
            </div>
        </div>

        {% include "footer.html" %}
    </body>
</html>
