<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link
      rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    {% load static %}
    <link rel="stylesheet" href="{% static 'css/styles.css' %}">
</head>
<body>
<div style="display: flex">
    <div class="sidebar-nav" style="margin: 20px 0 0 20px">
        <nav>
            <p><a href="{% url 'index' %}">Главная</a></p>
            <p><a href="{% url 'search' %}">Поиск</a></p>
            {% if user.is_authenticated %}
            <p><a href="{% url 'profil' %}">Профиль</a></p>
                <a href="{% url 'logout'%}">Выход</a><br>
            {% else %}
                <p><a href="{% url 'login' %}">Вход</a></p>
                <p><a href="{% url 'registration'%}">Регистрация</a></p>
            {% endif %}
       </nav>
    </div>
    <div style="margin-left: 50px">{% block content %}{% endblock %}</div>
</div>
</body>
</html>


