@extends('layouts.master')
@section('title', 'AllPaies')
@section('parentPageTitle', 'AllPaies')
@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')}}"/>
<style type="text/css">

        body {
            font-family: Arial, sans-serif;
            padding: 20px;
            background-color: #f5f5f5;
        }
    
        .status-actif {
            background-color: #599766;
            color: #f9fcfa;
            font-weight: bold;
            padding: 3px 6px;
            border-radius: 8px;
        }
        .status-annule {
            background-color: #7a383b;
            color: #f8f9fa;
            font-weight: bold;
            padding: 3px 6px;
            border-radius: 8px;
        }
     
    </style>

@stop
@section('content')
<center> <h3>Tous les Contractuels</h3></center>
<!-- Modal Size Example -->


{{-- Barre de navigation rapide --}}

<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="card">
         
            <div class="body">
 <h6 class="mb-0">LES AUTRES LIENS COURAMMENT UTILISÉS</h6>
    <div class="d-flex flex-wrap align-items-center justify-content-between">
                    <div class="btn-group flex-wrap" role="group">
                     <a href="{{url('all_paies')}}" class="btn btn-outline-success" title="Retour à la liste des paies">
                            <i class="zmdi zmdi-money"></i> Paies-Employés
                        </a>
                             <a href="{{ url('all_paies_contractuels') }}" class="btn btn-outline-success" title="Paies des contractuels">
                            <i class="zmdi zmdi-money"></i> Paies-Contractuels
                        </a>
                        <a href="{{url('all_sb_paies')}}" class="btn btn-outline-success" title="Salaires de base">
                            <i class="zmdi zmdi-money"></i> Salaires de base
                        </a>
                        <a href="{{url('all_cotations_users')}}" class="btn btn-outline-success" title="Cotations">
                            <i class="zmdi zmdi-chart"></i> Cotations
                        </a>
                        <a href="{{url('all_absences')}}" class="btn btn-outline-success" title="Absences">
                            <i class="zmdi zmdi-calendar-close"></i> Absences
                        </a>
                          <a href="{{url('all_contrats')}}" class="btn btn-outline-success" title="Retour à la liste des  Contrats">
                            <i class="zmdi zmdi-file-text"></i> Contrats
                        </a>
                        <a href="{{url('rapports_rh')}}" class="btn btn-outline-success" title="Rapports">
                            <i class="zmdi zmdi-file-text"></i> Rapports
                        </a>
                    </div>
                    <div>
     

                 <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#defaultModal">
                            <i class="zmdi zmdi-account-add"></i> Enregistrer  
                        </button>
                 
                    </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

<!-- Exportable Table -->
<div class="row clearfix">
    <div class="col-lg-12">
        <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>No</th>
                                <th>Nom du contractuel</th>
                                <th>Numero de compte</th>
                                <th>Montant</th>
                                <th>Date debut</th>
                                <th>Description du contractuel</th>
                                <th>Date fin</th>
                                <th>Motif de suspension</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                   
                        <tbody>
                             @php $index=1; @endphp
                                @foreach($contractuels as $i)
                            <tr>
                                <td>{{$index++}} </td>
                                    <td>{{$i->name}} </td>
                                   <td>{{$i->numero_compte}} </td> 
                                    <td>{{$i->montant_contrat}} </td> 
                                    <td>{{$i->date_debut}} </td> 
                                    <td>{{$i->description_contractuel}} </td>
                                     <td>{{$i->date_fin}} </td> 
                                      <td>{{$i->motif}} </td> 
                                     <td>
                                        @if($i->etat_contrat ==1)
                                         <span class="status-actif">actif</span>
                                        @elseif($i->etat_contrat ==0)
                                        <span class="status-annule">suspendu</span>
                                        @endif
                                     </td> 

               <td> 
  @if($i->etat_contrat ==1)
                <a  class="btn btn-primary" title="Editer" data-toggle="modal" data-target="#defaultModal{{$i->id_contractuel}}"><i class="zmdi zmdi-edit" ></i></a> 
 <a  class="btn btn-danger" title="Suspendre  {{$i->name}}" data-toggle="modal" data-target="#SuspendreModal{{$i->id_contractuel}}">Suspendre</a> 
    @elseif($i->etat_contrat == 0)

  <a href="{{url('activer_contractuel',$i->id_contractuel)}}" class="btn btn-success" title="Activer {{$i->name}}" onclick="return confirm('Voulez-vous Activer le contract de {{$i->name}}?');">Activer</a>
@endif
<!-- Default Size -->
<div class="modal fade" id="defaultModal{{$i->id_contractuel}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Editer {{$i->name}}</h4>
            </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('edit_contractuel',$i->id_contractuel)}}">
                   @csrf
                  @method('PATCH')
                    <label for="email_address">Nom du contractuel</label>
                    <div class="form-group">                                
                        <input type="text" id="email_address" class="form-control" placeholder="Entrer le nom" name="user_id" required value="{{$i->name}}" readonly="">
                    </div>
                <div class="form-group mt-3">  
                        <b for="email_address">Numero du compte</b>                            
                        <input type="text" id="email_address" class="form-control" value="{{$i->numero_compte}}"  placeholder="Numero du compte ici" name="numero_compte" required  >
      
                    </div> 
                    <div class="form-group">
                         <b>Date debut du contractuel</b>
                       
                      <input type="date" class="form-control"  name="date_debut" value="{{$i->date_debut}}" required="" max="2026-07-27">
                        </div>
                      
                    <div class="form-group"> 
                       <b for="email_address">Montant</b>                            
   <input type="number" placeholder="montant a payer ici"  value="{{$i->montant_contrat}}" class="form-control" name="montant_contrat" required >
      
                    </div> 
                        <div class="form-group"> 
                       <b for="email_address">Descrition du contractuel</b>                            
                        <textarea class="form-control" name="description_contractuel" required >{{$i->description_contractuel}}</textarea>
      
                    </div>
                                
            </div> 
        </div>
    </div>
</div>

    </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">MODIFIER</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">FERMER</button>
            </div>
            </form>
        </div>
    </div>
</div>           
<!-- ------------debut modal suspension----------- -->
<!-- Default Size -->
<div class="modal fade" id="SuspendreModal{{$i->id_contractuel}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Suspendre {{$i->name}}</h4>
            </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('suspendre_contractuel',$i->id_contractuel)}}"> 
                     @csrf
                  @method('PATCH')
                     <b for="email_address">Date de suspension</b>
                     <div class="form-group">                                
        <input type="date" id="email_address" class="form-control"  name="date_fin" class="form-control" required max="2026-07-27">
                    </div>
                     <b for="email_address">Motif de suspension</b>
                     <div class="form-group">                                
    <textarea name="motif" required minlength="7" maxlength="350" class="form-control" > </textarea>  </div>              
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">MODIFIER</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">FERMER</button>
            </div>
            </form>
        </div>
    </div>
</div>           
<!--  <a href="{{url('delete_typecontrat',$i->id_typecontrat)}}" class="btn btn-danger" title="Supprimer"><i class="zmdi zmdi-delete" onclick="return confirm('Voulez-vous supprimer  {{$i->nom_role}}?');">Supprimer</i></a> -->
                                     </td>                               
                            </tr>
                            
                          @endforeach
                                              
                        </tbody>
                    </table>

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

@stop
@section('page-script')
@stop
<!-------------------------------  Default Size  ---------------------------------->

<div class="modal fade" id="defaultModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="title" id="defaultModalLabel"><b>Enregistrer un contractuel</b></h6>
            </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_contractuel')}}">
                    @csrf
      
                        <div class="form-group">
                            <b for="email_address">Contractuels</b>
             <select class="form-control show-tick ms select2 " data-placeholder="Select" name="user_id" required>
   <option value="">---------------Selectionner un Employé------------</option>
                        @foreach ($users as $u)
                     <option value="{{$u->id}}">{{$u->name}}</option>
                @endforeach
                        </select>
                    </div>    
                    
                    <div class="form-group mt-3">  
                        <b for="email_address">Numero du compte</b>                            
                        <input type="text" id="email_address" class="form-control" placeholder="Numero du compte ici" name="numero_compte" required>
      
                    </div> 

                      
                    <div class="form-group"> 
                       <b for="email_address">Montant</b>                            
                        <input type="number" placeholder="montant a payer ici" class="form-control" name="montant_contrat" required >
      
                    </div> 
                      <div class="form-group">
                         <b>Date debut du contractuel</b>
                       
                      <input type="date" class="form-control"  name="date_debut" required="" max="2026-07-27">
                        </div>
                       <div class="form-group"> 
                       <b for="email_address">Descrition du contractuel</b>                            
                        <textarea class="form-control" name="description_contractuel" required ></textarea>
      
                    </div> 
   
   
<div class="modal-footer">
                <button type="submit" class="btn btn-primary  waves-effect">ENREGISTRER</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">FERMER</button>
            </div>
        </div>
                </form>
            </div> 
        </div>
    </div>
</div>
           </div>
            
    </div>
</div>
  <!-- ------------suspendre service modal------------ -->
<!-- Default Size -->
<div class="modal fade" id="SuspendreModal{{$i->id_contractuel}}" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="title" id="SuspendreModal{{$i->id_contractuel}}">Suspendre </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('suspendre_contractuel,$i->id_contractuel')}}"> 
                    @csrf      
            <input type="hidden" name="id_contractuel" value="{{$i->id_contractuel}}" required>
           
                     <b for="email_address">Date fin</b>
                     <div class="form-group">                                
        <input type="date" id="email_address" class="form-control"  name="date_fin" class="form-control" required max="2026-07-27">
                    </div>
                     <b for="email_address">Motif</b>
                     <div class="form-group">                                
    <textarea name="motif" required minlength="7" maxlength="350" class="form-control" > </textarea>  </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 -->