<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<base href="../" />
<title>TCard</title>
{% include 'partials_v2/meta.html.twig' %}
<!--begin::Fonts(mandatory for all pages)-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700" />
<!--end::Fonts-->
<!-- custom links -->
<link href="{{ asset('v2/assets/css/main.style.css') }}" rel="stylesheet" type="text/css" />
<!--begin::Global Stylesheets Bundle(mandatory for all pages)-->
<link href="{{ asset('v2/assets/plugins/global/plugins.bundle.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('v2/assets/css/style.bundle.css') }}" rel="stylesheet" type="text/css" />
<!--end::Global Stylesheets Bundle-->
</head>
<!--end::Head-->
<!--begin::Body-->
<body id="kt_body" class="app-blank bgi-size-cover bgi-position-center bgi-no-repeat">
<!--begin::Theme mode setup on page load-->
<script>
var defaultThemeMode = "light";
var themeMode;
if (document.documentElement) {
if (document.documentElement.hasAttribute("data-theme-mode")) {
themeMode = document.documentElement.getAttribute("data-theme-mode");
} else {
if (localStorage.getItem("data-theme") !== null) {
themeMode = localStorage.getItem("data-theme");
} else {
themeMode = defaultThemeMode;
}
}
if (themeMode === "system") {
themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
}
document.documentElement.setAttribute("data-theme", themeMode);
}
</script>
<div class="d-flex flex-column flex-root">
<!--begin::Page bg image-->
<!--end::Page bg image-->
<!--begin::Authentication - Sign-in -->
<div class="d-flex flex-column flex-lg-row flex-column-fluid ls-signin-bg">
<!--begin::Aside-->
<div class="d-flex flex-lg-row-fluid">
<!--begin::Content-->
<div class="d-flex flex-column flex-center pb-0 pb-lg-10 p-10 w-100">
<!-- begin::sign in logos -->
<div class="ls-signin-img mb-8">
<img src="{{asset('v2/assets/media/illustrations/signin-img.png') }}" class="img-fluid">
</div>
<!-- end::sign in logos -->
<h1 class="text-gray-800 fs-2qx fw-bold text-center mb-7">{{'TCARD_CAPTION'|trans }}
</h1>
<!--end::Title-->
<!--begin::Text-->
<div class="text-gray-600 fs-base text-center fw-semibold">{{'TCARD_CAPTION_SUB'|trans|raw }}
</div>
<!--end::Text-->
</div>
<!--end::Content-->
</div>
<!--begin::Aside-->
<!--begin::Body-->
<div class="d-flex flex-column-fluid flex-lg-row-auto justify-content-center justify-content-lg-end p-12">
<!--begin::Wrapper-->
<div class="bg-body d-flex flex-center rounded-4 w-md-600px p-10 ls-signin-formbox-shadow">
<!--begin::Content-->
<div class="w-md-400px">
<!--begin::Form-->
{{ form_start(requestForm, {'attr': {'class': 'login-form'}}) }}
<!--begin::Heading-->
<div class="text-center mb-11">
<div class="ls-signin-form-logo ls-br-10px d-inline-block mb-8">
<img src="assets/v2/assets/media/logos/lts.png" alt="" class="img-fluid w-200px" />
</div>
<!--begin::Title-->
<h1 class="text-dark fw-bolder mb-3">{{ 'FORGOT_PASSWORD'|trans }}?</h1>
<!--end::Title-->
<!--begin::Subtitle-->
<div class="text-gray-500 fw-semibold fs-6">
{{ 'ENTER_YOUR_EMAIL_ADDRESS_ASSOCIATED_WITH_YOUR_ACCOUNT_AND_WE_WILL_SEND_YOU_A_LINK_TO_RESET_YOUR_PASSWORD.'|trans }}
</div>
<!--end::Subtitle=-->
</div>
<!--begin::Heading-->
<!--begin::Input group=-->
<div class="fv-row mb-8">
{{ form_widget(requestForm.email, {'attr': {'class': 'form-control bg-transparent ls-br-10px','placeholder': 'EMAIL_ADDRESS'|trans}})}}
</div>
{{ form_errors(requestForm.email) }}
<!--begin::Submit button-->
<div class="d-flex mb-10 lt-reset-pass-action gap-3">
<a href="{{path('app_login')}}" class="ls-br-10px w-100"><button type="button"
id="kt_sign_in_submit" class="btn btn-secondary ls-br-10px w-100">
<!--begin::Indicator label-->
<span class="indicator-label">{{ 'CANCEL'|trans }}</span>
<!--end::Indicator label-->
</button></a>
<button type="submit"
class="btn btn-primary ls-br-10px w-100 signin-btn">{{'Submit'|trans}}</button>
</div>
{% for flashError in app.flashes('reset_password_error') %}
<div class="alert alert-danger alert-dismissible fade show mail-send-danger" role="alert">
<i class="fa fa-warning me-2 opacity-75"></i>
{{ flashError }}
</div>
{% endfor %}
{% for flashSuccess in app.flashes('reset_password_success') %}
<div class="alert alert-success alert-dismissible fade show mail-send-success px-4" role="alert">
{{ flashSuccess }}
</div>
{% endfor %}
<!--end::Submit button-->
<!--begin::Sign In-->
<div class="text-gray-500 text-center fw-semibold fs-6">{{'GO_BACK_TO_SIGNIN'|trans}}
<a href="/login" class="link-primary">{{'SIGNIN_BTN_TITLE'|trans}}</a></div>
<!--end::Sign In-->
<!--begin::Sign up-->
{% if enable_sign_up %}
<div class="text-gray-500 text-center fw-semibold fs-6">{{'NOT_A_MEMBER_YET'|trans}}
<a href="{{path('app_registration_page')}}" class="link-primary">{{ 'SIGN_UP'|trans }}</a>
</div>
{% endif %}
<!--end::Sign up-->
{{ form_end(requestForm) }}
<!--end::Form-->
</div>
<!--end::Content-->
</div>
<!--end::Wrapper-->
</div>
<!--end::Body-->
</div>
<!--end::Authentication - Sign-in-->
</div>
<!--end::Root-->
<!--end::Main-->
<!--begin::Javascript-->
<script>
var hostUrl = "assets/";
</script>
<!--begin::Global Javascript Bundle(mandatory for all pages)-->
<script src="{{asset('v2/assets/plugins/global/plugins.bundle.js')}}"></script>
<script src="{{asset('v2/assets/js/scripts.bundle.js')}}"></script>
<!--end::Global Javascript Bundle-->
<!--begin::Custom Javascript(used for this page only)-->
<script src="{{asset('v2/assets/js/custom/authentication/sign-in/general.js')}}"></script>
<!--end::Custom Javascript-->
<!--end::Javascript-->
</body>
<!--end::Body-->
</html>