@foreach ($users as $user)
@php
$shop = $user->ownerOfShops->first();
@endphp
<tr class="storeRow">
  <td class="personImg text-right">
    <div class="img-wrapper">
      @if ($user->profile_picture)
        <img src="{{ asset('storage/' . $user->profile_picture) }}" alt="{{ $user->full_name }}" class="avatar" width="48" />
      @else
        <img src="{{ asset('img/user.svg') }}" alt="{{ $user->full_name }}">
      @endif
    </div>
  </td>
  <td class="personName">
    <p>{{ $user->full_name ?? $user->username }}</p>
    <ul class="list-inline options">
      <li class="list-inline-item">
        <a href="{{ route('impersonate', $user->id) }}" class="btn"><i class="fas fa-sign-in-alt" data-toggle="tooltip" data-placement="top" title="" data-original-title="Log in come utente"></i></a>
      </li>
      <li class="list-inline-item">
        <a href="{{ route('superadmin.users.edit', $user->id) }}" class="btn"><i class="fas fa-pencil-alt" data-toggle="tooltip" data-placement="top" title="" data-original-title="Modifica utente"></i></a>
      </li>
      <li class="list-inline-item">
        <form action="{{ route('superadmin.users.destroy', $user->id) }}" method="POST">
          @method('delete')
          @csrf
          <button class="btn deleteUser" type="submit"><i class="far fa-trash-alt" data-toggle="tooltip" data-placement="top" title="" data-original-title="Cancella utente"></i></button>
        </form>
      </li>
    </ul>
  </td>
  <td class="nameOfStore">
    @if ($shop && $shop->name)
    <p>{{ $shop->name }}</p>
    <a href="javascript:void(0);" data-toggle="dynamic-modal" data-action="users_shops" data-params="{{ json_encode([ 'user_id' => $user->id ]) }}">
      <i class="fas fa-eye" data-toggle="tooltip" data-placement="top" title="" data-original-title="See all Shops"></i>
    </a>
    @else
    <p class="text-uppercase">N/A</p>
    @endif
  </td>
  <td class="storeId text-center inline">
    <p>cod. {{ $user->code }}</p>
  </td>
  <td class="storeAddress">
    @if ($shop && $shop->contact)
    <p>
      <span class="bold">{{ $shop->contact->city }}</span> {{ $shop->contact->address ? $shop->contact->address . ',' : '' }}
      {{ $shop->contact->postal_code }}
    </p>
    @else
    <p class="text-uppercase">N/A</p>
    @endif
  </td>
  <td class="orderToolbar text-center inline">
    <div class="imgs-wrapper">
      <ul class="list-inline">
        <li class="list-inline-item {{ !($user->groups->count()) ? 'disabled': '' }}">
          <img src="{{ asset('img/icons/people.svg') }}" alt="">
        </li>
        <li class="list-inline-item">
          <a href="javascript:void(0);" data-toggle="dynamic-modal" data-action="attach_user_to_groups" data-params="{{ json_encode([ 'user_id' => $user->id ]) }}">
            <img src="{{ asset('img/icons/plus-circle.svg') }}" alt="" data-toggle="tooltip" data-placement="top" title="" data-original-title="Aggiungi a gruppo">
          </a>
        </li>
      </ul>
    </div>
  </td>
  <td class="showOrder">
    <a class="img-wrapper" href="{{ isset($shop) ? route('superadmin.users.shops.show', [$user->id, $shop->id]) : 'javascript:void(0)' }}">
      <img src="{{ asset('img/icons/arrow-right.svg') }}" alt="">
    </a>
  </td>
</tr>
@endforeach