hasani
68 lines
3.3 KiB
Twig
68 lines
3.3 KiB
Twig
{% extends "layout.twig" %}
|
|
|
|
{% block title %}Login - {{ app_name }}{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="min-h-screen flex items-center justify-center gradient-bg py-12 px-4 sm:px-6 lg:px-8">
|
|
<div class="max-w-md w-full space-y-8">
|
|
<div>
|
|
<div class="flex justify-center">
|
|
<i class="fas fa-shield-alt text-white text-6xl"></i>
|
|
</div>
|
|
<h2 class="mt-6 text-center text-3xl font-extrabold text-white">
|
|
{{ app_name }}
|
|
</h2>
|
|
<p class="mt-2 text-center text-sm text-gray-100">
|
|
Sign in to manage your VPN servers
|
|
</p>
|
|
</div>
|
|
|
|
<div class="bg-white rounded-lg shadow-xl p-8">
|
|
{% if error %}
|
|
<div class="mb-4 bg-red-50 border border-red-400 text-red-700 px-4 py-3 rounded relative" role="alert">
|
|
<span class="block sm:inline">{{ error }}</span>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<form class="space-y-6" method="POST" action="/login">
|
|
<div>
|
|
<label for="email" class="block text-sm font-medium text-gray-700">
|
|
Email address
|
|
</label>
|
|
<div class="mt-1 relative">
|
|
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
|
|
<i class="fas fa-envelope text-gray-400"></i>
|
|
</div>
|
|
<input id="email" name="email" type="email" autocomplete="email" required
|
|
class="appearance-none block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-purple-500 focus:border-purple-500"
|
|
placeholder="admin@amnez.ia">
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="password" class="block text-sm font-medium text-gray-700">
|
|
Password
|
|
</label>
|
|
<div class="mt-1 relative">
|
|
<div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
|
|
<i class="fas fa-lock text-gray-400"></i>
|
|
</div>
|
|
<input id="password" name="password" type="password" autocomplete="current-password" required
|
|
class="appearance-none block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-purple-500 focus:border-purple-500"
|
|
placeholder="••••••••">
|
|
</div>
|
|
</div>
|
|
|
|
<div>
|
|
<button type="submit"
|
|
class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white gradient-bg hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-purple-500">
|
|
<i class="fas fa-sign-in-alt mr-2"></i>
|
|
Sign in
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|