@extends('layouts.master')
@section('title', 'Congés_Maternit')
@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 annuels" > Congés annuels</a> 
           <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('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 de maternité sollicité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  


            <!-- ----------------------------------------------------FIN CONGE DE MATERNITE ---------------------->
                     <div role="tabpanel" class="tab-pane" id="MATERNITE">
    
      <!-- ------------------------------------------------------------------------------------------------          -->
<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="#MATERNITE_AG_Cadre"> AGENTS ET CADRES</a></li>
                    <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#MATERNITE_CHEF">CHEFS DE SERVICE ET DEPARTEMENT </a></li>
                      <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#MATERNITE_DIRECT">DIRECTEURS</a></li>
                </ul>                        
                <!-- Tab panes -->
                <div class="tab-content">
         <!-- !---------------------------- START  #MATERNITE_AG_Cadre --------------------------------------------- -->
                       
                    <div role="tabpanel" class="tab-pane in active" id="MATERNITE_AG_Cadre">
              
                  <button type="button" class="btn btn-primary waves-effect m-r-20 mb-4"  data-toggle="modal" data-target="#Modal_mater_cadre" style="float: right;">Générer un congé</button>  <br>

  <center>    <h5 class="mt-3"> <b>L’ensemble des congés de maternité demandés par les Agents et les Cadres </b></h5></center>
                          <div class="card mt-3">

                 
            <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_maternite_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>

    <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>
  

                               </td> 
                       
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
                    </div>
              
  <!---------------------------- FIN  #MATERNITE_AG_Cadre --------------------------------------------->
                   

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

  <center> <h5 class="mt-3"> <b>L’ensemble des congés de maternité demandés par les chefs de services et de départements </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_maternite_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>

    <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>


                               </td> 
                       
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
                    </div>
              
  <!---------------------------- FIN  #MATERNITE_CHEF --------------------------------------------->
                    
                    <div role="tabpanel" class="tab-pane" id="MATERNITE_DIRECT">
                     <button type="button" class="btn btn-primary waves-effect m-r-20 mb-4"  data-toggle="modal" data-target="#Modal_mater_directeur" style="float: right;">Générer un congé</button>  <br>


                          <div class="card">
 <center> <h5 class="mt-3"> <b>Les congés de maternité demandés par les directeurs </b></h5></center>
    
            <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_maternite_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>
    <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>


                               </td> 
                       
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
                    </div>
              </div>
                </div>
            </div>
        </div>
    </div>
</div>


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

<!-- ---------------------------CONGE DE MATERNITE---------------------------------------------- -->

<!-- -------------------Defaultmodal Size ------------->
<div class="modal fade" id="Modal_mater_cadre" 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 maternité</mark> pour les agents et les cadres</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_mater_cadre')}}">
                    @csrf
                          <div class="mt-1">
                            <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 ($employes_feminins_cadre as $u)
                        <option value="{{$u->id}}">{{$u->matricule}} - {{$u->name}}</option>
                @endforeach
                        </select>
                    </div>
                      <div class="mt-1">
                            <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">Prénatal</option>
                        <option value="2">Post-natal</option>
                        <option value="3">Prescription du Médecin</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 >
                    </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="1" max="42" step="any">
                    </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_mater_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 maternité</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_maternite_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 ($employes_feminins_chefs as $u)
                        <option value="{{$u->id}}">{{$u->matricule}} - {{$u->name}}</option>
                @endforeach
                        </select>
                    </div> 
                    <div class="mt-1">
                            <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">Prénatal</option>
                        <option value="2">Post-natal</option>
                        <option value="3">Prescription du Médecin</option>
                        </select>
                    </div>
                    <b for="email_address">Date début du congé*</b>
                    <div class="form-group">                                
                        <input type="date"  class="form-control"  name="dateDebut_cong" required >
                    </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="1" max="42" value="">
                    </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>
<!--  ------------------------------------------------------ -->


<!-- -------------------Defaultmodal Size conge maternite directeur------------->
<div class="modal fade" id="Modal_mater_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é de maternité</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_maternite_chef_dir')}}">
                    @csrf
                          <div class="mt-1">
                            <b for="email_address">Employé(Directeurs)*</b>
             <select class="form-control show-tick ms select2 " data-placeholder="Select" name="employe_id" required>
   <option value="">----------------Selectionner un Employé-------------------</option>
                        @foreach ($employes_fiminins_directeurs 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">Prénatal</option>
                        <option value="2">Post-natal</option>
                        <option value="3">Prescription du Médecin</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>
                    </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="1" max="42" value="">
                    </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>
<!--  ------------------------------------------------------ -->
     
@include('grh_views.coupures.modal_conges')
@stop
@section('page-script')
@stop