@component('components.superadmin.modal', ['title' => '','id' => 'addGroup'])
<h2 class="modal-title text-center">
  <i class="ci ci-people"></i>
  AGGIUNGI AL GRUPPO
</h2>
<form class="do-form" action="{{ route('superadmin.add-to-groups',$user->id) }}" method="POST">
  @csrf

  <input type="hidden" name="data[]" value="@if(count($user->groups) ){{$user->groups->pluck('id')->implode(',')}}@endif">
  <div class="row addedGroups">
    @if(count($user->groups))
    @foreach($user->groups as $group)
    <div class="col-md-4">
      <div class="storeCard">
        <i class="ci ci-close-white" data-deletion="{{$group->id}}"></i>
        <h4 class="storeTitle">
          {{$group->name}}
        </h4>
      </div>
    </div>
    @endforeach
    @endif

  </div>
  <div class="row searchRow">
    <div class="col-md-2">
      <p>Elenco gruppi</p>
    </div>
    <div class="col-md-10">
      <div class="searhForm-wrapper">
        <input type="text" class="searchFormAdd" />
        <i class="ci ci-search"></i>
        <div class="table-wrapper">
          <table class="table table-hover">
            @foreach($groups as $group)
            <tr class="tableInfo @if(count($user->groups) && in_array($group->id,$user->groups->pluck('id')->toArray()) ) added @endif" data-deletion="{{$group->id}}" data-type="group">
              <td class="iconTd added">
                <i class="ci ci-plus-circle"></i>
              </td>
              <td>
                <div class="row">
                  <div class="col-md-12">
                    <h4 class="storeTitleTable">
                      {{$group->name}}
                    </h4>
                  </div>

                </div>
              </td>
            </tr>
            @endforeach
          </table>
        </div>
      </div>
    </div>
  </div>

  <button type="submit" class="ci-btn btn-green" id="createGrp">
    SALVA
  </button>
</form>
@endcomponent