@extends('layout.layout')
@section('breadcrumb')
  Modifier l'utilisateur - {{$user->name}}
@endsection
@section('content')

<div id="report" class="pageForm">
    <div class="container-fluid mt-3">
      <div class="row justify-content-start align-items-center g-5 mb-0">
        <div class="col-6 d-flex">
          <button type="button" class="pageNav active">Modifier l'utilisateur</button>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12 mt-5" >
         <form action="{{route('edit-user',$user->id)}}" class="row g-3" method="post">
           @csrf
           <div class="col-6">
               <label class="form-label">Nom complet</label>
               <input type="text" class="form-control" name="name" value="{{$user->name}}" placeholder="Nom complet" required>
           </div>
           <div class="col-6">
               <label class="form-label">Email</label>
               <input type="text" class="form-control" name="email" placeholder="Email" value="{{$user->email}}" required>
           </div>
           <div class="col-6">
               <label class="form-label">Mot de passe</label>
               <input type="password" class="form-control" name="password" placeholder="Mot de passe">
           </div>
           <div class="col-6" id="entrepriseHide">

               <label class="form-label">Entreprise</label>
               <select class="form-select" id="company" multiple name="entreprise_id[]" >
                    @foreach($entreprises as $entreprise)
                    <option value="{{$entreprise->id}}" {{(in_array($entreprise->id,$entrepriseUser))?'selected':''}}>{{$entreprise->nom}}</option>
                    @endforeach
               </select>

           </div>
           <div class="col-6">
               <label class="form-label">Rôle</label>
               <select class="form-select" name="role" id="roleSelect" required>
                    <option value="" disabled selected>Selectionner un rôle</option>
                    <option value="admin" {{($user->role=="admin")?'selected':''}}>Admin</option>
                    <option value="analyste" {{($user->role=="analyste")?'selected':''}}>Analyste</option>
                    <option value="client" {{($user->role=="client")?'selected':''}}>Client</option>
               </select>
           </div>
           <div class="col-12">
                <button type="submit" class="actionBtn" style="margin-top:10px">
                  <svg class="me-2" xmlns="http://www.w3.org/2000/svg" width="24" height="20" viewBox="0 0 33.595 23.995">
                    <path id="Tracé_211" data-name="Tracé 211" d="M40.1,12.7a2.42,2.42,0,0,1,0,3.4L20.9,35.3a2.42,2.42,0,0,1-3.4,0L7.9,25.7a2.4,2.4,0,1,1,3.4-3.4l7.9,7.91L36.7,12.7A2.42,2.42,0,0,1,40.1,12.7Z" transform="translate(-7.202 -12.003)" fill="#fff" fill-rule="evenodd"></path>
                </svg>
                    Appliquer les Modifications</button>
           </div>
        </form>

       </div>
     </div>
    </div>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
  <script>
    $(document).ready(function() {
        $('#company').select2();
        var inSelect = $('#roleSelect').val();
          if(inSelect == "admin"){
            $('#entrepriseHide').hide();
          }
        $('#roleSelect').change(function() {
        const selectedRole = $(this).val();
        console.log(selectedRole); // Affiche la valeur sélectionnée
        if (selectedRole == "admin") {

          $('#entrepriseHide').hide();
        }else {
          $('#entrepriseHide').show();
        }
    });
    });
  </script>

@endsection