{% extends 'shared/auth.html.twig'%}
{% block title %}Setup New Password{% endblock %}

	 {% block content %}
   	<!--begin::Form-->

								{{ form_errors(resetForm) }}
								{{ form_start(resetForm, {'attr': {'novalidate': 'novalidate', 'class': 'form w-100'}}) }}
								<!--begin::Heading-->
								<div class="text-center mb-10">
									<!--begin::Title-->
									<h1 class="text-gray-900 fw-bolder mb-3">Setup New Password</h1>
									<!--end::Title-->
									<!--begin::Link-->
									<div class="text-gray-500 fw-semibold fs-6">Have you already reset the password ?
									<a href="{{ url('app_signin' )}}" class="link-primary fw-bold">Sign in</a></div>
									<!--end::Link-->
								</div>
								<!--begin::Heading-->
								<!--begin::Input group-->
								<div class="fv-row mb-8" data-kt-password-meter="true">
									<!--begin::Wrapper-->
									<div class="mb-1">
										<!--begin::Input wrapper-->
										<div class="position-relative mb-3">
										 {{ form_widget(resetForm.plainPassword.first, {'attr': {'class': 'form-control  bg-transparent', 'placeholder': 'Enter Password'}})}}

											<span class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2" data-kt-password-meter-control="visibility">
												<i class="ki-duotone ki-eye-slash fs-2"></i>
												<i class="ki-duotone ki-eye fs-2 d-none"></i>
											</span>
										<span class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">{{ form_errors(resetForm.plainPassword.first) }} </span>

										</div>
										<!--end::Input wrapper-->
										<!--begin::Meter-->
										<div class="d-flex align-items-center mb-3" data-kt-password-meter-control="highlight">
											<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
											<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
											<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
											<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px"></div>
										</div>
										<!--end::Meter-->
									</div>
									<!--end::Wrapper-->
									<!--begin::Hint-->
									<div class="text-muted">Use 8 or more characters with a mix of letters, numbers & symbols.</div>
									<!--end::Hint-->
								</div>
								<!--end::Input group=-->
								<!--end::Input group=-->
								<div class="fv-row mb-8">
									<!--begin::Repeat Password-->
								{{ form_widget(resetForm.plainPassword.second, {'attr': {'class': 'form-control bg-transparent', 'placeholder': 'Repeat Password'}})}}
										<span class="fv-plugins-message-container fv-plugins-message-container--enabled invalid-feedback">{{ form_errors(resetForm.plainPassword.second) }} </span>

									<!--end::Repeat Password-->
								</div>
								<!--end::Input group=-->

								<div class="d-grid mb-10">
									<button type="submit" id="new_password_submit" class="btn btn-primary">
										<!--begin::Indicator label-->
										<span class="indicator-label">Reset Password</span>
										<!--end::Indicator label-->
										<!--begin::Indicator progress-->
										<span class="indicator-progress">Please wait...
										<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
										<!--end::Indicator progress-->
									</button>
								</div>
								<!--end::Action-->
							 {{ form_end(resetForm) }}
		<!--end::Form-->

      {% endblock %}

      {% block Javascript %}
      		{# <script src="{{secure_assets}}/js/custom/authentication/sign-in/general.js"></script> #}

      {% endblock %}