{% extends "panel.html.twig" %}

{% block head %}
    {{ parent() }}

    <script src="/js/jquery.min.js"></script>
    <script src="/js/forge.min.js"></script>
    <script src="/js/jszip.min.js"></script>
    <script src="/js/FileSaver.min.js"></script>
    <script src="/js/pages/certificates/new.js"></script>

{% endblock %}

{% block panel_contents %}
    <h1>Create certificate</h1>
    <form action="/panel/certificates/new" method="post">
        <input type="hidden" id="user-input" value="{{ user.getUsername() }}">
        <div class="row">
            <label for="name">Name</label>
            <input type="text" id="name" name="name">
        </div>
        <div class="row">
            <label for="has-password">Add password?</label>
            <input type="checkbox" id="has-password" name="has-password">
        </div>
        <div class="row">
            <label for="password">Password</label>
            <input type="password" disabled id="password" name="password">
        </div>
        <div class="row">
            <label for="save-online">Save private key online?</label>
            <input type="checkbox" disabled name="save-online" id="save-online">
        </div>
        <div class="row">
            <button id="create-csr" type="button">Create</button>
        </div>
    </form>
{% endblock %}