added user registration and login

This commit is contained in:
2025-01-20 15:42:10 +02:00
parent a6d0bbbd2b
commit 850360f553
16 changed files with 500 additions and 17 deletions

Binary file not shown.

130
app.py
View File

@@ -1,14 +1,22 @@
import os import os
from werkzeug.utils import secure_filename
from flask import Flask, render_template, request, redirect, url_for from flask import Flask, render_template, request, redirect, url_for
from flask_sqlalchemy import SQLAlchemy from flask_sqlalchemy import SQLAlchemy
from flask_login import LoginManager, UserMixin, login_user, logout_user, login_required, current_user
from flask_bcrypt import Bcrypt
from werkzeug.utils import secure_filename
from functools import wraps
from flask_migrate import Migrate
app = Flask(__name__) app = Flask(__name__)
# Set the secret key to a fixed value
app.config['SECRET_KEY'] = 'Ana_Are_Multe_Mere-Si_Nu_Are_Pere'
# Configurare baza de date SQLite # Configurare baza de date SQLite
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///dashboard.db' app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///dashboard.db'
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
db = SQLAlchemy(app) db = SQLAlchemy(app)
bcrypt = Bcrypt(app)
UPLOAD_FOLDER = 'static/uploads' UPLOAD_FOLDER = 'static/uploads'
app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER
@@ -17,13 +25,30 @@ app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER
if not os.path.exists(UPLOAD_FOLDER): if not os.path.exists(UPLOAD_FOLDER):
os.makedirs(UPLOAD_FOLDER) os.makedirs(UPLOAD_FOLDER)
login_manager = LoginManager(app)
login_manager.login_view = 'login'
migrate = Migrate(app, db)
@login_manager.user_loader
def load_user(user_id):
return User.query.get(int(user_id))
# Modele pentru baza de date # Modele pentru baza de date
class User(db.Model, UserMixin):
id = db.Column(db.Integer, primary_key=True)
username = db.Column(db.String(80), unique=True, nullable=False)
password = db.Column(db.String(120), nullable=False)
role = db.Column(db.String(20), nullable=False, default='user')
class Player(db.Model): class Player(db.Model):
id = db.Column(db.Integer, primary_key=True) id = db.Column(db.Integer, primary_key=True)
username = db.Column(db.String(80), nullable=False) username = db.Column(db.String(80), nullable=False)
hostname = db.Column(db.String(120), nullable=False) hostname = db.Column(db.String(120), nullable=False)
ip = db.Column(db.String(15), nullable=False) ip = db.Column(db.String(15), nullable=False)
password = db.Column(db.String(120), nullable=False) password = db.Column(db.String(120), nullable=False)
user_id = db.Column(db.Integer, db.ForeignKey('user.id', name='fk_user_id'), nullable=True)
class Group(db.Model): class Group(db.Model):
id = db.Column(db.Integer, primary_key=True) id = db.Column(db.Integer, primary_key=True)
@@ -42,13 +67,52 @@ class Content(db.Model):
player_id = db.Column(db.Integer, db.ForeignKey('player.id'), nullable=True) player_id = db.Column(db.Integer, db.ForeignKey('player.id'), nullable=True)
group_id = db.Column(db.Integer, db.ForeignKey('group.id'), nullable=True) group_id = db.Column(db.Integer, db.ForeignKey('group.id'), nullable=True)
def admin_required(f):
@wraps(f)
def decorated_function(*args, **kwargs):
if current_user.role != 'admin':
return redirect(url_for('dashboard'))
return f(*args, **kwargs)
return decorated_function
@app.route('/') @app.route('/')
@login_required
def dashboard(): def dashboard():
players = Player.query.all() players = Player.query.all()
groups = Group.query.all() groups = Group.query.all()
return render_template('dashboard.html', players=players, groups=groups) return render_template('dashboard.html', players=players, groups=groups)
@app.route('/register', methods=['GET', 'POST'])
def register():
if request.method == 'POST':
username = request.form['username']
password = request.form['password']
hashed_password = bcrypt.generate_password_hash(password).decode('utf-8')
new_user = User(username=username, password=hashed_password, role='user')
db.session.add(new_user)
db.session.commit()
return redirect(url_for('login'))
return render_template('register.html')
@app.route('/login', methods=['GET', 'POST'])
def login():
if request.method == 'POST':
username = request.form['username']
password = request.form['password']
user = User.query.filter_by(username=username).first()
if user and bcrypt.check_password_hash(user.password, password):
login_user(user)
return redirect(url_for('dashboard'))
return render_template('login.html')
@app.route('/logout')
@login_required
def logout():
logout_user()
return redirect(url_for('login'))
@app.route('/add_player', methods=['GET', 'POST']) @app.route('/add_player', methods=['GET', 'POST'])
@login_required
def add_player(): def add_player():
if request.method == 'POST': if request.method == 'POST':
username = request.form['username'] username = request.form['username']
@@ -65,6 +129,7 @@ def add_player():
return render_template('add_player.html') return render_template('add_player.html')
@app.route('/add_group', methods=['GET', 'POST']) @app.route('/add_group', methods=['GET', 'POST'])
@login_required
def add_group(): def add_group():
if request.method == 'POST': if request.method == 'POST':
group_name = request.form['group_name'] group_name = request.form['group_name']
@@ -84,6 +149,7 @@ def add_group():
return render_template('add_group.html', players=players) return render_template('add_group.html', players=players)
@app.route('/upload_content', methods=['GET', 'POST']) @app.route('/upload_content', methods=['GET', 'POST'])
@login_required
def upload_content(): def upload_content():
if request.method == 'POST': if request.method == 'POST':
target_type = request.form['target_type'] target_type = request.form['target_type']
@@ -92,22 +158,18 @@ def upload_content():
duration = int(request.form['duration']) duration = int(request.form['duration'])
for file in files: for file in files:
if target_type == 'player': filename = secure_filename(file.filename)
new_content = Content(file_name=file.filename, duration=duration, player_id=int(target_id)) file_path = os.path.join(app.config['UPLOAD_FOLDER'], filename)
elif target_type == 'group': file.save(file_path)
new_content = Content(file_name=file.filename, duration=duration, group_id=int(target_id)) new_content = Content(file_name=filename, duration=duration, player_id=target_id if target_type == 'player' else None, group_id=target_id if target_type == 'group' else None)
db.session.add(new_content) db.session.add(new_content)
db.session.commit() db.session.commit()
return redirect(url_for('dashboard')) return redirect(url_for('dashboard'))
return render_template('upload_content.html')
players = Player.query.all()
groups = Group.query.all()
return render_template('upload_content.html', players=players, groups=groups)
# ...existing code...
@app.route('/content/<int:content_id>/edit', methods=['POST']) @app.route('/content/<int:content_id>/edit', methods=['POST'])
@login_required
def edit_content(content_id): def edit_content(content_id):
content = Content.query.get_or_404(content_id) content = Content.query.get_or_404(content_id)
new_duration = int(request.form['duration']) new_duration = int(request.form['duration'])
@@ -116,6 +178,7 @@ def edit_content(content_id):
return redirect(url_for('player_page', player_id=content.player_id)) return redirect(url_for('player_page', player_id=content.player_id))
@app.route('/content/<int:content_id>/delete', methods=['POST']) @app.route('/content/<int:content_id>/delete', methods=['POST'])
@login_required
def delete_content(content_id): def delete_content(content_id):
content = Content.query.get_or_404(content_id) content = Content.query.get_or_404(content_id)
player_id = content.player_id player_id = content.player_id
@@ -123,21 +186,22 @@ def delete_content(content_id):
db.session.commit() db.session.commit()
return redirect(url_for('player_page', player_id=player_id)) return redirect(url_for('player_page', player_id=player_id))
# ...existing code...
@app.route('/player/<int:player_id>/fullscreen') @app.route('/player/<int:player_id>/fullscreen')
@login_required
def player_fullscreen(player_id): def player_fullscreen(player_id):
player = Player.query.get_or_404(player_id) player = Player.query.get_or_404(player_id)
content = Content.query.filter_by(player_id=player_id).all() content = Content.query.filter_by(player_id=player_id).all()
return render_template('player_fullscreen.html', player=player, content=content) return render_template('player_fullscreen.html', player=player, content=content)
@app.route('/player/<int:player_id>') @app.route('/player/<int:player_id>')
@login_required
def player_page(player_id): def player_page(player_id):
player = Player.query.get_or_404(player_id) player = Player.query.get_or_404(player_id)
content = Content.query.filter_by(player_id=player_id).all() content = Content.query.filter_by(player_id=player_id).all()
return render_template('player_page.html', player=player, content=content) return render_template('player_page.html', player=player, content=content)
@app.route('/player/<int:player_id>/upload', methods=['POST']) @app.route('/player/<int:player_id>/upload', methods=['POST'])
@login_required
def upload_content_to_player(player_id): def upload_content_to_player(player_id):
player = Player.query.get_or_404(player_id) player = Player.query.get_or_404(player_id)
files = request.files.getlist('files') files = request.files.getlist('files')
@@ -154,12 +218,52 @@ def upload_content_to_player(player_id):
return redirect(url_for('player_page', player_id=player_id)) return redirect(url_for('player_page', player_id=player_id))
@app.route('/player/<int:player_id>/delete', methods=['POST']) @app.route('/player/<int:player_id>/delete', methods=['POST'])
@login_required
def delete_player(player_id): def delete_player(player_id):
player = Player.query.get_or_404(player_id) player = Player.query.get_or_404(player_id)
db.session.delete(player) db.session.delete(player)
db.session.commit() db.session.commit()
return redirect(url_for('dashboard')) return redirect(url_for('dashboard'))
@app.route('/admin')
@login_required
@admin_required
def admin():
users = User.query.all()
return render_template('admin.html', users=users)
@app.route('/admin/change_role/<int:user_id>', methods=['POST'])
@login_required
@admin_required
def change_role(user_id):
user = User.query.get_or_404(user_id)
new_role = request.form['role']
user.role = new_role
db.session.commit()
return redirect(url_for('admin'))
@app.route('/admin/delete_user/<int:user_id>', methods=['POST'])
@login_required
@admin_required
def delete_user(user_id):
user = User.query.get_or_404(user_id)
db.session.delete(user)
db.session.commit()
return redirect(url_for('admin'))
@app.route('/admin/create_user', methods=['POST'])
@login_required
@admin_required
def create_user():
username = request.form['username']
password = request.form['password']
role = request.form['role']
hashed_password = bcrypt.generate_password_hash(password).decode('utf-8')
new_user = User(username=username, password=hashed_password, role=role)
db.session.add(new_user)
db.session.commit()
return redirect(url_for('admin'))
if __name__ == '__main__': if __name__ == '__main__':
with app.app_context(): with app.app_context():
db.create_all() # Creează toate tabelele db.create_all() # Creează toate tabelele

20
create_default_user.py Normal file
View File

@@ -0,0 +1,20 @@
from app import app, db, User, bcrypt
# Create the default user
username = 'admin'
password = '1234'
hashed_password = bcrypt.generate_password_hash(password).decode('utf-8')
with app.app_context():
# Delete the existing user if it exists
existing_user = User.query.filter_by(username=username).first()
if existing_user:
db.session.delete(existing_user)
db.session.commit()
# Add the new user to the database
default_user = User(username=username, password=hashed_password, role='admin')
db.session.add(default_user)
db.session.commit()
print(f"Default user '{username}' created with password '{password}'")

View File

@@ -4,6 +4,8 @@ source digiscreen/bin/activate
pip install flask sqlalchemy flask-sqlalchemy pip install flask sqlalchemy flask-sqlalchemy
pip install flask-login flask-bcrypt
python3 setup.py sdist python3 setup.py sdist
python3 setup.py bdist_wheel flask python3 setup.py bdist_wheel flask

Binary file not shown.

1
migrations/README Normal file
View File

@@ -0,0 +1 @@
Single-database configuration for Flask.

Binary file not shown.

50
migrations/alembic.ini Normal file
View File

@@ -0,0 +1,50 @@
# A generic, single database configuration.
[alembic]
# template used to generate migration files
# file_template = %%(rev)s_%%(slug)s
# set to 'true' to run the environment during
# the 'revision' command, regardless of autogenerate
# revision_environment = false
# Logging configuration
[loggers]
keys = root,sqlalchemy,alembic,flask_migrate
[handlers]
keys = console
[formatters]
keys = generic
[logger_root]
level = WARN
handlers = console
qualname =
[logger_sqlalchemy]
level = WARN
handlers =
qualname = sqlalchemy.engine
[logger_alembic]
level = INFO
handlers =
qualname = alembic
[logger_flask_migrate]
level = INFO
handlers =
qualname = flask_migrate
[handler_console]
class = StreamHandler
args = (sys.stderr,)
level = NOTSET
formatter = generic
[formatter_generic]
format = %(levelname)-5.5s [%(name)s] %(message)s
datefmt = %H:%M:%S

113
migrations/env.py Normal file
View File

@@ -0,0 +1,113 @@
import logging
from logging.config import fileConfig
from flask import current_app
from alembic import context
# this is the Alembic Config object, which provides
# access to the values within the .ini file in use.
config = context.config
# Interpret the config file for Python logging.
# This line sets up loggers basically.
fileConfig(config.config_file_name)
logger = logging.getLogger('alembic.env')
def get_engine():
try:
# this works with Flask-SQLAlchemy<3 and Alchemical
return current_app.extensions['migrate'].db.get_engine()
except (TypeError, AttributeError):
# this works with Flask-SQLAlchemy>=3
return current_app.extensions['migrate'].db.engine
def get_engine_url():
try:
return get_engine().url.render_as_string(hide_password=False).replace(
'%', '%%')
except AttributeError:
return str(get_engine().url).replace('%', '%%')
# add your model's MetaData object here
# for 'autogenerate' support
# from myapp import mymodel
# target_metadata = mymodel.Base.metadata
config.set_main_option('sqlalchemy.url', get_engine_url())
target_db = current_app.extensions['migrate'].db
# other values from the config, defined by the needs of env.py,
# can be acquired:
# my_important_option = config.get_main_option("my_important_option")
# ... etc.
def get_metadata():
if hasattr(target_db, 'metadatas'):
return target_db.metadatas[None]
return target_db.metadata
def run_migrations_offline():
"""Run migrations in 'offline' mode.
This configures the context with just a URL
and not an Engine, though an Engine is acceptable
here as well. By skipping the Engine creation
we don't even need a DBAPI to be available.
Calls to context.execute() here emit the given string to the
script output.
"""
url = config.get_main_option("sqlalchemy.url")
context.configure(
url=url, target_metadata=get_metadata(), literal_binds=True
)
with context.begin_transaction():
context.run_migrations()
def run_migrations_online():
"""Run migrations in 'online' mode.
In this scenario we need to create an Engine
and associate a connection with the context.
"""
# this callback is used to prevent an auto-migration from being generated
# when there are no changes to the schema
# reference: http://alembic.zzzcomputing.com/en/latest/cookbook.html
def process_revision_directives(context, revision, directives):
if getattr(config.cmd_opts, 'autogenerate', False):
script = directives[0]
if script.upgrade_ops.is_empty():
directives[:] = []
logger.info('No changes in schema detected.')
conf_args = current_app.extensions['migrate'].configure_args
if conf_args.get("process_revision_directives") is None:
conf_args["process_revision_directives"] = process_revision_directives
connectable = get_engine()
with connectable.connect() as connection:
context.configure(
connection=connection,
target_metadata=get_metadata(),
**conf_args
)
with context.begin_transaction():
context.run_migrations()
if context.is_offline_mode():
run_migrations_offline()
else:
run_migrations_online()

24
migrations/script.py.mako Normal file
View File

@@ -0,0 +1,24 @@
"""${message}
Revision ID: ${up_revision}
Revises: ${down_revision | comma,n}
Create Date: ${create_date}
"""
from alembic import op
import sqlalchemy as sa
${imports if imports else ""}
# revision identifiers, used by Alembic.
revision = ${repr(up_revision)}
down_revision = ${repr(down_revision)}
branch_labels = ${repr(branch_labels)}
depends_on = ${repr(depends_on)}
def upgrade():
${upgrades if upgrades else "pass"}
def downgrade():
${downgrades if downgrades else "pass"}

View File

@@ -0,0 +1,34 @@
"""Initial migration
Revision ID: 0de18b4ddaa3
Revises:
Create Date: 2025-01-20 14:50:44.116314
"""
from alembic import op
import sqlalchemy as sa
# revision identifiers, used by Alembic.
revision = '0de18b4ddaa3'
down_revision = None
branch_labels = None
depends_on = None
def upgrade():
# ### commands auto generated by Alembic - please adjust! ###
with op.batch_alter_table('player', schema=None) as batch_op:
batch_op.add_column(sa.Column('user_id', sa.Integer(), nullable=True))
batch_op.create_foreign_key('fk_user_id', 'user', ['user_id'], ['id'])
# ### end Alembic commands ###
def downgrade():
# ### commands auto generated by Alembic - please adjust! ###
with op.batch_alter_table('player', schema=None) as batch_op:
batch_op.drop_constraint('fk_user_id', type_='foreignkey')
batch_op.drop_column('user_id')
# ### end Alembic commands ###

68
templates/admin.html Normal file
View File

@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html>
<head>
<title>Admin Panel</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container py-5">
<h1 class="text-center mb-4">Admin Panel</h1>
<h2>Manage Users</h2>
<table class="table">
<thead>
<tr>
<th>Username</th>
<th>Role</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
{% for user in users %}
<tr>
<td>{{ user.username }}</td>
<td>{{ user.role }}</td>
<td>
<form action="{{ url_for('change_role', user_id=user.id) }}" method="post" class="d-inline">
<select name="role" class="form-select d-inline-block" style="width: auto;">
<option value="user" {% if user.role == 'user' %}selected{% endif %}>User</option>
<option value="admin" {% if user.role == 'admin' %}selected{% endif %}>Admin</option>
</select>
<button type="submit" class="btn btn-sm btn-primary">Change Role</button>
</form>
<form action="{{ url_for('delete_user', user_id=user.id) }}" method="post" class="d-inline">
<button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure you want to delete this user?');">Delete</button>
</form>
</td>
</tr>
{% endfor %}
</tbody>
</table>
<h2>Create New User</h2>
<form action="{{ url_for('create_user') }}" method="post">
<div class="mb-3">
<label for="username" class="form-label">Username</label>
<input type="text" class="form-control" id="username" name="username" required>
</div>
<div class="mb-3">
<label for="password" class="form-label">Password</label>
<input type="password" class="form-control" id="password" name="password" required>
</div>
<div class="mb-3">
<label for="role" class="form-label">Role</label>
<select class="form-select" id="role" name="role" required>
<option value="user">User</option>
<option value="admin">Admin</option>
</select>
</div>
<button type="submit" class="btn btn-success">Create User</button>
</form>
<div class="mt-4">
<a href="{{ url_for('dashboard') }}" class="btn btn-secondary">Back to Dashboard</a>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

View File

@@ -10,6 +10,23 @@
<div class="container py-5"> <div class="container py-5">
<h1 class="text-center mb-4">Dashboard</h1> <h1 class="text-center mb-4">Dashboard</h1>
<!-- Sign Out Button -->
<div class="text-end mb-4">
<a href="{{ url_for('logout') }}" class="btn btn-danger">Sign Out</a>
</div>
<!-- Users Management Section -->
{% if current_user.role == 'admin' %}
<div class="card mb-4">
<div class="card-header bg-info text-white">
<h2>Users Management</h2>
</div>
<div class="card-body text-center">
<a href="{{ url_for('admin') }}" class="btn btn-info btn-lg">Manage Users</a>
</div>
</div>
{% endif %}
<!-- Players Section --> <!-- Players Section -->
<div class="card mb-4"> <div class="card mb-4">
<div class="card-header bg-primary text-white"> <div class="card-header bg-primary text-white">
@@ -18,8 +35,6 @@
<div class="card-body"> <div class="card-body">
<ul class="list-group"> <ul class="list-group">
{% for player in players %} {% for player in players %}
<!-- ...existing code... -->
<li class="list-group-item d-flex justify-content-between align-items-center"> <li class="list-group-item d-flex justify-content-between align-items-center">
<div> <div>
<strong>{{ player.username }}</strong> ({{ player.ip }}) <strong>{{ player.username }}</strong> ({{ player.ip }})
@@ -27,18 +42,20 @@
<div> <div>
<a href="{{ url_for('player_page', player_id=player.id) }}" class="btn btn-sm btn-secondary">View Schedule</a> <a href="{{ url_for('player_page', player_id=player.id) }}" class="btn btn-sm btn-secondary">View Schedule</a>
<a href="{{ url_for('player_fullscreen', player_id=player.id) }}" class="btn btn-sm btn-primary">Full Screen</a> <a href="{{ url_for('player_fullscreen', player_id=player.id) }}" class="btn btn-sm btn-primary">Full Screen</a>
{% if current_user.role == 'admin' %}
<form action="{{ url_for('delete_player', player_id=player.id) }}" method="post" style="display:inline;"> <form action="{{ url_for('delete_player', player_id=player.id) }}" method="post" style="display:inline;">
<button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure you want to delete this player?');">Delete</button> <button type="submit" class="btn btn-sm btn-danger" onclick="return confirm('Are you sure you want to delete this player?');">Delete</button>
</form> </form>
{% endif %}
</div> </div>
</li> </li>
<!-- ...existing code... -->
{% endfor %} {% endfor %}
</ul> </ul>
{% if current_user.role == 'admin' %}
<div class="mt-3"> <div class="mt-3">
<a href="{{ url_for('add_player') }}" class="btn btn-success">Add Player</a> <a href="{{ url_for('add_player') }}" class="btn btn-success">Add Player</a>
</div> </div>
{% endif %}
</div> </div>
</div> </div>
@@ -55,9 +72,11 @@
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
{% if current_user.role == 'admin' %}
<div class="mt-3"> <div class="mt-3">
<a href="{{ url_for('add_group') }}" class="btn btn-primary">Add Group</a> <a href="{{ url_for('add_group') }}" class="btn btn-primary">Add Group</a>
</div> </div>
{% endif %}
</div> </div>
</div> </div>

24
templates/login.html Normal file
View File

@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container py-5">
<h1 class="text-center mb-4">Login</h1>
<form action="{{ url_for('login') }}" method="post">
<div class="mb-3">
<label for="username" class="form-label">Username</label>
<input type="text" class="form-control" id="username" name="username" required>
</div>
<div class="mb-3">
<label for="password" class="form-label">Password</label>
<input type="password" class="form-control" id="password" name="password" required>
</div>
<button type="submit" class="btn btn-primary">Login</button>
</form>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

24
templates/register.html Normal file
View File

@@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<title>Register</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container py-5">
<h1 class="text-center mb-4">Register</h1>
<form action="{{ url_for('register') }}" method="post">
<div class="mb-3">
<label for="username" class="form-label">Username</label>
<input type="text" class="form-control" id="username" name="username" required>
</div>
<div class="mb-3">
<label for="password" class="form-label">Password</label>
<input type="password" class="form-control" id="password" name="password" required>
</div>
<button type="submit" class="btn btn-primary">Register</button>
</form>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>