MyComments/templates/login/index.html.twig
Skylar Sadlier 3ed53ac05e - Basic HTML templates
- Created entities & new migration
- Added packages symfony/stimulus-bundle & symfony/webpack-encore-bundle
2024-02-12 19:51:33 -07:00

54 lines
2.6 KiB
Twig

{% extends 'base.html.twig' %}
{% block container %}
<section class="vh-100 gradient-custom">
<div class="container py-5 h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col-12 col-md-8 col-lg-6 col-xl-5">
<div class="card bg-dark text-white" style="border-radius: 1rem;">
<div class="card-body p-5 text-center">
<div class="mb-md-5 mt-md-4 pb-5">
<form action="{{ path('app_login') }}" method="post">
<h2 class="fw-bold mb-5">MyComments Login</h2>
{% if error %}
<div class="alert alert-danger" role="alert">
{{ error.messageKey|trans(error.messageData, 'security') }}
</div>
{% endif %}
<div class="form-outline form-white mb-4">
<input type="email" id="typeEmailX" name="_username" class="form-control form-control-lg" value="{{ last_username }}" />
<label class="form-label" for="typeEmailX">Email</label>
</div>
<div class="form-outline form-white mb-4">
<input type="password" id="typePasswordX" name="_password" class="form-control form-control-lg" />
<label class="form-label" for="typePasswordX">Password</label>
</div>
<button class="btn btn-outline-light btn-lg px-5" type="submit">Login</button>
<div class="d-flex justify-content-center text-center mt-4 pt-1">
<a href="#" class="text-white"><i class="fab fa-google fa-lg mx-1"></i></a>
<a href="#" class="text-white"><i class="fab fa-github fa-lg mx-1"></i></a>
</div>
</form>
</div>
<div>
<p class="mb-0"><a href="#!" class="text-white-50 fw-bold">Forgot your password?</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}