<div class="col-12 col-md-3">
  <div class="account-sides-wrap">
    <div class="account-sides-info">
      <div class="mb-header d-md-none">
        <h5 class="mb-title mb-0">{{ __('shop/account.index') }}</h5>
        <span class="btn-close" aria-label="Close"></span>
      </div>
      @hook('account.sidebar.before.head')
      <div class="head">
        <div class="portrait"><img src="{{ image_resize($customer->avatar, 200, 200) }}" alt="{{ $customer->name }}" class="img-fluid"></div>
        <div class="text-md-center">
          <div class="account-name">{{ $customer->name }}</div>
          @hookwrapper('account.sidebar.email')
          <div class="account-email">{{ $customer->email }}</div>
          @endhookwrapper
        </div>
        @hook('account.sidebar.after.head')
      </div>

      @hook('account.sidebar.before.nav')
      <nav class="list-group account-links">
        <a class="list-group-item d-flex justify-content-between align-items-center {{ equal_route('shop.account.index') ? 'active' : '' }}"
          href="{{ shop_route('account.index') }}">
          <span>{{ __('shop/account.index') }}</span></a>
        <a class="list-group-item d-flex justify-content-between align-items-center {{ equal_route('shop.account.edit.index') ? 'active' : '' }}"
          href="{{ shop_route('account.edit.index') }}">
          <span>{{ __('shop/account/edit.index') }}</span></a>
        <a class="list-group-item d-flex justify-content-between align-items-center {{ equal_route('shop.account.password.index') ? 'active' : '' }}"
           href="{{ shop_route('account.password.index') }}">
          <span>{{ __('shop/account/password.index') }}</span></a>
        <a class="list-group-item d-flex justify-content-between align-items-center {{ equal_route('shop.account.order.index') || equal_route('shop.account.order.show') ? 'active' : '' }}"
          href="{{ shop_route('account.order.index') }}">
          <span>{{ __('shop/account/order.index') }}</span></a>
        @hookwrapper('account.sidebar.nav.addresses')
        <a class="list-group-item d-flex justify-content-between align-items-center {{ equal_route('shop.account.addresses.index') ? 'active' : '' }}"
          href="{{ shop_route('account.addresses.index') }}">
          <span>{{ __('shop/account/addresses.index') }}</span></a>
        @endhookwrapper
        <a class="list-group-item d-flex justify-content-between align-items-center {{ equal_route('shop.account.wishlist.index') ? 'active' : '' }}"
          href="{{ shop_route('account.wishlist.index') }}">
          <span>{{ __('shop/account/wishlist.index') }}</span></a>
        <a class="list-group-item d-flex justify-content-between align-items-center {{ equal_route('shop.account.rma.index') || equal_route('shop.account.rma.show') ? 'active' : '' }}"
          href="{{ shop_route('account.rma.index') }}">
          <span>{{ __('shop/account/rma.index') }}</span></a>

        @hook('account.sidebar.before.logout')
        <a class="list-group-item d-flex justify-content-between align-items-center" href="{{ shop_route('logout') }}">
          <span>{{ __('common.sign_out') }}</span></a>
      </nav>
      @hook('account.sidebar.after.nav')
    </div>
  </div>
</div>
