{{define "groups_admins"}}
<div class="border-t border-gray-200 px-4 py-5 sm:px-6">
  
  <h2 class="text-md font-medium text-gray-900">Administrateurs</h2>
  
  <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
    
    <div class="relative rounded-lg  bg-white px-6 py-5 flex items-center space-x-3 focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-co-blue">
      <div class="flex-shrink-0">
        <img class="h-10 w-10 rounded-co" src="http://localhost:9000/app/beneficiaries/e7616eac-4a87-4396-a505-23e0421b9c4c/picture" alt="">
      </div>
      <div class="flex-1 min-w-0">
        <a href="#" class="focus:outline-none">
          <span class="absolute inset-0" aria-hidden="true"></span>
          <p class="text-sm font-medium text-gray-900">Arnaud Delcasse</p>
          <p class="text-sm text-gray-500 truncate">arnaud.delcasse@coopgo.fr</p>
        </a>
      </div>
    </div>
  
    <!-- More people... -->
  </div>
</div>
<div class="px-6 py-4">
<h2 class="text-md font-medium text-gray-900">Ajouter</h2>
  <div class="flex">
    <div class="pr-2 flex-1">
      <input type="text" name="name" id="name"
      class="mt-1 border-gray-300 focus:ring-co-blue focus:border-co-blue block w-full shadow-sm sm:text-sm  rounded-2xl"
      placeholder="Email">
    </div>
    <button class="px-1 py-1 border border-transparent text-sm font-medium rounded-2xl shadow-sm text-white bg-co-blue hover:bg-co-blue focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-co-blue">Ajouter</button>
    
  </div>
  
</div>
{{end}}