{% extends "layout.html" %}
{% block container %}
        <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>
{% endblock %}