{% extends "layout.html" %}
{% block container %}
        {% if auth_type_2 == 'smk' %}
        <div class="card" style="width: 97%; margin-top: 30px">
          <div class="card-body ov-auto">
            <h5 class="card-title">Change SMK</h5>
            <form action="/admin/smk" method="post">
              <input class="form-control" type="password" placeholder="Current SMK" id="smk" name="smk" style="margin-top: 25px">
              <div class="row" style="margin-top: 10px">
                <div class="col"><input class="form-control" type="password" placeholder="New SMK" id="newsmk" name="newsmk"></div>
                <div class="col"><input class="form-control" type="password" placeholder="Repeat new SMK" id="rnewsmk" name="rnewsmk"></div>
              </div>
              <div class="input-group" style="margin-top: 10px">
                <input type="text" class="form-control" placeholder="{{ smk_status }}" readonly>
                <div class="input-group-append">
                  <input type="submit" class="btn btn-dark text-white" value="Change SMK">
                </div>
              </div>
            </form>
          </div>
        </div>
        {% endif %}
        <div class="d-flex flex-row flex-wrap">
          {% if auth_type_2 == 'dmk' %}
          <div class="card" id="user-el-1" style="margin-top: 30px; max-height: 55vh">
            <div class="card-body ov-auto" style="white-space: nowrap; height: 100%; overflow: auto">
              <h5 class="card-title">Configured users</h5>
              <ul class="list-group list-group-flush">
                {% for i in configured_users %}
                <li class="list-group-item">{{ i }}</li>
                {% endfor %}
              </ul>
            </div>
          </div>
          {% endif %}
          {% if auth_type_2 == 'dmk' %}
          <div class="card ov-auto" id="user-el-2">
            <div class="card-body">
              <h5 class="card-title">Add SFTP user</h5>
              <form action="/user/add" method="post">
                <input type="text" class="form-control" placeholder="Username (lowercase user-id)" style="margin-top: 25px" id="user" name="user">
                <div class="row" style="margin-top: 10px">
                  <div class="col"><input type="password" class="form-control" placeholder="Password" id="pass" name="pass"></div>
                  <div class="col"><input type="text" class="form-control" placeholder="SSH key" id="key" name="key"></div>
                </div>
                <p class="text-grey font-italic" style="margin-top: 4px">Hint: You can choose to use only one authentication method.</p>
                <div class="row" style="margin-top: 20px">
                  <div class="col"><input class="form-control" type="text" placeholder="Data Admin-ID" id="did" name="did"></div>
                  <div class="col"><input type="password" class="form-control" placeholder="DMK" id="dmk" name="dmk"></div>
                </div>
                <div class="input-group" style="margin-top: 10px">
                  <input type="text" class="form-control" placeholder="{{ add_status }}" readonly>
                  <div class="input-group-append">
                    <input type="submit" class="btn btn-dark text-white" value="Add user">
                  </div> 
                </div>
              </form>
            </div>
          </div>
          {% endif %}
          </div>
          {% if auth_type_2 == 'dmk' %}
          <div class="card" id="user-el-3">
            <div class="card-body">
              <h5 class="card-title">Delete SFTP user</h5>
              <form action="/user/delete" method="post">
                <div class="row" style="margin-top: 10px">
		  <div class="col"><input type="text" class="form-control" placeholder="Username (lowercase user-id)" style="margin-top: 25px" id="user" name="user"></div>
		  <div class="col"><input type="text" class="form-control" placeholder="Keep data [Y/N]" style="margin-top: 25px" id="keepdata" name="keepdata"></div>
                </div>
                <div class="row" style="margin-top: 10px">
                  <div class="col"><input class="form-control" type="text" placeholder="Data Admin-ID" id="did" name="did"></div>
                  <div class="col"><input type="password" class="form-control" placeholder="DMK" id="dmk" name="dmk"></div>
                </div>
                <div class="input-group" style="margin-top: 10px">
                  <input type="text" class="form-control" placeholder="{{ delete_status }}" readonly>
                  <div class="input-group-append">
                    <input type="submit" class="btn btn-dark text-white" value="Delete user">
                  </div>
                </div>
              </form>
            </div>
          </div>
          {% endif %}
{% endblock %}