@extends('layouts.master')
@section('title', 'Congés_Annuels')
@section('parentPageTitle', 'UI')
@section('content')
@section('page-style')
<link rel="stylesheet" href="{{asset('assets/plugins/jquery-datatable/dataTables.bootstrap4.min.css')}}"/>
<link rel="stylesheet" href="{{asset('assets/plugins/select2/select2.css')}}"/>
@stop

 @if(Auth()->user()->roles()->whereIn('role_id', [1,45,46,47])->exists())
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="card">
      
            <div class="body">
           <a href="{{url('conge_circo')}}" class="btn btn-success  mr-l" title="Afficher tous les Congés de circonstances" > Congés de circonstances </a>
            <a href="{{url('conge_maternit')}}" class="btn btn-success  mr-l" title="Afficher tous les Congés de maternité" > Congés de maternité </a> 
              <a href="{{url('solde_conges')}}" class="btn btn-success  mr-l" title="Afficher tous les Soldes congé" >Soldes congé </a>
            </div>
        </div>
    </div>
</div>
@endif
 <center>  <h3><b>L’ensemble des congés annuels demandés</b></h3></center>
   @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                 

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

            <div class="body">  
         
                <ul class="nav nav-tabs p-0 mb-3">
                 <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#ANNUEL_AG_Cadre"> AGENTS ET CADRES</a></li>
                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#ANNUEL_CHEF">CHEFS DE SERVICE ET DEPARTEMENT </a></li>
                      <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#ANNUEL_DIRECT">DIRECTEURS</a></li>
              </ul>     

            

   <!---------------------------- Tab panes  #CONGE ANNUEL  --------------------------------------------->
                <div class="tab-content">
    <!---------------------------- Tab panes  #CONGE ANNUEL  #AGENTS ET CADRES --------------------------------------------->
                    <div role="tabpanel" class="tab-pane in active" id="ANNUEL_AG_Cadre">

           <button type="button" class="btn btn-primary waves-effect m-r-20 mb-4"  data-toggle="modal" data-target="#Modal_An_CadreAgent" style="float: right;">Générer un congé</button>  <br> 
                       <center> <h5 class="mt-3"> <b>Les congés annuels demandés par les agents et cadres </b></h5></center>  
                          <div class="card">
             
            <div class="body">
                <div class="table-responsive">
                    <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                        <thead class="bg-info">
                            <tr>
                                <th>N°</th>
                                <th>Matri</th>
                                  <th>Nom Employé</th>
                                  <th>Dir</th>
                                 <th>Date de création  </th>     
                              
                                 <th>Jours demandés</th>
                                <th>Date de début</th>
                                <th>Date de fin</th>
                                
                                <th>Action </th>
                            </tr>
                        </thead>
                   
                        <tbody>
                             @php $index=1; @endphp
                              @foreach($conges_annuel_cadres as $l)

                            <tr>
                             <td>{{$index++}}</td>  
                              <td>{{$l->matricule}}</td>     
                  <td> <a href="{{url('detailUser',$l->id)}}" title="Cliquer pour voir toutes ses informations">{{$l->name}}</a></td>
                       <td>{{$l->pseudo_dir}}</td>
                    <td>{{$l->date_fait }}</td>  
                          <td>  {{$l->jours_demand }} @if ($l->jours_demand == 1) jour @else jours @endif</td> 
                                <td>{{ \Carbon\Carbon::parse($l->dateDebut_cong)->format('d/m/Y') }}</td>
                         <td>{{ \Carbon\Carbon::parse($l->date_fin_conge)->format('d/m/Y') }}</td>
                                <td>    <a href="{{asset('conges/'.$l->path_leave)  }}" target="_blank" class="btn btn-primary" class="btn btn-primary">
                                Afficher
                            </a>
                                                          @php
    $dateDebut = \Carbon\Carbon::parse($l->dateDebut_cong)->toDateString();
    $today = now()->toDateString();
@endphp
@if($dateDebut >= $today)
    <a href="{{ route('delete_conge', $l->id_conge) }}" class="btn btn-danger" title="Supprimer" onclick="return confirm('Voulez-vous supprimer le congé?');">
        <i class="zmdi zmdi-delete"></i>
    </a>
    @elseif(Auth()->user()->roles()->whereIn('role_id', [1])->exists() )  
      <a href="{{ route('delete_conge', $l->id_conge) }}" class="btn btn-success" title="Supprimer" onclick="return confirm(' Admin Voulez-vous supprimer le congé déjà consommé ?');">
        <i class="zmdi zmdi-delete"></i> </a>   
    @endif



                                 </td> 
                       
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
                    </div>
<!----------------------------FIN  #CONGE ANNUEL  #AGENTS ET CADRES --------------------------------------------->

    <!---------------------------- Tab panes  #CONGE ANNUEL  #CHEFS --------------------------------------------->
                    <div role="tabpanel" class="tab-pane" id="ANNUEL_CHEF">
                     <button type="button" class="btn btn-primary waves-effect m-r-20 mb-4"  data-toggle="modal" data-target="#Modal_annuel_chef" style="float: right;">Générer un congé</button>  <br> 
           <center> <h5 class="mt-3"> <b>Les congés annuels sollicités par les chefs de service et de département </b></h5></center> 
                      <div class="card">
            
            <div class="body">
                <div class="table-responsive">
               <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                        <thead class="bg-info">
                            <tr>
                                <th>N°</th>
                                <th>Matri</th>
                                <th>Nom Employé</th>
                                <th>Dir</th>
                           <th>Date de création  </th>      
                                 <th>Jours demandés</th>
                              <th>Date de début</th>
                                <th>Date de fin</th>
                 
                                <th>Action</th>
                            </tr>
                        </thead>
                   
                        <tbody>
                             @php $index=1; @endphp
                              @foreach($conges_annuel_chefs as $l)
                            <tr>
                             <td>{{$index++}}</td>  
                               <td>{{$l->matricule}}</td> 
                                  <td> <a href="{{url('detailUser',$l->id)}}" title="Cliquer pour voir toutes ses informations">{{$l->name}}</a></td>
                                    <td>{{$l->pseudo_dir}}</td>
                             <td>{{$l->date_fait }}</td>                            
                   
                          <td>  {{$l->jours_demand }} @if ($l->jours_demand == 1) jour @else jours @endif</td> 
                                <td>{{ \Carbon\Carbon::parse($l->dateDebut_cong)->format('d/m/Y') }}</td>
                         <td>{{ \Carbon\Carbon::parse($l->date_fin_conge)->format('d/m/Y') }}</td>
               
                                <td>    <a href="{{asset('conges/'.$l->path_leave)  }}" target="_blank" class="btn btn-primary" class="btn btn-primary">
                                Afficher
                            </a>
              @php
    $dateDebut = \Carbon\Carbon::parse($l->dateDebut_cong)->toDateString();
    $today = now()->toDateString();
@endphp
@if($dateDebut >= $today)
    <a href="{{ route('delete_conge', $l->id_conge) }}" class="btn btn-danger" title="Supprimer" onclick="return confirm('Voulez-vous supprimer le congé?');">
        <i class="zmdi zmdi-delete"></i>
    </a>
    @elseif(Auth()->user()->roles()->whereIn('role_id', [1])->exists() )  
      <a href="{{ route('delete_conge', $l->id_conge) }}" class="btn btn-success" title="Supprimer" onclick="return confirm(' Admin Voulez-vous supprimer le congé déjà consommé ?');">
        <i class="zmdi zmdi-delete"></i> </a>   
    @endif

                               </td> 
                       
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
                    </div>
  <!-----------------FIN------- Tab panes  #CONGE ANNUEL  #CHEFS --------------------------------------------->

    <!---------------------------- Tab panes  #CONGE ANNUEL  #DIRECTEURS --------------------------------------------->
                    <div role="tabpanel" class="tab-pane" id="ANNUEL_DIRECT">
                           <button type="button" class="btn btn-primary waves-effect m-r-20 mb-4"  data-toggle="modal" data-target="#Modal_annuel_directeur" style="float: right;">Générer un congé</button>  <br> 

                        <center> <h5 class="mt-3"> <b>Les congés annuels demandés par les Directeurs</b></h5></center> 
                     <div class="card">
            <div class="body">
                <div class="table-responsive">
             <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                        <thead class="bg-info">
                            <tr>
                                <th>N° </th>
                                <th>Matri</th>
                                 <th>Nom Employé</th>
                                 <th>Dir</th>
                        <th>Date de création  </th>   
               
                                 <th>Jours demandés</th>
                                   <th>Date de début</th>
                                <th>Date de fin</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                   
                        <tbody>
                             @php $index=1; @endphp
                              @foreach($conges_annuel_directeurs as $l)
                            <tr>
                             <td>{{$index++}}</td>  
                               <td>{{$l->matricule}}</td> 
                          <td> <a href="{{url('detailUser',$l->id)}}" title="Cliquer pour voir toutes ses informations">{{$l->name}}</a></td>
                            <td>{{$l->pseudo_dir}}</td>
                             <td>{{$l->date_fait }}</td>                             
                              <!-- <td>{{$l->type_conge}}</td> -->
                          <td>  {{$l->jours_demand }} @if ($l->jours_demand == 1) jour @else jours @endif</td> 
                                <td>{{ \Carbon\Carbon::parse($l->dateDebut_cong)->format('d/m/Y') }}</td>
                         <td>{{ \Carbon\Carbon::parse($l->date_fin_conge)->format('d/m/Y') }}</td>
                        <!-- <td> {{$l->jours_rest }} @if ($l->jours_rest == 1) jour @else jours @endif</td>  -->
                                <td>    <a href="{{asset('conges/'.$l->path_leave)  }}" target="_blank" class="btn btn-primary" class="btn btn-primary">
                                Afficher
                            </a>
                                                          @php
    $dateDebut = \Carbon\Carbon::parse($l->dateDebut_cong)->toDateString();
    $today = now()->toDateString();
@endphp
@if($dateDebut >= $today)
    <a href="{{ route('delete_conge', $l->id_conge) }}" class="btn btn-danger" title="Supprimer" onclick="return confirm('Voulez-vous supprimer le congé?');">
        <i class="zmdi zmdi-delete"></i>
    </a>
    @elseif(Auth()->user()->roles()->whereIn('role_id', [1])->exists() )  
      <a href="{{ route('delete_conge', $l->id_conge) }}" class="btn btn-success" title="Supprimer" onclick="return confirm(' Admin Voulez-vous supprimer le congé déjà consommé ?');">
        <i class="zmdi zmdi-delete"></i> </a>   
    @endif


                               </td> 
                       
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
                    </div>
      <!------------------FIN------- Tab panes  #CONGE ANNUEL  #DIRECTEURS --------------------------------------------->

                </div>
            </div>
        </div>
    </div>
</div>
  <!-- ------------------------LES FORMULAIRES de conges annuels----------------------------------------------------- -->

<!-- -------------------Defaultmodal Size ------------->
<div class="modal fade" id="Modal_An_CadreAgent" tabindex="-1" poste="dialog">
    <div class="modal-dialog" poste="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="title" id="defaultModalLabel">Générer <mark>un congé annuel</mark> pour un Agent ou un Cadre</h5>
            </div>
            <div class="modal-body"> 
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
   
        <div class="card1">
        
            <div class="body">
                <form method="POST" action="{{url('save_conge_ann_cadre')}}">
                    @csrf
                  
                       <div class="">
                            <b for="email_address">Employé(Agents,Cadres,.....)*</b>
       <select id="employe_id" class="form-control show-tick ms select2" data-placeholder="Select" name="employe_id" required>
         <option value="">----------------Selectionner un Employé-------------------</option>
                @foreach ($cadre_eligible_conge_annuel as $u)
                  <option value="{{ $u->id }}" data-solde="{{ $u->jours_rest ?? 0 }}">{{$u->matricule}} - {{ $u->name }}  =>solde:{{ $u->jours_rest ?? 0 }}</option>  
                @endforeach
            </select>
                    </div> 

                    <b for="email_address">Date début du congé*</b>
                    <div class="form-group">                                
                
                          <input type="date" id="email_address" class="form-control"  name="dateDebut_cong" required min="2026-07-28">
                    </div>    
                     <b for="email_address">Nombre de jours demandés*</b>
                <div class="form-group">                                
    <input 
        type="number" placeholder="Taper le Nombre de jours demandés"  class="form-control"  name="jours_demand"  required 
   min="0.5" max="21"  step="0.5" pattern="^\d+(\.5)?$"
        title="Veuillez entrer un nombre valide (0.5, 1, 1.5, 2, 2.5, ...)" >
   
</div>   
  
                       <b for="email_address">Motif de congé*</b>
                    <div class="form-group">    
                    <input type="text" placeholder="Taper le motif du congé" class="form-control"  name="motif_conge" required >           
            </div>   
            </div> 
        </div>
    </div>
</div>

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


<!-- -------------------Defaultmodal Size ------------->
<div class="modal fade" id="Modal_annuel_chef" tabindex="-1" poste="dialog">
    <div class="modal-dialog" poste="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="title" id="defaultModalLabel">Générer <mark>un congé annuel</mark> pour un chef de service ou de departement</h5>
            </div>
            <div class="modal-body"> 
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
   
        <div class="card1">
        
            <div class="body">
                <form method="POST" action="{{url('save_conge_ann_chef_dir')}}">
                    @csrf
                       <div class="">
                            <b for="email_address">Employé(Chef de Service et de Departement)*</b>
             <select class="form-control show-tick ms select2 " data-placeholder="Select" name="employe_id" required>
    <option value="">----------------Selectionner un Employé-------------------</option>
                        @foreach ($chefs_eligible_conge_annuel as $u)
                       <option value="{{ $u->id }}" data-solde="{{ $u->jours_rest ?? 0 }}">{{$u->matricule}} - {{ $u->name }}  =>solde:{{ $u->jours_rest ?? 0 }}</option>
                @endforeach
                        </select>
                    </div> 
             
                    <b for="email_address">Date début du congé*</b>
                    <div class="form-group">                                
                        <input type="date" id="email_address" class="form-control"  name="dateDebut_cong" required min="2026-07-28">
                    </div>    
                     <b for="email_address">Nombre de jours demandés*</b>
                    <div class="form-group">                                
                  <input 
        type="number" placeholder="Taper le Nombre de jours demandés"  class="form-control"  name="jours_demand"  required 
   min="0.5" max="21"   step="0.5" pattern="^\d+(\.5)?$"
        title="Veuillez entrer un nombre valide (0.5, 1, 1.5, 2, 2.5, ...)" >
                    </div>    
 
                       <b for="email_address">Motif de congé*</b>
                    <div class="form-group">   
                <input type="text" placeholder="Taper le motif du congé" class="form-control"  name="motif_conge" required >           
            </div>   
            </div> 
        </div>
    </div>
</div>

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


<!-- -------------------Defaultmodal Size ------------->
<div class="modal fade" id="Modal_annuel_directeur" tabindex="-1" poste="dialog">
    <div class="modal-dialog" poste="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="title" id="defaultModalLabel">Générer <mark>un congé annuel</mark> pour un Directeur</h5>
            </div>
            <div class="modal-body"> 
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
   
        <div class="card1">
        
            <div class="body">
                <form method="POST" action="{{url('save_conge_ann_chef_dir')}}">   
                    @csrf
                       <div class="">
                            <b for="email_address">Employé(Directeur)*</b>
             <select class="form-control show-tick ms select2 " data-placeholder="Select" name="employe_id" required>
    <option value="">----------------Selectionner un Employé-------------------</option>
                        @foreach ($directeurs_eligible_conge_annuel as $u)
                    <option value="{{ $u->id }}" data-solde="{{ $u->jours_rest ?? 0 }}">{{$u->matricule}} - {{ $u->name }}  =>solde:{{ $u->jours_rest ?? 0 }}</option>
                @endforeach
                        </select>
                    </div> 
              
                    <b for="email_address">Date début du congé*</b>
                    <div class="form-group">                                
                        <input type="date" id="email_address" class="form-control"  name="dateDebut_cong" required min="2026-07-28">
                    </div>    
                     <b for="email_address">Nombre de jours demandés*</b>
                    <div class="form-group">                                
                        <input 
        type="number" placeholder="Taper le Nombre de jours demandés"  class="form-control"  name="jours_demand"  required 
   min="0.5" max="21"   step="0.5" pattern="^\d+(\.5)?$"
        title="Veuillez entrer un nombre valide (0.5, 1, 1.5, 2, 2.5, ...)" >
                    </div>    

                       <b for="email_address">Motif de congé*</b>
                    <div class="form-group">   
               <input type="text" placeholder="Taper le motif du congé" class="form-control"  name="motif_conge" required >      
            </div>   
            </div> 
        </div>
    </div>
</div>

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

@stop