{% extends 'base.html' %}

{% load static i18n tenant_tags %}

{% block title %}{% trans "Password Reset Sent" %} - Agdar{% endblock %}

{% block outter_content %}
	<!-- BEGIN password-reset-done -->
	<div class="login login-v1">
		<!-- BEGIN login-container -->
		<div class="login-container">
			<!-- BEGIN login-header -->
			<div class="login-header">
				<div class="brand">
					<div class="d-flex align-items-center">
						{% get_tenant_logo request.user.tenant as tenant_logo %}
						{% if tenant_logo %}
							<img src="{{ tenant_logo.url }}" alt="{{ request.user.tenant.name }}" style="height: 128px;" class="me-2" />
						{% else %}
							<img src="{% static 'img/logo/tenhal_logo.png' %}" alt="Tenhal|تنحل" class="me-2" style="height: 128px;" />
						{% endif %}
					</div>
					<small>{% trans "Behavioral Clinic Management System" %}</small>
				</div>
				<div class="icon">
					<i class="fa fa-envelope-open"></i>
				</div>
			</div>
			<!-- END login-header -->
			
			<!-- BEGIN login-body -->
			<div class="login-body">
				<!-- BEGIN login-content -->
				<div class="login-content fs-13px">
					<div class="text-center mb-4">
						<div class="mb-3">
							<i class="fa fa-check-circle text-success" style="font-size: 64px;"></i>
						</div>
						<h4 class="mb-3">{% trans "Check Your Email" %}</h4>
						<p class="text-muted">
							{% trans "We've sent you an email with instructions to reset your password." %}
						</p>
						<p class="text-muted">
							{% trans "If you don't receive an email within a few minutes, please check your spam folder." %}
						</p>
					</div>

					<div class="alert alert-info" role="alert">
						<i class="fa fa-info-circle me-2"></i>
						{% trans "The password reset link will expire in 24 hours for security reasons." %}
					</div>

					<div class="login-buttons mt-4">
						<a href="{% url 'login' %}" class="btn btn-theme h-45px d-block w-100 btn-lg">
							<i class="fa fa-arrow-left me-2"></i>
							{% trans "Back to Login" %}
						</a>
					</div>

					<div class="text-center mt-3">
						<small class="text-muted">
							{% trans "Didn't receive the email?" %}
							<a href="{% url 'password_reset' %}" class="text-theme">{% trans "Try again" %}</a>
						</small>
					</div>
				</div>
				<!-- END login-content -->
			</div>
			<!-- END login-body -->
		</div>
		<!-- END login-container -->
	</div>
	<!-- END password-reset-done -->
{% endblock %}