{% if account.auth %}
<section class="auth">
  <div class="auth-form">
    <div class="auth-inner">
      <p class="auth-kicker">{{ shop.name }}</p>
      <h1>{{ account.title }}</h1>
      {% if account.subtitle %}<p class="auth-sub">{{ account.subtitle }}</p>{% endif %}
      <div class="auth-fields">{{ account.form }}</div>
    </div>
  </div>
  <aside class="auth-visual{% if settings.hero_image %} with-image{% endif %}"{% if settings.hero_image %} style="--hero: url('{{ settings.hero_image | replace: "'", "" }}')"{% endif %} aria-hidden="true">
    <div class="auth-visual-inner">
      <p class="auth-visual-title">{% if account.view == "register" %}Rejoignez {{ shop.name }}{% else %}Votre espace client{% endif %}</p>
      <ul class="auth-perks">
        {% if modules.shop %}<li><b>Suivi de vos commandes</b><span>Préparation, envoi et livraison au même endroit.</span></li>{% endif %}
        {% if modules.booking %}<li><b>Vos rendez-vous</b><span>Retrouvez, déplacez ou annulez en un clic.</span></li>{% endif %}
        <li><b>Plus rapide à chaque visite</b><span>Vos coordonnées et adresses sont gardées pour vous.</span></li>
        <li><b>Vos données vous appartiennent</b><span>Jamais revendues, supprimables à tout moment.</span></li>
      </ul>
    </div>
  </aside>
</section>
{% else %}
<div class="wrap account-page">
  {% include "breadcrumbs" with breadcrumbs: nil, current: "Mon compte" %}
  <h1 class="page-title">{{ account.title }}</h1>
  <div class="account-body">{{ account.form }}</div>
</div>
{% endif %}