@extends('layout.layout')
@section('breadcrumb')
  Ajouter un utilisateur
@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">Ajouter un utilisateur</button>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12 mt-5" >
         <form action="{{route('add-user')}}" 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" 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" 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" required>
           </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}}">{{$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">Admin</option>
                 <option value="analyste">Analyste</option>
                 <option value="client">Client</option>
               </select>
           </div>
           <div class="col-12">
                <button type="submit" class="actionBtn" style="margin-top:10px">
                    <svg xmlns="http://www.w3.org/2000/svg" style="margin-right:10px" 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="#fff" stroke="#fff" stroke-width="1"></path>
                      </svg>
                    Ajouter</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();
        $('#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