@extends('layouts.master')
@section('title', 'EditContrat')
@section('parentPageTitle', 'EditContrat')
@section('page-style')
@include('grh_views.coupures.style_css')

@stop

@section('content')

       <a href="{{url('all_contrats')}}" class="btn btn-primary" title="Retour à la liste des contrats">Retour</a>
        <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> <br>
<center> <h3><strong>  Editer le contrat de: <mark>{{$info_contrat->name}} - Matri: {{$info_contrat->matricule}}</mark></strong></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

<form method="POST" action="{{url('update_contrat',$info_contrat->id_contrat)}}" enctype="multipart/form-data"> 
    @csrf
 @method('PATCH')
<div class="row clearfix">
     

    <!-- ------------------------------------------- -->
<!-- <div class="row clearfix"> -->
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="card">
           
            <div class="body">
   <div class="form-group">
          <p> <b>Selectionner le numéro matricule ou  le nom d'employé  </b> </p>
             <select class="form-control show-tick ms select2 text-center text-primary" data-placeholder="Selectionner un employé et taper son matricule ou son nom" name="employe_id" onChange="window.location.href=this.value" required>
   <option value="">--------------------- Taper le numéro matricule ou le nom d'un employé ici- ---------------------------</option>
                                     @foreach ($users as $u)
    <option value="/edit_contrat/{{$u->id}}" class="" {{ isset($info_contrat) && $info_contrat->id == $u->id ? 'selected' : '' }}><b class="text-primary">{{$u->matricule}} - {{$u->name}}</b></option>
                 @endforeach
                        </select>
                    </div>
                  <div class="row clearfix">
                     <div class="col-md-6">
                         <div class="form-group">
                        <p> <b>Numéro  Matricule et Nom d'employé </b> </p>
                        <input type="hidden" name="employe_id" value="{{$info_contrat->employe_id}}">
                <input type="text" class="form-control"   value="{{$info_contrat->matricule}} - {{$info_contrat->name}}" readonly="">
                       
                        </div>
                    </div> 
                    <div class="col-md-6">
                         <p><b>Mode d'entre</b></p>
                        <div class="form-group">
                 <select name="mode_entre" class="form-control show-tick ms select2" data-placeholder="Select" required>
           
                 @foreach ($mode_recrutements as $u)
         <option value="{{$u->id_mode_recrutements}}" {{$info_contrat->mode_entre == $u->id_mode_recrutements ? 'selected' : ''}}> {{$u->nom_mode_recrutements}}</option>
                @endforeach
                        </select>
         
                        </div>
                    </div>
                 
                </div>
               <div class="row clearfix">

                    <div class="col-md-4">
               
                      <div class="form-group">
    <label for="type-contrat"><b>Type contrat</b></label>

    <select name="typecontrat" id="type-contrat" class="form-control" required>
        <option value="">-- Sélectionner --</option>

        @foreach ($typecontrats as $u)
            <option value="{{ $u->id_type_contrat }}"
                {{ isset($info_contrat) && $info_contrat->typecontrat == $u->id_type_contrat ? 'selected' : '' }}>
                {{ $u->nom_type_contrat }}
            </option>
        @endforeach
    </select>
</div>

                    </div>

                    <div class="col-md-4">
                         <div class="form-group">
                         <p><b>Date de debut du contrat</b></p>
                  
              <input type="date" class="form-control"  name="dateDebut_contrat"  value="{{ $info_contrat->dateDebut_contrat ? \Carbon\Carbon::parse($info_contrat->dateDebut_contrat)->format('Y-m-d') : '' }}"  max="2026-07-27" required>
                        </div>
                    </div>
     
                       <div class="col-md-4">
                        <div class="form-group">
                           <p><b>Catégorie contrat</b> </p>
     <select name="categ_contrat" class="form-control show-tick ms select2" data-placeholder="Select" required>
                <option>selectionner</option>
                 @foreach ($categories_contrats as $u)
         <option value="{{$u->id_categorie_contrats}}" {{$info_contrat->categ_contrat == $u->id_categorie_contrats ? 'selected' : ''}}>{{$u->nom_categorie_contrats}}</option>
                @endforeach
                        </select>
                        </div>
                    </div>               
                </div>
         <div class="row clearfix" id="duree-container" style="display: none;">
    <div class="col-md-4">
        <div class="form-group">
            <label for="duree">Durée du contrat :</label>
            <input type="number" id="duree" name="duree_contrat"  class="form-control"  placeholder="Ex : 6 mois, 24 mois">
        </div>
    </div>

             <div class="col-md-4">
                         <div class="form-group">
                        </div>
                    </div>
                   <div class="col-md-4">
                         <div class="form-group">
                       
                        </div>
                    </div>                   
                </div>
       <!-- Ligne 4: Salaire référentiel, Salaire mensuel, Type de FPC -->
                        <div class="row clearfix">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <p><b>Salaire référentiel <span class="text-danger">*</span></b></p>
                                    <input type="number" class="form-control" name="salaire_referenc" placeholder="Le Salaire référentiel ici" required min="0" value="{{$info_contrat->salaire_referenc}}" >
                                </div>
                            </div>

                            <div class="col-md-4">
                                <div class="form-group">
                                    <p><b>Salaire mensuel <span class="text-danger">*</span> </b></p>
   <input type="number" class="form-control" name="salaire_mensuel" placeholder="Le Salaire mensuel ici" min="0" value="{{$info_contrat->salaire_mensuel}}" required="">
                                </div>
                            </div>
           <div class="col-md-4">
                                <div class="form-group">
                        <p><b>Caisse sociale <span class="text-danger">*</span></b></p>
                <input type="number" class="form-control" name="caisse_sociale" placeholder="Frais de la caisse sociale ici" value="{{$info_contrat->caisse_sociale}}" min="0" required="" max="15000">
                                </div>
                            </div>
                       
                 <div class="col-md-4">
                    <div class="form-group">
                       <p><b>Type de FPC</b></p>
                        <select name="type_fpc" class="form-select show-tick ms" data-placeholder="Sélectionner" required id="type_fpc">
                                        @foreach ($type_fpc as $t)
                           <option value="{{ $t->id_fpc_types }}" {{ $t->id_fpc_types == $info_contrat->type_fpc ? 'selected' : '' }}>{{ $t->nom_fpc }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                               <!-- Ligne 5: FPC (Taux ou Montant selon le type sélectionné) -->
                        <div class="col-md-4" id="fpc-container">
                                <div class="form-group" id="fpc-field">
                                    <!-- Le contenu sera initialisé par JavaScript au chargement -->
                                </div>
                          
                        </div>
                        </div>


        <div class="row clearfix">
                   
                    <div class="col-md-4">
                         <div class="form-group">
                         <p><b>Diplôme </b></p>
                       
                 <select class="form-control show-tick ms select2" data-placeholder="Select" name="diplome_id">
               <option value="">------select Diplôme -------</option>
                       @foreach ($diplomes as $u)
         <option value="{{$u->id_diplome}}" {{$info_contrat->diplome_id == $u->id_diplome ? 'selected' : ''}}>{{$u->nom_diplome}}</option>
                @endforeach
                        </select>
                        </div>
                    </div>
                      <div class="col-md-4">
                        <div class="form-group">
                         <p><b>Pays de formation</b></p>
              <select class="form-control show-tick ms select2" data-placeholder="Select" name="pays_formation">

                      @foreach ($pays as $p)
                  
               <option value="{{$p->id_pays}}" {{$info_contrat->pays_formation == $p->id_pays ? 'selected' : ''}}>{{$p->nom_pays}}</option>
                @endforeach
                        </select>
                        </div>
                    </div>                            
                            <div class="col-md-4">
                         <div class="form-group">
                         <p><b>Annee d'obtention</b></p>
                       
      <input type="number" class="form-control"  name="annee_delivra"  placeholder="Annee de delivrance" value="{{$info_contrat->annee_delivra}}">
                   
                        </div>
                    </div>          
                </div>
  
      <div class="row clearfix">
   
                        <div class="col-md-6">
                         <div class="form-group">
                         <p><b>Qualification du diplome</b></p>
            <input type="text"  class="form-control"  name="qualificat_diplo" placeholder="Saisir la qualification/competence du diplome"  value="{{$info_contrat->qualificat_diplo}}">
                            
                        </div>
                    </div>
                   <div class="col-md-6">
                         <div class="form-group">
                         <p><b>Motif de la modification du contrat</b></p>
            
            
                   <input type="text"  class="form-control"  name="motif_edit_contrat" placeholder="Taper le motif de la modification du contrat " required="" >          
                        </div>
                    </div>                   
                </div>
                  <div class="row clearfix">
                                 
                </div>
                 <br>   
  <center> <button class="btn btn-raised btn-primary waves-effect" type="submit">ENREGISTRER LES MODIFICATIONS</button></center>
 
            </form>
            </div>
        </div>
    </div>
<!-- </div> -->

   

    
   <!-- ---------------------------------------- -->
</div>

    
@stop
@section('page-script')

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Gestion de l'affichage de la durée pour les contrats CDD
        const typeContrat = document.getElementById('type-contrat');
        const dureeContainer = document.getElementById('duree-container');

        if (typeContrat) {
            // Initialisation au chargement
            updateDureeVisibility(typeContrat.value);
            
            // Event listener pour les changements
            typeContrat.addEventListener('change', function() {
                updateDureeVisibility(this.value);
            });
        }

        function updateDureeVisibility(selectedValue) {
            // Supposons que l'ID 2 correspond au CDD
            dureeContainer.style.display = (selectedValue === '2') ? 'block' : 'none';
        }

        // Gestion de l'affichage du champ FPC (Taux ou Montant)
        const typeFpc = document.getElementById('type_fpc');
        const fpcContainer = document.getElementById('fpc-container');
        const fpcField = document.getElementById('fpc-field');

        if (typeFpc) {
            // Initialisation au chargement de la page
            updateFpcField(typeFpc.value);
            
            // Afficher le conteneur FPC dès le chargement
            fpcContainer.style.display = 'block';
            
            // Event listener pour les changements
            typeFpc.addEventListener('change', function() {
                updateFpcField(this.value);
            });
        }

        function updateFpcField(selectedValue) {
            let fieldHtml = '';

            if (selectedValue === '1') { // Taux
                fieldHtml = `
                    <label for="taux_fpc"><b>Taux FPC (%)</b></label>
                    <input type="number" id="taux_fpc" placeholder="Taux FPC" class="form-control" name="taux_fpc" value="{{$info_contrat->taux_fpc}}" step="0.01">
                `;
            } else if (selectedValue === '2') { // Montant
                fieldHtml = `
                    <label for="montant_fpc"><b>Montant FPC</b></label>
                    <input type="number" id="montant_fpc" placeholder="Montant FPC" class="form-control" name="montant_fpc" value="{{$info_contrat->montant_fpc}}" step="0.01">
                `;
            } else {
                fieldHtml = `
                    <label for="taux_fpc"><b>Taux FPC (%)</b></label>
                    <input type="number" id="taux_fpc" placeholder="Taux FPC" class="form-control" name="taux_fpc" value="0" step="0.01" max="20">
                `;
            }

            fpcField.innerHTML = fieldHtml;
        }
    });
</script>
@stop