@extends('layout.layout')
@section('breadcrumb')
  Gestion des utilisateurs
@endsection
@section('content')
@if(Session::has('message'))
<div class="alert alert-success">
{{Session::get('message')}}
</div>
@endif


<div id="report" class="pageForm">
  <div class="container-fluid mt-3">
    <div class="row justify-content-center align-items-center g-5 mb-0">
      <div class="col-6 d-flex">
        <button type="button" class="pageNav active">Gestion des utilisateurs</button>
      </div>
      <div class="col-6 text-end">
        <a href="{{route('add-user')}}">
          <button type="button" class="addNew" data-bs-toggle="modal" data-bs-target="#editTable">
            <div class="addIcon" >
              <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 22.664 22.663">
                <path id="Tracé_201" data-name="Tracé 201" d="M27.5,16.67H18.332V7.5a.831.831,0,0,0-1.663,0V16.67H7.5a.827.827,0,0,0-.831.831.754.754,0,0,0,.831.781h9.169V27.5a.831.831,0,1,0,1.663,0V18.333H27.5a.831.831,0,1,0,0-1.663Z" transform="translate(-6.168 -6.17)" fill="#123055" stroke="#123055" stroke-width="1"/>
              </svg>
            </div>
            Ajouter un utilisateur
          </button>
        </a>
      </div>
    </div>
    <div class="row justify-content-center g-5 mt-1" id="formules">
      <div class="col-12 mt-2">
        <div id="report">
          <table class="table tf-strip border-light tf-table tf-spaced dataTable no-footer" id="users" style="margin-top:20px;">
            <thead>
                <tr>
                    <th scope="col" data-width="10%">Id</th>
                    <th scope="col" class="b-col" data-width="20%">Nom complet</th>
                    <th scope="col" class="b-col" data-width="20%">Email</th>
                    <th scope="col" class="b-col" data-width="10%">Role</th>
                    <th scope="col" class="b-col" data-width="20%">Entreprise</th>
                    <th scope="col" data-width="10%">Modifier</th>
                      <th scope="col" data-width="10%">Gestion des droits</th>
                </tr>
            </thead>
            @foreach($users as $user)
            <tr>
              <td>{{$user->id}}</td>
              <td>{{$user->name}}</td>
              <td>{{$user->email}}</td>
              <td>{{$user->role}}</td>
              <td>
                  @foreach($user->entreprises as $entreprise)
                  {{$entreprise->nom}}<br/>
                  @endforeach
              </td>
              <td>
                <a href="{{route('edit-user',$user->id)}}">
                  <svg id="edit_line" data-name="edit line" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 32 32">
                    <path id="Tracé_111" data-name="Tracé 111" d="M31.138,8.2l-5.22-5.24a1.839,1.839,0,0,0-2.593,0L4.825,21.429,3.138,28.722a1.817,1.817,0,0,0,.36,1.533,1.838,1.838,0,0,0,1.42.687,1.81,1.81,0,0,0,.38,0l7.367-1.687L31.138,10.8A1.847,1.847,0,0,0,31.138,8.2ZM11.778,27.656,4.872,29.1l1.573-6.773L20.285,8.542l5.333,5.333ZM26.812,12.589,21.478,7.256l3.093-3.08,5.24,5.333Z" transform="translate(-1.032 -0.809)" fill="#181830"></path>
                    <path id="Tracé_113" data-name="Tracé 113" d="M0,0H32V32H0Z" fill="none"></path>
                  </svg>
                </a>
              </td>
              <td>
              @if($user->role == 'analyste')
                  <a href="{{route('role-user',$user->id)}}">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 30.502 30.484">
                      <g id="key-outline" transform="matrix(0.999, 0.035, -0.035, 0.999, -2.54, -3.827)">
                        <path id="Tracé_220" data-name="Tracé 220" d="M15.9,12.49A7.572,7.572,0,0,0,16.18,15C13.29,18.39,5.66,27.354,4.949,28.038A1.352,1.352,0,0,0,4.5,29.044a2.237,2.237,0,0,0,.644,1.428c.443.463,2.333,2.213,2.682,1.877,1.033-1.006,1.24-1.274,1.663-1.69.637-.624-.067-1.9.154-2.414a.978.978,0,0,1,.838-.7,12.531,12.531,0,0,1,1.589.2,1.677,1.677,0,0,0,1.274-.617,1.411,1.411,0,0,0,.583-1.046c.013-.6-.858-1.4-.208-2.038s1.589.416,2.28.335a2.532,2.532,0,0,0,1.616-1.448c.087-.409-.784-1.462-.65-2.058a1.4,1.4,0,0,1,.764-.738c.308-.067,1.676.463,1.985.4a4.714,4.714,0,0,0,1.167-.7,7.551,7.551,0,0,0,3.2.63,8.158,8.158,0,0,0,8.314-7.992A8.146,8.146,0,0,0,24.078,4.5,8.034,8.034,0,0,0,15.9,12.49Zm12.2-1.553a2.146,2.146,0,1,1-2.146-2.146A2.146,2.146,0,0,1,28.1,10.937Z" fill="none" stroke="#181830" stroke-linecap="square" stroke-linejoin="round" stroke-width="1.6"/>
                      </g>
                    </svg>
                  </a>
              @endif
            </td>
            </tr>
            @endforeach
          </table>
        </div>
      </div>
    </div>
  </div>
</div>



      <script>
        $('#users').DataTable({
          "searching": false,
          "paging": false,
          "info": false,
          "lengthChange": false,
          "autoWidth": false
        });
      </script>

@endsection