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

@stop
@section('content')
    @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
    <div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="card">
      
            <div class="body">
  <a href="{{url('all_paies')}}" class="btn btn-success " title="Retour à la liste des paies"> Liste paies</a>
 <a href="{{url('all_sb_paies')}}" class="btn btn-success" title="Retour à la liste des salaires de base">Liste Salaires de Base </a>
 <a href="{{url('all_cotations_users')}}" class="btn btn-success" title="Retour à la liste des cotations">Liste Salaires de cotations </a>
            </div>
        </div>
    </div>
</div>

<center><u> <h2> ENREGISTREMENT D'UN NOUVEAU SALAIRE DE BASE DE : <strong>Matri: {{ $userInfo->matricule ?? '' }} - {{ $userInfo->name ?? '' }} </strong></h2></u></center>
<form id="form_salaire" method="POST" action="{{route('salairebase.save')}}" enctype="multipart/form-data"> 
    @csrf
<input type="hidden" name="user_id" value="{{ $userInfo->id ?? '' }}">

<!-- Exemple de formulaire dans ton Blade -->

<!-- <div class="row"> -->
    <div class="row clearfix"> 
   <div class="col-md-12">
       <div class="form-group">
        <label>Employé</label>
             <select class="form-control show-tick ms select2 " 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="/get_sb_info/{{$u->id}}" {{ isset($userInfo) && $userInfo->id == $u->id ? 'selected' : '' }}>{{$u->matricule}} -  {{$u->name}}</option>
                 @endforeach
                        </select>
                    </div>
    </div>
  
      <div class="col-md-3 mt-3">
        <label>Matricule</label>
        <input type="text"  class="form-control" readonly="" id="matricule" value="{{$userInfo->matricule ?? ''}}">

    </div>
   
    <!-- informations d'un employe selectionne -->
   <div class="col-md-3 mt-3">
        <label>Direction</label>
        <input type="text"  class="form-control" readonly="" id="nom_dir" value="{{$userInfo->nom_direction ?? ''}}">
    </div>
   <div class="col-md-3 mt-3">
        <label>Service</label>
        <input type="text"  class="form-control" readonly="" id="nom_service" value="{{$userInfo->nom_service ?? ''}}">
    </div>
    <div class="col-md-3 mt-3"> 
        <label>Poste occupé</label>
        <input type="text" id="nom_poste" class="form-control" readonly="" name="nom_poste" value="{{$userInfo->nom_poste ?? ''}}">
    </div>
          <div class="col-md-3 mt-3">
       <label> <b>Anneé d'exercice</b></label>
       <input type="number" name="annee_exercice" class="form-control"  value="{{date('Y')}}"> 
    
    </div>
   <div class="col-md-3 mt-3"> 
        <label>Taux FPC (%)</label>
        <input type="number" id="taux_fpc" class="form-control" readonly="" name="taux_fpc" value="{{$userInfo->taux_fpc ?? 0}}" name="taux_fpc_sb">
    </div>

  
    <div class="col-md-3 mt-3">
        <label>Salaire Reférentiel actualisé</label>
        <input type="number" id="salaire_mensuel" class="form-control" readonly="" id="salaire_mensuel" value="{{$userInfo->salaire_mensuel ?? 0}}">
    </div>
</div>

<hr>
<br>
 <div class="row clearfix">
    <!-- ------------------------------------------------------------------- -->

    <div class="col-md-3 mt-3">
       <label > <b>Salaire de base</b></label> <br>
       <span id="error_salaire" class="text fw-bold" style="font-size: 13px"></span>
      <input type="number" name="salaire_de_base"
    min="0"
   step="any"
    id="salaire_de_base"
    required
    class="form-control"
    placeholder="Salaire de base ici"
    style="font-size: 20px;font-weight: bold; color: black"
    value="0">

    </div>

    <hr>
</div>

 <div class="row clearfix mt-3">

<!-- <div class="row mt-3"> -->
    <div class="col-md-3 mt-3">
        <label>Caisse Sociale</label>
        <input type="number" id="caisse_social" class="form-control"  name="caisse_social" value="{{$userInfo->caisse_social ?? 0}}">
    </div>

    <div class="col-md-3 mt-3">
        <label>Logement</label>
        <input type="text" id="logement" name="logement" class="form-control" readonly>
    </div>
    <div class="col-md-3 mt-3">
        <label>Frais déplacement</label>
        <input type="text" id="frais_deplacement" name="frais_deplacement" class="form-control" readonly>
    </div>

    <div class="col-md-3 mt-3">
        <label>Salaire brut</label>
        <input type="text" id="salaire_brut_final"  class="form-control" readonly name="salaire_brut_sb">  
    </div>
        <div class="col-md-3 mt-3">
        <label>FPC Paie</label>
        <input type="text" id="fpc_paie" name="fpc_paie" class="form-control" readonly>
    </div>
    <div class="col-md-3 mt-3">
        <label>INSS Base Paie</label>
        <input type="text" id="inss_base_paie" name="inss_paie" class="form-control" readonly>
    </div>
    <div class="col-md-3 mt-3">
        <label>IRE Total Paie</label>
        <input type="text" id="ire_total_paie" name="ire_total_paie" class="form-control" readonly>
    </div>
    <div class="col-md-3 mt-3">
        <label>Total Retenus</label>
        <input type="text" id="total_retenus"  class="form-control" readonly name="total_retenus_sb">
    </div>
      <div class="col-md-3 mt-3">
        <label><b>Salaire Net à payer</b></label>
         
        <input type="text" id="salaire_net" name="salaire_net" class="form-control" readonly style="font-size: 25px;font-weight: bold; color: blue">
          <span id="error_salaire_net" class="text fw-bold" style="font-size: 13px"></span> <br>
    </div>
  <!--   <div class="col-md-3 mt-3">
       <label> <b>Salaire net à payer fixé égale à :</b></label>
        <input type="number" id="salaire_net_fixe"  required="" class="form-control" style="font-size: 25px;font-weight: bold; color: blue" readonly=""> 
    </div> -->
</div>
     <div class="col-md-3 mt-3">
<button class="btn btn-raised btn-success waves-effect" type="submit">ENREGISTRER</button>
</div>
</div>
</form>


<script>
document.addEventListener("DOMContentLoaded", function() {
    // Calcul auto du salaire quand on change base ou jours
    document.querySelectorAll("#salaire_de_base, #jours_prestes")
        .forEach(input => input.addEventListener("input", calculerPaie));

    // Calcul initial au chargement
    calculerPaie();
});

function calculerPaie() {
    let salaire_de_base = parseFloat(document.getElementById("salaire_de_base").value) || 0;
    let taux_fpc = parseFloat(document.getElementById("taux_fpc").value) / 100 || 0;
    let salaire_mensuel = parseFloat(document.getElementById("salaire_mensuel").value) || 0;
    let caisse_social = parseFloat(document.getElementById("caisse_social").value) || 0;
    // let annal = parseFloat(document.getElementById("annal").value) || 0;
    // --- Calculs ---

   
    let new_salaire_de_base = salaire_de_base;
    let fpc_paie = new_salaire_de_base * taux_fpc;
    let logement = new_salaire_de_base * 0.6;
    let frais_deplacement = new_salaire_de_base * 0.15;
    let salaire_brut_final = (new_salaire_de_base + logement + frais_deplacement) ??0;
   
    // INSS
    let inss_base_calcul = (salaire_brut_final >= 450000) ? 450000 : salaire_brut_final;
    let inss_base_paie = (inss_base_calcul * 0.04) ?? 0;

   // IRE
    let base_IRE = new_salaire_de_base - inss_base_paie - fpc_paie;
    let base_IRE_20 = base_IRE - 150000;
    let base_IRE_20_p = base_IRE_20 * 0.2;
    let base_IRE_20_paie = ((base_IRE_20_p < 30000) ? base_IRE_20_p : 30000) ?? 0;

    let base_IRE_30 = base_IRE_20 - 150000;
    let base_IRE_30_paie = ((base_IRE_30 > 0) ? base_IRE_30 * 0.3 : 0) ?? 0;
  
    let ire_total_paie =(salaire_de_base>0) ? (base_IRE_20_paie + base_IRE_30_paie) : 0;
    let total_retenus =(salaire_de_base>0) ? (inss_base_paie + fpc_paie + ire_total_paie + caisse_social) : 0;
    // let salaire_net_fixe = (taux_fpc>0) ? (salaire_mensuel - caisse_social -fpc_paie) : (salaire_mensuel - caisse_social);
    let salaire_net = (salaire_de_base>0) ? (salaire_brut_final - total_retenus) : 0;

    // --- Affichage ---
    // document.getElementById("annal").value = annal.toFixed(0);
    document.getElementById("fpc_paie").value = fpc_paie.toFixed(0);
    document.getElementById("logement").value = logement.toFixed(0);
    document.getElementById("frais_deplacement").value = frais_deplacement.toFixed(0);
    document.getElementById("salaire_brut_final").value = salaire_brut_final.toFixed(0);
    document.getElementById("inss_base_paie").value = inss_base_paie.toFixed(0);
    document.getElementById("ire_total_paie").value = ire_total_paie.toFixed(0);
    document.getElementById("total_retenus").value = total_retenus.toFixed(0);
    // document.getElementById("salaire_net_fixe").value = salaire_net_fixe.toFixed(1);
    document.getElementById("salaire_net").value = salaire_net.toFixed(1);
}
</script>
<!-- --------=====================++++++++++++++++++++++++++++++++++++++++++++++++++===== -->
<script>
let lastValidSalaireBase = '';
let salaireDepasse = false;

const form = document.getElementById('form_salaire');
const salaireBaseInput = document.getElementById('salaire_de_base');
const salaireNetInput = document.getElementById('salaire_net');
// const salaireNetFixe = parseFloat(document.getElementById('salaire_net_fixe').value) || 0;
const errorSpan = document.getElementById('error_salaire');
const errorSpanNet = document.getElementById('error_salaire_net');

// Fonction pour vérifier si on est en train d'effacer
function isErasingOperation(oldValue, newValue) {
    return newValue.length < oldValue.length;
}

// Fonction pour valider le salaire

// function validateSalaire() {
//     const salaireNet = parseFloat(salaireNetInput.value) || 0;
//     const salaireNetFixe = parseFloat(document.getElementById('salaire_net_fixe').value) || 0;

//     if (
//         salaireNet === salaireNetFixe ||
//         salaireNet === salaireNetFixe + 0.1
//     ) {
//         errorSpan.innerHTML = "validé";
//         errorSpan.style.color = "green";

//         errorSpanNet.innerHTML = "validé";
//         errorSpanNet.style.color = "green";

//         salaireNetInput.style.border = "2px solid green";
//         salaireBaseInput.style.border = "2px solid green";
//         return true;
//     } else {
//         errorSpan.innerHTML = "Salaire net invalide";
//         errorSpan.style.color = "red";

//         salaireNetInput.style.border = "2px solid red";
//         salaireBaseInput.style.border = "2px solid red";
//         return false;
//     }
// }


// function validateSalaire() {
//     const salaireNet = Number(parseFloat(salaireNetInput.value).toFixed(1)) || 0;
//     const salaireNetFixe = Number(parseFloat(document.getElementById('salaire_net_fixe').value).toFixed(1)) || 0;

//     if (salaireNet === salaireNetFixe) {
//         errorSpan.innerHTML = "validé";
//         errorSpan.style.color = "green";

//         errorSpanNet.innerHTML = "validé";
//         errorSpanNet.style.color = "green";

//         salaireNetInput.style.border = "2px solid green";
//         salaireBaseInput.style.border = "2px solid green";
//         return true;
//     } else if (salaireNet === salaireNetFixe + 0.1) {
//         errorSpan.innerHTML = "validé";
//         errorSpan.style.color = "green";

//         errorSpanNet.innerHTML = "validé";
//         errorSpanNet.style.color = "green";

//         salaireNetInput.style.border = "2px solid green";
//         salaireBaseInput.style.border = "2px solid green";
//         return true;
//     } else {
//         errorSpan.innerHTML = "Salaire de base invalide";
//         errorSpan.style.color = "red";

//         errorSpanNet.innerHTML = "Salaire net invalide";
//         errorSpanNet.style.color = "red";

//         salaireNetInput.style.border = "2px solid red";
//         salaireBaseInput.style.border = "2px solid red";
//         return false;
//     }
// }




salaireBaseInput.addEventListener('keydown', function (e) {
    if (e.key === ',') {
        e.preventDefault(); // ❌ bloque le point
    }
});

salaireBaseInput.addEventListener('input', function () {
    // Remplacer la virgule par un point pour les calculs
    if (this.value.includes(',')) {
        this.value = this.value.replace(',', '.');
    }
});


/* 🔄 Validation principale */
salaireBaseInput.addEventListener('input', function (e) {
    const oldValue = lastValidSalaireBase;
    const newValue = this.value;
    
    // Permettre l'effacement complet ou partiel
    if (newValue === '' || isErasingOperation(oldValue, newValue)) {
        lastValidSalaireBase = newValue;
        validateSalaire();
        return;
    }
    
    // Si on ajoute des caractères, vérifier si c'est un nombre valide
    const salaireBase = parseFloat(newValue) || 0;
    const salaireNet = parseFloat(salaireNetInput.value) || 0;
    
    
    // ✅ Valeur valide
    lastValidSalaireBase = newValue;
    validateSalaire();
});

// Gestionnaire pour la touche Backspace/Delete
salaireBaseInput.addEventListener('keydown', function (e) {
    if (e.key === 'Backspace' || e.key === 'Delete') {
        // Autoriser l'effacement en mettant à jour lastValidSalaireBase
        lastValidSalaireBase = this.value;
    }
});

// Validation lors de la perte de focus
salaireBaseInput.addEventListener('blur', function () {
    if (this.value === '') {
        lastValidSalaireBase = '';
        salaireNetInput.value = '';
        validateSalaire();
    }
});
/* 🚫 Bloquer la soumission */
form.addEventListener('submit', function (e) {
    if (!validateSalaire()) {
        e.preventDefault();
        errorSpan.innerHTML ="❌ Corrigez le salaire de base ";
        errorSpan.style.color = "red";

        errorSpanNet.innerHTML = "Salaire net invalide";
         errorSpanNet.style.color = "red";

    salaireNetInput.style.border = "2px solid red";
    salaireBaseInput.style.border = "2px solid red";
    salaireBaseInput.focus();
        return false;
    }
});

</script>
   
@stop

@section('page-script')

@stop