@extends('layouts.master')
@section('title', 'Congés_circonstance')
@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('cong_annuels')}}" class="btn btn-success  mr-l" title="Afficher tous les Congés annuel" > Congés annuels</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>Tous les congés de circonstances 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">

  
        <!-- Nav tabs -->
         <ul class="nav nav-tabs p-0 mb-3">
          <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#CIRCONSTANCE_AG_Cadre"> AGENTS ET CADRES</a></li>
          <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#CIRCONSTANCE_CHEF">CHEFS DE SERVICE ET DEPARTEMENT </a></li>
          <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#CIRCONSTANCE_DIRECT">DIRECTEURS</a></li>
        </ul>      
             
        <!-- Tab panes -->
        <div class="tab-content">
          <!---------------------------- Tab panes  #CIRCONSTANCE_AG_Cadre --------------------------------------------->
          <div role="tabpanel" class="tab-pane in active" id="CIRCONSTANCE_AG_Cadre">

           <button type="button" class="btn btn-primary waves-effect m-r-20 mb-4"  data-toggle="modal" data-target="#Modal_circo_CadreAgent" style="float: right;">Générer un congé</button>  <br>
        <center> <h5 class="mt-3"> <b>L’ensemble des congés de circonstances demandés par les agents et les 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_circo_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--- Tab panes  #CIRCONSTANCE_AG_Cadre --------------------------------------------->


    <!---------------------------- Tab panes  #CIRCONSTANCE_CHEF --------------------------------------------->

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

 <center> <h5 class="mt-3"> <b> L’ensemble des congés de circonstances demandés par les Chefs de Service et de Departements </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_circo_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  #CIRCONSTANCE_CHEF --------------------------------------------->


<!---------------------------- START  #CIRCONSTANCE_CHEF --------------------------------------------->
<div role="tabpanel" class="tab-pane" id="CIRCONSTANCE_DIRECT">
  <button type="button" class="btn btn-primary waves-effect m-r-20 mb-4"  data-toggle="modal" data-target="#Modal_circo_Directeur" style="float: right;">Générer un congé</button>  <br>
  <center> <h5 class="mt-3"> <b> L’ensemble des congés de circonstances 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_circo_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->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  #CIRCONSTANCE_DIRECTEUR --------------------------------------------->
</div>
</div>
</div>
</div>
</div>

<!-- -------------------------FIN CONGE CIRCONSTANCES-------------------------------------        -->


<!-- les modales formulaires de conges -->

 <!-- ----------------------LES FORMULAIRES de conges de CIRCONSTANCES----------------------------------------------- -->

<!-- -------------------Defaultmodal Size ------------->
<div class="modal fade" id="Modal_circo_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é de circonstance</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_circonstance_cadre')}}">
                    @csrf
                       <div class="">
                            <b for="email_address">Employé(Agents,Cadres,.....)*</b>
             <select class="form-control show-tick ms select2 " data-placeholder="Select" name="employe_id" required>
   <option value="">-------------Selectionner un Employé------------</option>
                        @foreach ($cadre_eligible_conge_circo as $u)
                       <option value="{{$u->id}}">{{$u->matricule}} - {{$u->name}}</option>
                @endforeach
                        </select>
                    </div> 
                      <div class="">
                            <b for="email_address">Nature de congé*</b>
             <select class="form-control show-tick ms select2 " data-placeholder="Select" name="natureconge_id" required>
   <option value="">------------Selectionner la Nature de congé----------</option>                    
                        <option value="1">Naissance</option>
                        <option value="2">Mariage</option>
                        <option value="3">Décès</option>
                        </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-27">
                    </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"  value="0" 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_circo_Chefs" 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é de circonstance</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_circo_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_circo as $u)
                   <option value="{{$u->id}}">{{$u->matricule}} - {{$u->name}}</option>
                @endforeach
                        </select>
                    </div> 
                      <div class="">
                            <b for="email_address">Nature de congé*</b>
             <select class="form-control show-tick ms select2 " data-placeholder="Select" name="natureconge_id" required>
   <option value="">-------------Selectionner la Nature de congé-------------</option>                    
                        <option value="1">Naissance</option>
                        <option value="2">Mariage</option>
                        <option value="3">Décès</option>
                        </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-27">
                    </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"  value="0" 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_circo_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 un <mark>congé de circonstance</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_circo_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_circo as $u)
                        <option value="{{$u->id}}">{{$u->matricule}} - {{$u->name}}</option>
                @endforeach
                        </select>
                    </div> 
                       <div class="">
                            <b for="email_address">Nature de congé*</b>
             <select class="form-control show-tick ms select2 " data-placeholder="Select" name="natureconge_id" required>
   <option value="">-------------Selectionner la Nature de congé--------------</option>                    
                        <option value="1">Naissance</option>
                        <option value="2">Mariage</option>
                        <option value="3">Décès</option>
                        </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-27">
                    </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"  value="0" 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---------------------------------------- -->

@include('grh_views.coupures.modal_conges')

@stop
@section('page-script')
@stop