{% extends 'base.html' %}
{% load static %}

{% block stylesheets %}
    <style>
        body .container{
            padding-top: 100px;
            height: 100%;
            flex: 1 0;
        }
    </style>

{% endblock %}

{% block body %}

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://stephino.github.io/dist/recorder.js"></script>


    <script src="//cdn.jsdelivr.net/jquery/2.1.4/jquery.js"></script>
    <script src="//wzrd.in/standalone/blob-util@latest"></script>

    <script type="text/javascript">
        $(document).ready(function () {

            document.getElementById('zip').click();
            document.getElementById('goback').click();
        });
    </script>

    <a href="{% url 'adminprofile' user.username %}" id="goback"></a>

    <div id="element">
        <a href="/media/{{ zip }}.zip" id="zip" download="{{ zip }}.zip" hidden></a>
    </div>
{% endblock %}

{% block footer1 %}
{% endblock %}

{% block action_buttons %}

{% endblock %}

