{% extends "base.html" %}
{% block title %}Zmiana hasła - RouterOS Update{% endblock %}

{% block extra_head %}
<style>
/* Karta w trybie ciemnym */
body.dark-mode .card {
  background-color: #1e1e1e;
  color: #ccc;
  border-color: #444;
}
body.dark-mode .card .card-header.bg-light {
  background-color: #333 !important;
  border-bottom: 1px solid #444;
}
</style>
{% endblock %}

{% block content %}
<div class="container">
  <div class="row justify-content-center">
    <div class="col-md-6">
      
      <div class="card border-0 shadow">
        <div class="card-header bg-light">
          <h4 class="mb-0">Zmiana hasła</h4>
        </div>
        <div class="card-body">
          <form method="POST">
            <div class="mb-3">
              <label for="old_password" class="form-label">Stare hasło</label>
              <input 
                type="password" 
                class="form-control" 
                name="old_password" 
                id="old_password" 
                required
                placeholder="••••••••"
              >
            </div>
            <div class="mb-3">
              <label for="new_password" class="form-label">Nowe hasło</label>
              <input 
                type="password" 
                class="form-control" 
                name="new_password" 
                id="new_password" 
                required
                placeholder="••••••••"
              >
            </div>
            <div class="mb-3">
              <label for="confirm_password" class="form-label">Potwierdź nowe hasło</label>
              <input 
                type="password" 
                class="form-control" 
                name="confirm_password" 
                id="confirm_password" 
                required
                placeholder="••••••••"
              >
            </div>
            <button type="submit" class="btn btn-primary">Zresetuj hasło</button>
          </form>
        </div>
      </div>
      
    </div>
  </div>
</div>
{% endblock %}