{% extends 'base.html' %}

{% block content %}


<!-- Flash messages -->
<div class="row">
    <div class="col-12">

        <!-- Page header -->
        <div class="page-header mt-0 d-print-none">
          <div class="container-xl">
            <div class="row g-2 align-items-center">
              <div class="col">
                <!-- Page pre-title -->
                <div class="page-pretitle">
                  Server Configuration
                </div>
                <h2 class="page-title">
                  Change Root Password
                </h2>
              </div>
              <!-- Page title actions -->
              <div class="col-auto ms-auto d-print-none">
              </div>
            </div>
          </div>
        </div>


<div class="page-body">
          <div class="container-xl">
            <div class="row row-deck row-cards">


<div class="col-lg-12">
                <div class="card">
                  <div class="card-body">
 <div class="row">
   <div class="col-lg-6">
  
    <form method="POST">

<div class="mb-3">
                    <label class="form-label required">Password</label>
                    <div>
                      <input type="password" name="password" class="form-control" placeholder="Password">
                      <small class="form-hint">
                        Your password must be 8-20 characters long, contain letters and numbers, and must not contain
                        spaces, special characters, or emoji.
                      </small>
                    </div>
                  </div>
        <button class="btn btn-primary" type="submit">Change Password</button>
    </form>



   </div> 
</div> 
</div>
</div>
</div>




             
            </div>
          </div>
        <div></div></div>








{% endblock %}