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

{% block title %}Votre compte client — Vulcan' Affûtage{% endblock %}
{% block metaDesc %}Gérez votre compte client Vulcan' Affûtage : commandes, informations personnelles et suivi de vos achats.{% endblock %}
{% block canonical %}compte{% endblock %}
{% block seoIndex %}<meta name="robots" content="noindex, follow">{% endblock %}
{% block headerCompte %}gColor{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('styles/ds-v2.css') }}">
    <link rel="stylesheet" href="{{ asset('styles/ds-v2-pages.css') }}">
{% endblock %}

{% block body %}
{% set heure = "now"|date("H") %}
{% set salutation = (heure >= 19 or heure < 5) ? 'Bonsoir' : 'Bonjour' %}
<main class="nhp-main">

    <section class="v2-phero" data-v2-hero>
        <div class="nhp-wrap">
            <span class="nhp-eyebrow">Espace client</span>
            <h1 class="v2-phero-title">
                {{ salutation }}{% if app.session.get('client_id') %} <em>{{ app.session.get('client_prenom') }}</em>{% endif %}.
            </h1>
            <p class="v2-phero-sub">Retrouvez vos commandes et vos informations, au même endroit.</p>
        </div>
    </section>

    <section class="nhp-section nhp-section--light">
        <div class="nhp-wrap">
            {% if app.session.get('client_id') %}
                {% include 'compte/_tabs.html.twig' with { current: 'accueil' } only %}

                <div class="acc-panel nhp-reveal d1">
                    <h2 class="nhp-h2" style="font-size:1.4rem;margin-bottom:8px;">Bienvenue dans votre atelier personnel.</h2>
                    <p class="pdet-desc" style="margin-bottom:22px;">Que souhaitez-vous faire aujourd'hui ?</p>
                    <div class="acc-guest-actions" style="justify-content:flex-start;">
                        <a href="{{ path('app_commande') }}" class="nhp-btn nhp-btn--primary">Voir mes commandes</a>
                        <a href="{{ path('app_information_compte') }}" class="nhp-btn nhp-btn--ghost">Mes informations</a>
                        <a href="{{ path('app_produits') }}" class="nhp-btn nhp-btn--ghost">Retour à la boutique</a>
                    </div>
                </div>
            {% else %}
                <div class="acc-guest nhp-reveal">
                    <h2>Connectez-vous</h2>
                    <p>Retrouvez vos commandes, vos affûtages, vos réservations d'atelier et vos cartes cadeaux dans votre espace client Vulcan'&nbsp;Affûtage.</p>
                    <div class="acc-guest-actions">
                        <a href="{{ path('app_client_login', {route: 'compte'}) }}" class="nhp-btn nhp-btn--primary">Se connecter</a>
                        <a href="{{ path('app_inscription') }}" class="nhp-btn nhp-btn--ghost">Créer un compte</a>
                    </div>
                    <p class="acc-guest-note">Pas encore client ? La création d'un compte prend moins d'une minute.</p>
                </div>
            {% endif %}
        </div>
    </section>

</main>
{% endblock %}

{% block other_javascripts %}
    <script src="{{ asset('scripts/ds-v2-app.js') }}" defer></script>
{% endblock %}