{% extends 'base.html.twig' %}

{% block title %}
	Votre compte client
{% endblock %}

{% block metaDesc %}Gérez votre compte client Vulcan' Affûtage. Consultez vos commandes, modifiez vos informations personnelles et suivez vos achats de couteaux artisanaux.{% endblock %}

{% block canonical %}compte{% endblock %}

{% block seoIndex %}
    <meta name="robots" content="noindex, follow">
{% endblock %}

{% block headerCompte %}
	gColor
{% endblock %}

{% block body %}
	<div class="header-image w-100-p h-100-vh dp-f j-c-c a-i-c p-f z-i--1">
		<img class="p-a max-h-65-p max-w-90-p b-60 op-3" src="/assets/logo-sf2.webp" alt="Header image">
	</div>
	<div class="pageContainer l-h-1-5">
		<div class="p-r dp-f-c bg-va-transparent pad-30 gp-30 b-s-b-b b-r-10 ovf-h">
			<div class="contact-header p-a t-0 l-0 w-100-p h-200 dp-f-c j-c-c a-i-c pad-10 gBgColor b-s-b-b">
				<div class="dp-f-c gp-10 b-r-5 dp-f-c j-c-c a-i-c gBgColor b-s-b-b w-100-p h-100-p pad-15 b-s-b-b" style="border: 2px solid var(--dom-cwhite);">
					{% set heure = "now"|date("H") %}
					{% set salutation = (heure >= 19 or heure < 5) ? 'Bonsoir' : 'Bonjour' %}
					
					{% if app.session.get('client_id') %}
						<h1 class="cwColor ft-s-45 ft-s-30-r600 t-a-c">
							{{ salutation }}
							{{ app.session.get('client_prenom') }}
						</h1>
					{% else %}
						<h1 class="cwColor ft-s-45 ft-s-30-r600 t-a-c">
							{{ salutation }}
						</h1>
					{% endif %}
				</div>
			</div>
			{% if app.session.get('client_id') %}
				<div class="dp-f-c gp-30 ft-s-20 mar-t-220">
					<div class="dp-f-r j-c-c a-i-c f-d-c-r700">
						<a class="barre-menu-button barre-menu-button-left" href="{{ path('app_commande') }}">
							Vos commandes
						</a>
						<a class="barre-menu-button" href="{{ path('app_information_compte') }}">
							Vos informations
						</a>
						<a class="barre-menu-button barre-menu-button-right" href="{{ path('app_client_logout') }}">
							Déconnexion
						</a>
					</div>
				</div>
			{% else %}
				<div class="dp-f-c gp-30 ft-s-20 mar-t-220">
					<div>
						<div class="little"></div>
						<h2 class="ft-s-25 ft-s-20-r600">Connectez vous pour avoir accès à vos commande et à votre espace client.</h2>
					</div>
					<div class="dp-f-r j-c-c a-i-c f-d-c-r700">
						<a class="barre-menu-button barre-menu-button-left" href="{{ path('app_client_login') }}">
							Connexion
						</a>
						<a class="barre-menu-button barre-menu-button-right" href="{{ path('app_inscription') }}">
							Inscription
						</a>
					</div>
				</div>
			{% endif %}
		</div>
	</div>
{% endblock %}