{**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License 3.0 (AFL-3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to https://devdocs.prestashop.com/ for more information.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
 *}
{extends file='customer/page.tpl'}

{block name='page_title_customer'}{/block}

{block name='page_content'}
  <h2 class="account-sec-title">{l s='Aperçu du compte' d='Shop.Theme.Customeraccount'}</h2>
  <p class="account-sec-sub">{l s='Gérez vos commandes, vos informations et vos préférences depuis un seul endroit.' d='Shop.Theme.Customeraccount'}</p>

  <div class="account-tiles">

    {if !$configuration.is_catalog}
      <a class="account-tile" href="{$urls.pages.history}">
        <span class="account-tile-ic"><svg xmlns="http://www.w3.org/2000/svg" height="22" viewBox="0 -960 960 960" width="22" fill="currentColor"><path d="M280-280h280v-80H280v80Zm0-160h400v-80H280v80Zm0-160h400v-80H280v80Zm-80 480q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h360l240 240v400q0 33-23.5 56.5T720-120H200Zm320-480v-160H200v560h520v-400H520ZM200-760v160-160 560-560Z"/></svg></span>
        <span class="account-tile-name">{l s='Historique des commandes' d='Shop.Theme.Customeraccount'}</span>
        <span class="account-tile-desc">{l s='Suivre et recommander' d='Shop.Theme.Customeraccount'}</span>
        <span class="account-tile-arrow"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
      </a>
    {/if}

    <a class="account-tile" href="{if $customer.addresses|count}{$urls.pages.addresses}{else}{$urls.pages.address}{/if}">
      <span class="account-tile-ic"><svg xmlns="http://www.w3.org/2000/svg" height="22" viewBox="0 -960 960 960" width="22" fill="currentColor"><path d="M480-480q33 0 56.5-23.5T560-560q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 33 23.5 56.5T480-480Zm0 294q122-112 181-203.5T720-552q0-109-69.5-178.5T480-800q-101 0-170.5 69.5T240-552q0 71 59 162.5T480-186Zm0 106Q319-217 239.5-334.5T160-552q0-150 96.5-239T480-880q127 0 223.5 89T800-552q0 100-79.5 217.5T480-80Z"/></svg></span>
      <span class="account-tile-name">{l s='Adresses' d='Shop.Theme.Customeraccount'}</span>
      <span class="account-tile-desc">{l s='Livraison et facturation' d='Shop.Theme.Customeraccount'}</span>
      <span class="account-tile-arrow"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
    </a>

    <a class="account-tile" href="{$urls.pages.identity}">
      <span class="account-tile-ic"><svg xmlns="http://www.w3.org/2000/svg" height="22" viewBox="0 -960 960 960" width="22" fill="currentColor"><path d="M234-276q51-39 114-61.5T480-360q69 0 132 22.5T726-276q35-41 54.5-93T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 59 19.5 111t54.5 93Zm246-164q-59 0-99.5-40.5T340-580q0-59 40.5-99.5T480-720q59 0 99.5 40.5T620-580q0 59-40.5 99.5T480-440Zm0 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/></svg></span>
      <span class="account-tile-name">{l s='Informations personnelles' d='Shop.Theme.Customeraccount'}</span>
      <span class="account-tile-desc">{l s='Identifiants et coordonnées' d='Shop.Theme.Customeraccount'}</span>
      <span class="account-tile-arrow"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
    </a>

    {if $configuration.voucher_enabled && !$configuration.is_catalog}
      <a class="account-tile" href="{$urls.pages.discount}">
        <span class="account-tile-ic"><svg xmlns="http://www.w3.org/2000/svg" height="22" viewBox="0 -960 960 960" width="22" fill="currentColor"><path d="M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm0-160q17 0 28.5-11.5T520-480q0-17-11.5-28.5T480-520q-17 0-28.5 11.5T440-480q0 17 11.5 28.5T480-440Zm0-160q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm320 440H160q-33 0-56.5-23.5T80-240v-160q33 0 56.5-23.5T160-480q0-33-23.5-56.5T80-560v-160q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v160q-33 0-56.5 23.5T800-480q0 33 23.5 56.5T880-400v160q0 33-23.5 56.5T800-160Z"/></svg></span>
        <span class="account-tile-name">{l s='Bons de réduction' d='Shop.Theme.Customeraccount'}</span>
        <span class="account-tile-desc">{l s='Votre crédit en boutique' d='Shop.Theme.Customeraccount'}</span>
        <span class="account-tile-arrow"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
      </a>
    {/if}

    {if $configuration.return_enabled && !$configuration.is_catalog}
      <a class="account-tile" href="{$urls.pages.order_follow}">
        <span class="account-tile-ic"><svg xmlns="http://www.w3.org/2000/svg" height="22" viewBox="0 -960 960 960" width="22" fill="currentColor"><path d="m480-320 56-56-63-64h167v-80H473l63-64-56-56-160 160 160 160ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h168q13-36 43.5-58t68.5-22q38 0 68.5 22t43.5 58h168q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Z"/></svg></span>
        <span class="account-tile-name">{l s='Retours marchandise' d='Shop.Theme.Customeraccount'}</span>
        <span class="account-tile-desc">{l s='Demander un retour' d='Shop.Theme.Customeraccount'}</span>
        <span class="account-tile-arrow"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
      </a>
    {/if}

    {if !$configuration.is_catalog}
      <a class="account-tile" href="{$urls.pages.order_slip}">
        <span class="account-tile-ic"><svg xmlns="http://www.w3.org/2000/svg" height="22" viewBox="0 -960 960 960" width="22" fill="currentColor"><path d="M880-720v480q0 33-23.5 56.5T800-160H160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720Zm-720 80h640v-80H160v80Zm0 160v240h640v-240H160Z"/></svg></span>
        <span class="account-tile-name">{l s='Avoirs' d='Shop.Theme.Customeraccount'}</span>
        <span class="account-tile-desc">{l s='Vos remboursements' d='Shop.Theme.Customeraccount'}</span>
        <span class="account-tile-arrow"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></span>
      </a>
    {/if}

  </div>
{/block}




