{% load static %}
<!DOCTYPE html>
<html>
    <head>
        <title>Shrinkin-Minkin</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
        <link rel="stylesheet" href="{% static 'css/style.css' %}">
    </head>
    <body style="padding: 0px; margin: 0px;">
        {% if messages %}
            {% for message in messages %}
                <div class="alert alert-success alert-dismissible fade show"
                     role="alert"
                     style="max-width:400px;
                            position: fixed;
                            bottom:0;
                            right: 0;
                            margin:20px;
			    z-index: 999999;">
                    {{ message }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">X</span>
                    </button>
                </div>
            {% endfor %}
        {% endif %}
        <center>
            <a href="{% url 'index' %}">
                <img src="{% static 'img/album_release_header.png' %}"
                     alt=""
                     class="header-img">
                <br>
            </a>
        </center>
        {% block 'content' %}{% endblock %}
        <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://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"
                integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
                crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"
                integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
                crossorigin="anonymous"></script>
    </body>
