{% extends "layout.html" %}
{% block container %}
          <div class="card" id="data-el-3">
            <div class="card-body ov-auto">
	      <h5 class="card-title">Data Vault Management ({{ sg_status['vault']|safe }})</h5>
	      {% if 'Close' in sg_status['vault'] %}
              <form action="/data/vault/open" method="post">
                <div class="row" style="margin-top: 25px">
                  <div class="col"><input class="form-control" type="text" placeholder="Data Admin-ID" id="did" name="did"></div>
                  <div class="col"><input class="form-control" type="password" placeholder="DMK" id="dmk" name="dmk"></div>
                </div>
                <div class="input-group" style="margin-top: 10px">
                  <input type="text" class="form-control" placeholder="{{ command_status['vault_status'] }}" readonly>
                  <div class="input-group-append">
                    <input type="submit" class="btn btn-secondary text-white" value="Open Vault">
                  </div>
                </div>
              </form>
	      {% else %}
	      <p>Click <a href='/data/vault/close'>here</a> to close vault.</p>
	      {% endif %}
            </div>
          </div>
{% endblock %}