55 lines
2.3 KiB
HTML
55 lines
2.3 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Login - OPNsense Backup Manager{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="min-h-[calc(100vh-12rem)] flex items-center justify-center">
|
|
<div class="w-full max-w-md">
|
|
<div class="bg-neutral-800 rounded-lg shadow-lg p-8 border border-neutral-700">
|
|
<div class="text-center mb-8">
|
|
<h1 class="text-3xl font-bold text-orange-500 mb-2">OPNsense Backup Manager</h1>
|
|
<p class="text-neutral-400">Sign in to manage your backups</p>
|
|
</div>
|
|
|
|
<form method="POST" action="{{ url_for('login') }}" class="space-y-6">
|
|
<div>
|
|
<label for="username" class="block text-sm font-medium text-neutral-300 mb-2">
|
|
Username
|
|
</label>
|
|
<input
|
|
type="text"
|
|
id="username"
|
|
name="username"
|
|
required
|
|
class="w-full px-4 py-2 bg-neutral-700 border border-neutral-600 rounded-md text-neutral-100 placeholder-neutral-400 focus:outline-none focus:ring-2 focus:ring-orange-500 focus:border-transparent"
|
|
placeholder="Enter your username"
|
|
>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="password" class="block text-sm font-medium text-neutral-300 mb-2">
|
|
Password
|
|
</label>
|
|
<input
|
|
type="password"
|
|
id="password"
|
|
name="password"
|
|
required
|
|
class="w-full px-4 py-2 bg-neutral-700 border border-neutral-600 rounded-md text-neutral-100 placeholder-neutral-400 focus:outline-none focus:ring-2 focus:ring-orange-500 focus:border-transparent"
|
|
placeholder="Enter your password"
|
|
>
|
|
</div>
|
|
|
|
<button
|
|
type="submit"
|
|
class="w-full bg-orange-500 hover:bg-orange-600 text-white font-medium py-2 px-4 rounded-md transition-colors duration-200 hover:cursor-pointer">
|
|
Sign In
|
|
</button>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|