{% extends "../base.html" %}

{% block title %}{{ _("Home") }}{% end block %}

{% block content %}
	<section>
		<div class="row mb-5">
			<div class="col col-lg-6">
				<h1>{{ _("Hello, %s!") % current_user.first_name }}</h1>

				<p>
					{{ _("Welcome to the IPFire People Portal where you can manage your account and get in touch with others") }}
				</p>
			</div>
		</div>

		{% if not current_user.consents_to_promotional_emails %}
			<div class="card glow-primary border-primary">
				<div class="card-body">
					<h6>{{ _("You are currently not subscribed to important updates from the IPFire Project") }}</h6>

	                <div class="row">
	                    <div class="col-2 d-flex align-items-center justify-content-center">
	                        <i class="fas fa-envelope-open-text fa-3x text-primary"></i>
	                    </div>

	                    <div class="col-10 col-lg-6 mb-3 mb-lg-0">
	                        <p class="card-text">
	                            {{ _("Subscribe to receive notifications about important security updates of IPFire and other news from inside the project") }}
	                        </p>
	                    </div>

	                    <div class="col-12 col-lg-4">
							<form action="/subscribe" method="POST">
								{% raw xsrf_form_html() %}

								<button type="submit" class="btn btn-success btn-block">
									{{ _("Subscribe Now") }}
								</button>
							</form>
	                    </div>
	                </div>
				</div>
			</div>
		{% end %}

		{% if hints %}
			<div class="card my-5">
				<div class="card-body">
					<div class="row">
						<div class="col-12 col-md-2 text-center">
							<i class="far fa-smile-wink fa-4x my-3"></i>
						</div>

						<div class="col-12 col-md-10">
							<h4 class="mb-0">{{ _("Tell us more about you!") }}</h4>
							<p>
								{{ _("Become a part of our community and allow other people to connect with you!") }}
							</p>
						</div>
					</div>
				</div>

				<div class="list-group list-group-flush">
					{% for hint in hints %}
						<a class="list-group-item list-group-item-action" href="/users/{{ current_user.uid }}/edit">
							{% if hint == "avatar" %}
								<h6 class="mb-0">{{ _("Upload an avatar!") }}</h6>

								<p class="card-text">
									{{ _("A picture says more than a thousand words.") }}
								</p>
							{% elif hint == "description" %}
								<h6 class="mb-0">{{ _("Tell Us Who You Are!" ) }}</h6>

								<p class="card-text">
									{{ _("Add a couple of lines about yourself to your profile so that others get to know you better!") }}
								</p>
							{% end %}
						</a>
					{% end %}
				</div>
			</div>
		{% end %}
	</section>
{% end block %}