@extends('layouts.master')
@section('title', 'Utilisateurs')
@section('parentPageTitle', 'UI')
@section('page-style')
<!-- @include('grh_views.coupures.style_css') -->
@stop

@section('content')
<a href="{{url('list_employes')}}" class="btn btn-success  mb-3 ml-3" title="Afficher tous les employés" style="float: right;"> Tous les employés</a>
<a href="{{url('all_contrats')}}" class="btn btn-success  mb-3" title="Afficher tous les contrats" style="float: right;"> Tous les contrats</a> <br> <br> <br>
<!-- Example Tab -->
 <center> <h4 style="font-size: 28px; font-weight: bolder;">  Informations détaillées de:  <mark>{{$info_user->name}}</mark> - Matricule : <mark>{{$info_user->matricule ?? '-'}}</mark>  </h4></center>
<!-- Tabs With Icon Title -->
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
    

            <!-- Advanced Select2 -->
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="card">
         <!-- <button type="button" class="btn btn-primary waves-effect m-r-20" data-toggle="modal" data-target="#defaultModal" style="float: right;">Ajouter Nouveau</button> -->
            <div class="body">
                          <div class="row clearfix">
                             
                    <div class="col-lg-12 col-md-12">
                        <p> <b>Selectionner un employé</b> </p>
             <select class="form-control show-tick ms select2" data-placeholder="Select" onChange="window.location.href=this.value">
           
                 @foreach ($users as $u)
         <option value="/detailUser/{{$u->id}}" {{$info_user->id == $u->id ? 'selected' : ''}}>{{$u->matricule}} - {{$u->name}}</option>
                @endforeach
                        </select>
                    </div>      
               </div>             
            </div>
        </div>
    </div>
</div>

  @if (session()->has('success'))
    <div class="alert alert-success">
      <center> <h5 style="color:black;"> {{ session()->get('success') }}</h5></center>
    </div>
@elseif (session()->has('error'))
    <div class="alert alert-danger">
       <h5 class="text-center" style="color:white;"> {{ session()->get('error') }}</h5>
    </div>

@endif 
           @if ($errors->any())
      <div class="alert alert-danger">
        <ul>
          @foreach($errors->all() as $message)
          <li class="text-black">{{ $message }}</li>
          @endforeach
        </ul>
      </div>
    @endif
@include('grh_views.coupures.add_user')


            <div class="body">      

                <ul class="nav nav-tabs p-0 mb-3 nav-tabs-success" role="tablist">
           
   <li class="nav-item">
    <a class="nav-link active" data-toggle="tab" href="#profile_with_icon_title">
        <i class="zmdi zmdi-account-circle"></i> PROFIL GÉNÉRAL
    </a>
</li>

<li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#profile2">
        <i class="zmdi zmdi-info-outline"></i> STATUT
    </a>
</li>

<li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#settings_with_icon_title">
        <i class="zmdi zmdi-card"></i> IDENTIFICATION
    </a>
</li>

<li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#home_with_icon_title">
        <i class="zmdi zmdi-city"></i> SERVICE
    </a>
</li>

<li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#messages_with_icon_title">
        <i class="zmdi zmdi-badge-check"></i> POSTE / FONCTION OCCUPÉE
    </a>
</li>

<li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#settings1">
        <i class="zmdi zmdi-calendar"></i> CONGÉ
    </a>
</li>
                   
                </ul>
                
                <!-- Tab panes -->
                <div class="tab-content">
                
                    <div role="tabpanel" class="tab-pane in active" id="profile_with_icon_title">
              <h5><b>Informations de base d'un employé</b></h5>

<a href='/edit_user/{{$info_user->id}}' class="btn btn-primary edit-brand mb-3" title="Modifier {{$info_user->name}}" ><span ></span><i class="zmdi zmdi-edit" >Modifier</i></a>

<div class="grand-conteneur"> <!-- Grand conteneur -->
    <div class="conteneur-info"> <!-- Conteneur 1 : Informations -->
       <h5>Matricule: <b>{{$info_user->matricule ?? '-'}} </b></h5>
        <h5>Nom complet: <b>{{$info_user->name ?? '-'}}</b></h5>
        <h5>Email: <b>{{$info_user->email ?? '-'}}</b></h5>
        <h5>Contact: <b>{{$info_user->telephone ?? '-'}}</b></h5>
        <h5>Direction: <b>{{$info_user->nom_direction ?? '-'}}</b></h5>
         <h5>Service: <b> {{$info_user->service_id == 0 ? '-' : $info_user->nom_service}}</b></h5> 
        <h5>Poste/Fonction: <b> {{$info_user->poste_id == 0 ? '-' : $info_user->nom_poste}}</b></h5>
        <h5>Statut: <b>{{$info_user->nom_statut ?? '-'}}</b></h5>
    </div>


<div class="conteneur-image"> <!-- Conteneur 2 : Image -->
    <img src="{{ asset($info_user->photo_passport ? 'dossiers/' . $info_user->photo_passport : 'dossiers/none.jpg') }}" 
         alt="no image" class="image"> <br>
   <b><span>Photo de {{$info_user->name}}</span></b>
</div>


</div>
                    </div>

                    <!-- -----------fin informations utilisateur -->

<style type="text/css">
  /* Grand conteneur */
.grand-conteneur {
    display: flex; /* Active l'alignement en parallèle */
    justify-content: space-between; /* Espace égal entre les conteneurs */
    align-items: center; /* Centrer les éléments verticalement */
    gap: 20px; /* Ajoute un espacement entre les conteneurs */
    padding: 20px; /* Ajoute de l'espace autour */
    border: 1px solid #ccc; /* Bordure pour visualiser le conteneur */
}

/* Conteneur des informations */
.conteneur-info {
    flex: 1; /* Prend l'espace disponible */
    padding: 10px; /* Ajoute de l'espace interne */
}

/* Conteneur de l'image */
.conteneur-image {
    flex: 1; /* Prend également l'espace disponible */
    text-align: center; /* Centrer l'image horizontalement */
}

/* Image responsive */
.image {
    max-width: 35%; /* Limite la largeur à celle de son conteneur */
    height: 45%; /* Garde les proportions */
    border: 1px solid #ddd; /* Bordure simple pour l'image */
    border-radius: 5px; /* Coins arrondis */
}

  
</style>
<!-- --------info employe------------------------ -->

@include('grh_views.coupures.info_employe')

<!-- -------------------- statut employe---------------------------- -->
        <div role="tabpanel" class="tab-pane" id="profile2"> 
                  @if(!in_array($info_user->id, $usersWithStatusIds))
    <h5>
        <button type="button" class="btn btn-primary waves-effect m-r-20" data-toggle="modal" data-target="#addStatutModal">
            Attribuer un statut
        </button>
    </h5>
            @endif
              @if( $addnewButtonStatut == 0)
                         <h5> <button type="button" class="btn btn-primary waves-effect m-r-20" data-toggle="modal" data-target="#addStatutModal">Attribuer un statut</button></h5> 
                         @endif

            <!----------------------------- Striped Rows--------------- -->
            <center> <h5>L'Employé: <b>{{$info_user->name}}</b> </h5></center>
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="card">
 
            <div class="body">
                      <h5>Statut du Personnel: </h5>
                <div class="table-responsive">
                     <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                        <thead class="bg-info">
                            <tr>
                                <th># </th>
                                <th>Statut actuel</th>
                                  <th>Date début</th>
                                <th>Date Fin</th>
                                <th>Motif</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                             @php $index=1; @endphp
                                @foreach($getStatuts as $i)
                            <tr style="border: 1px;">
                                <td>{{$index++}} </td> 
                               <td>{{$i->nom_statut}} </td>
                               <td>{{$i->date_debut_statut}} </td>
                               <td>{{$i->date_fin_statut}} </td>
                                <td>{{$i->motif_statut}} </td>     
                               <td>
                                @if($i->etat_statut == 1)
                                <form action="" method="POST">
                                    @csrf
                                   <button type="button" class="btn btn-danger waves-effect m-r-20" data-toggle="modal" data-target="#enleverStatutModal{{$i->iduser_statut}}" title="Enlever le statut">Changer</button>
                                </form>
                                @endif

                                <!-- ------------enlever statut modal------------ -->
<!-- Default Size -->
<div class="modal fade" id="enleverStatutModal{{$i->iduser_statut}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="title" id="enleverStatutModal{{$i->iduser_statut}}">Changer le statut d'un Employé</h5>
            </div>
            <div class="modal-body"> 
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="body">
                <form method="POST" action="{{url('changer_statut')}}">
                    @csrf      
                 
            <input type="hidden" name="iduser_statut" value="{{$i->iduser_statut}}" required>
            <input type="hidden" name="employe_id" value="{{$info_user->id}}">
            <input type="hidden" name="statut_actuel_id" value="{{$i->statut_id}}">
                <b for="email_address">Statut actuel</b>
                     <div class="form-group">                                
                     
              <input type="text"  class="form-control" name="" value="{{$i->nom_statut}}" required readonly>
                    </div>
                     <b for="email_address">Date d'enlevement *</b>
                     <div class="form-group">                                
                     
              <input type="date"  class="form-control" name="date_fin_statut" required max="2026-07-27">
                    </div>

                       <b for="email_address">Motif d'enlevement*</b>
                     <div class="form-group">  
                      <input type="text"   name="motif_statut" class="form-control" required placeholder="Motif d'enlevement">
                    </div>
                         <b for="email_address">Nouveau statut*</b>
                     <div class="form-group">  
                            <select class="form-control show-tick ms select2" data-placeholder="Select" name="new_statut_id">
           <option value="">--------selectionner le statut-------</option>
                       @foreach ($statuts as $u)
         <option value="{{$u->idstatut}}">{{$u->nom_statut}}</option>
                @endforeach
                        </select>
                    </div>
               
            </div> 
      
    </div>
</div>

    </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">ENREGISTRER</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">FERMER</button>
            </div>
            </form>
        </div>
    </div>
</div>
                                <!-- --------------------------------fin modal---------------------- -->
                               </td>
                            </tr>
                        @endforeach
                         
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
                    </div>

<!-- -------------------- poste employe---------------------------- -->
        <div role="tabpanel" class="tab-pane" id="messages_with_icon_title"> 
                        @if( $addnewButton == 0)
                         <h5> <button type="button" class="btn btn-primary waves-effect m-r-20" data-toggle="modal" data-target="#addPosteModal">Affecter</button></h5> 
                         @endif
            <!----------------------------- Striped Rows--------------- -->
            <center> <h5>L'Employé: <b>{{$info_user->name}}</b> </h5></center>
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="card">
 
            <div class="body">
                      <h5>Les Postes/Fonctions par lesquels l'employé est passé: </h5>
                <div class="table-responsive">
                  <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                        <thead class="bg-info">
                            <tr>
                                <th># </th>
                                <th>Poste/Fonction occupé(e)</th>
                                  <th>Date début</th>
                                <th>Date Fin</th>
                                <th>Motif</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                             @php $index=1; @endphp
                                @foreach($getinfoPost as $i)
                            <tr style="border: 1px;">
                                <td>{{$index++}} </td> 
                               <td>{{$i->nom_poste}} </td>
                               <td>{{$i->date_debut}} </td>
                               <td>{{$i->date_fin}} </td>
                                <td>{{$i->motif}} </td>     
                               <td>
                                @if($i->etat_poste == 1)
                                <form action="" method="POST">
                                    @csrf
                                   <button type="button" class="btn btn-danger waves-effect m-r-20" data-toggle="modal" data-target="#enleverPosteModal{{$i->id_userposte}}" title="Enlever le poste/fonction">Enlever</button>
                                </form>
                                @endif

                                <!-- ------------enlever poste modal------------ -->
<!-- Default Size -->
<div class="modal fade" id="enleverPosteModal{{$i->id_userposte}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="title" id="enleverPosteModal{{$i->id_userposte}}">Enlever le poste d'un Employé</h5>
            </div>
            <div class="modal-body"> 
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="body">
                <form method="POST" action="{{url('enleverpost')}}">
                    @csrf      
            <input type="hidden" name="id_userposte" value="{{$i->id_userposte}}" required>
            <input type="hidden" name="employe_id" value="{{$i->employe_id}}">

                     <b for="email_address">Date fin</b>
                     <div class="form-group">     
                 <input type="date" id="email_address" class="form-control" name="date_fin" required max="2026-07-27">                           
                    
                    </div>
                     <b for="email_address">Motif d'enlevement</b>
                     <div class="form-group">   
                         <input type="text" placeholder="Motif d'enlevement" class="form-control"  name="motif" class="form-control" required>
                    </div>
               
            </div> 
      
    </div>
</div>

    </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">ENREGISTRER</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">FERMER</button>
            </div>
            </form>
        </div>
    </div>
</div>
                                <!-- --------------------------------fin modal---------------------- -->
                               </td>
                            </tr>
                        @endforeach
                         
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
                    </div>
                    <!-- --------------------------------------------------------------------------- -->
        <div role="tabpanel" class="tab-pane " id="settings1">
   <div role="tabpanel" class="tab-pane " id="settings1">


           
<div class="row clearfix">
    <div class="col-sm-12">
        <div class="card">
       
         

                <!-- Nav tabs -->
        <ul class="nav nav-tabs p-0 mb-3">
    @if($getYear && $getYear->count() > 0)
        @foreach($getYear as $l)
           <li class="nav-item"><a class="btn btn-primary" href="/detailUser/{{$info_user->id}}/{{$l->annee_exercice}}" title="annee_exercice">{{$l->annee_exercice}}</a></li>
        @endforeach
    @else
        <li class="nav-item">
            <span class="text-danger fw-bold">
                Aucun congé pris dans cette année en cours
            </span>
        </li>
    @endif
</ul>

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

                   </div>

          <!-- ----------------------------- debut tab de service-------^^^^----------------- -->

 <div role="tabpanel" class="tab-pane" id="home_with_icon_title"> 
                     @if( $addnewButtonServ == 0)
                         <h5> <button type="button" class="btn btn-primary waves-effect m-r-20" data-toggle="modal" data-target="#addServiceModal">Affecter</button></h5> 
                         @endif
                       
                          <center> <h5>L'Employé: <b>{{$info_user->name}}</b> </h5></center>
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="card">
 
            <div class="body">
        <h5>Les services par lesquels l'employé est passé: </h5>
                <div class="table-responsive">
                   <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                        <thead class="bg-info">
                            <tr>
                                <th># </th>
                                <th>Service occupé</th>
                                  <th>Date début</th>
                                <th>Date Fin</th>
                                <th>Motif</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                             @php $index=1; @endphp
                                @foreach($getinfoServ as $i)
                            <tr style="border: 1px;">
                                <td>{{$index++}} </td> 
                               <td>{{$i->nom_service}} </td>
                               <td>{{$i->date_debut_serv}} </td>
                               <td>{{$i->date_fin_serv}} </td>
                                <td>{{$i->motif_service}} </td>
                               <td>
                                @if($i->etat_service == 1)
                                <form action="" method="POST">
                                    @csrf
                                   <button type="button" class="btn btn-danger waves-effect m-r-20" data-toggle="modal" data-target="#enleverServiceModal{{$i->iduser_service}}" title="Enlever le poste">Enlever</button>
                                </form>
                                @endif

                                <!-- ------------enlever service modal------------ -->
<!-- Default Size -->
<div class="modal fade" id="enleverServiceModal{{$i->iduser_service}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="title" id="enleverServiceModal{{$i->iduser_service}}">Enlever le service d'un Employé</h5>
            </div>
            <div class="modal-body"> 
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="body">
                <form method="POST" action="{{url('enleverserv')}}">
                    @csrf      
            <input type="hidden" name="iduser_service" value="{{$i->iduser_service}}" required>
                <input type="hidden" name="employe_serv_id" value="{{$i->employe_serv_id}}" required>
                     <b for="email_address">Date fin</b>
                     <div class="form-group">                                
                
                          <input type="date" id="email_address" class="form-control" name="date_fin_serv" required max="2026-07-27">
                    </div>
                    <b for="email_address">Motif d'enlevement</b>
                     <div class="form-group"> 
                      <input type="text" placeholder="Motif d'enlevement" class="form-control"  name="motif_service" class="form-control" required>                                     
                </div>               
            </div>  
    </div>
</div>
    </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">ENREGISTRER</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">FERMER</button>
            </div>
            </form>
        </div>
    </div>
</div>
                                <!-- fin modal -->
                               </td>
                            </tr>
                        @endforeach
                         
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
                                            </div>
                    <!-- --------------------fin  tab service------------ -->
                </div>
            </div>
        </div>
    </div>
</div>
     
<!-- ----modal ajoute(attribuer) un poste----- -->

<!-- Default Size -->
<div class="modal fade" id="addPosteModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="addPosteModalLabel">Affecter un poste </h4>
            </div>
            <div class="modal-body"> 
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
      
            <div class="body">
                <form method="POST" action="{{url('addnewpost')}}">
                    @csrf
                    <input type="hidden" name="id" value="{{$info_user->id}}">
                     <input type="hidden" name="poste_user" value="{{$info_user->poste_id}}">
                   <b for="email_address">Date début</b>
                     <div class="form-group">                                
                 <input type="date" id="email_address" class="form-control" name="date_debut" required max="2026-07-27">
                    </div>
                   
                    <div class="">
                            <b for="email_address">Affecter au poste</b>
                        <select class="form-control show-tick ms select2" data-placeholder="Select" name="poste_id" required>
                    <option value="">--------- selectionner un poste --------</option>
                        @foreach ($postes as $p)
               
                 <option value="{{$p->idposte}}" @if ($info_user->poste_id == $p->idposte ) selected @endif >{{$p->nom_poste}}</option>
                @endforeach
                        </select>
                    </div>                
                
            </div> 
    </div>
</div>

    </div>
            <div class="modal-footer">
        <button type="submit" class="btn btn-primary btn-round waves-effect">AFFECTER</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">FERMER</button>
            </div>
            </form>
        </div>
    </div>
</div>


<!-- fin modal -->

<!-- -----------------------add userservice modal -->


<!-- Default Size -->
<div class="modal fade" id="addServiceModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="addPosteModalLabel">Affecter un Service </h4>
            </div>
            <div class="modal-body"> 
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
      
            <div class="body">
                <form method="POST" action="{{url('addnewserv')}}">
                    @csrf
                    <input type="hidden" name="id" value="{{$info_user->id}}">
               
                   <b for="email_address">Date début</b>
                     <div class="form-group">                                
              
                   <input type="date" id="email_address" class="form-control" name="date_debut_serv" required max="2026-07-27">
                    </div>
                   
             <div class="form-group">
    <b>Affecter au Service</b>

    <select class="form-control show-tick ms select2" data-placeholder="Select" name="service_id" required>
        <option value="">--------- selectionner un service --------</option>

        @foreach ($services as $p)
            <option value="{{ $p->idservice }}">
                {{ in_array($p->idservice, [10, 15, 16, 19, 20,32])
                    ? $p->nom_service . ' - ' . $p->name
                    : $p->nom_service }}
            </option>
        @endforeach

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

    </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">AFFECTER</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">FERMER</button>
            </div>
            </form>
        </div>
    </div>
</div>

<!-- ------------fin modal ---------------------------------->

<!-- ----------------------- addStatutModal modal -->

<!-- Default Size -->
<div class="modal fade" id="addStatutModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="addPosteModalLabel">Attribuer un statut </h4>
            </div>
            <div class="modal-body"> 
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
      
            <div class="body">
                <form method="POST" action="{{url('attrib_satut')}}">
                    @csrf
               
                 <input type="hidden" name="employe_statut_id" value="{{$info_user->id}}">

                     <b for="email_address">Date Début</b>
                     <div class="form-group">                                
                     
                <input type="date" id="email_address" class="form-control" name="date_debut_statut" required max="2026-07-27">
                    </div>
                             <div class="mb-3">
                         <p><b>Statut</b> </p>
              
                            <select class="form-control show-tick ms select2" data-placeholder="Select" name="statut_id">
           <option value="">--------selectionner le statut-------</option>
                       @foreach ($statuts as $u)
         <option value="{{$u->idstatut}}">{{$u->nom_statut}}</option>
                @endforeach
                        </select>
                        </div>
            
            </div> 
    </div>
</div>

    </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">ATTRIBUER</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">FERMER</button>
            </div>
            </form>
        </div>
    </div>
</div>
<!-- -------------------fin modal--------------------- -->
@stop
@section('page-script')
@stop