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

@stop
@section('content')

    <a href="{{url('all_paies')}}" class="btn btn-primary " title="Retour à la liste des paies"> Liste paies</a>
 <a href="{{url('all_sb_paies')}}" class="btn btn-primary" title="Retour à la liste des salaires de base">Liste Salaires de Base </a>
 <a href="{{url('all_cotations_users')}}" class="btn btn-primary" title="Retour à la liste des cotations">Liste Salaires de cotations </a>
 <a href="{{url('all_absences')}}" class="btn btn-primary" title="Retour à la liste des Absences" >Liste Absences </a>


    @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
<!-- En-tête avec le mois sélectionné -->
@if(isset($mois_exercice))
<a  class="btn btn-secondary" style="float: right;">PAIE DU MOIS <strong>{{ $mois_exercice }}</strong></a>
@else
<a  class="btn btn-secondary" style="float: right;">PAIE DU MOIS <strong>{{ $mois_exercice }}</strong></a>
<center><u> <h3 class=""> NOUVEAU PAIE DE : <strong>Matri: {{ $userInfo->matricule ?? '' }} - {{ $userInfo->name ?? '' }} </strong></h3></u></center>
@endif

<form id="form_salaire" method="POST" action="{{route('paie.un')}}" enctype="multipart/form-data"> 
    @csrf
   @if(isset($mois_exercice))
        <input type="hidden" name="mois_exercice" value="{{ $mois_exercice }}">
    @endif
<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>
 <!-- Ajouter ce champ caché dans le formulaire -->

<!-- Modifier le select pour inclure la valeur -->
<select class="form-control show-tick ms select2" 
        data-placeholder="Sélectionner un employé"
        name="user_id" 
        id="employe_select"
        required>
    <option value="">--- Sélectionner un employé ---</option>
    @foreach ($users as $u)
        <option value="{{ $u->id }}" 
                {{ (isset($userInfo) && $userInfo->id == $u->id) ? 'selected' : '' }}>
            {{ $u->matricule }} - {{ $u->name }}
        </option>
    @endforeach
</select>
                    </div>
    </div>
  <!-- informations d'un employé sélectionné -->
@if(isset($userInfo) && $userInfo)

      <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}}">
    </div>

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

    </div>
       <div class="col-md-3 mt-3">
        
          @if(isset($get_absence && $get_absence > 0))
        
         <label>Jours prestes / <b>$get_absence absent(s)</b></label>
      <input type="number" name="jours_prestes" id="jours_prestes" class="form-control" value="{{25- $get_absence}}" required="" min="1" max="25" style="font-size: 20px;font-weight: bold; color: black"> <!-- //ne pas depasser 25jours -->
      @else
      <label>Jours prestes</label>
      <input type="number" name="jours_prestes" id="jours_prestes" class="form-control" value="25" required="" min="1" max="25" style="font-size: 20px;font-weight: bold; color: black"> <!-- //ne pas depasser 25jours -->
    @endif
       
    </div>

    <hr>
</div>

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

        <div class="col-md-3 mt-3">
            <label>Logement</label>
            <input type="text"  name="logement" class="form-control" readonly value="{{$userInfo->logement_sb ?? 0}}">
        </div>

        <div class="col-md-3 mt-3">
            <label>Frais déplacement</label>
            <input type="text"  name="frais_deplacement" class="form-control" readonly value="{{$userInfo->frais_deplacement_sb ?? 0}}">
        </div>

        <div class="col-md-3 mt-3">
            <label>Salaire brut</label>
            <input type="text"  class="form-control" readonly value="{{ ($userInfo->frais_deplacement_sb ?? 0) + ($userInfo->logement_sb ?? 0) + ($userInfo->salaire_de_base ?? 0) }}"
>
        </div>

        <div class="col-md-3 mt-3">
            <label>FPC Paie</label>
            <input type="text"  name="fpc_paie" class="form-control" readonly value="{{$userInfo->fpc_paie_sb ?? 0}}">
        </div>

        <div class="col-md-3 mt-3">
            <label>INSS Base Paie</label>
            <input type="text"  name="inss_paie" class="form-control" readonly value="{{$userInfo->inss_paie_sb ?? 0}}">
        </div>

        <div class="col-md-3 mt-3">
            <label>IRE Total Paie</label>
            <input type="text"  name="ire_total_paie" class="form-control" readonly value="{{$userInfo->ire_total_sb ?? 0}}">
        </div>

        <div class="col-md-3 mt-3">
            <label>Total Retenus</label>
            <input type="text" id="total_retenus" class="form-control" readonly value="{{ ($userInfo->caisse_social ?? 0) + ($userInfo->ire_total_sb ?? 0) + ($userInfo->inss_paie_sb ?? 0) + ($userInfo->fpc_paie_sb ?? 0) }}"
>
        </div>

        <div class="col-md-3 mt-3">
            <label><b>Salaire Net à payer</b></label> <br>
             <span id="error_salaire_net" class="text fw-bold" style="font-size: 13px"></span>
            <input type="text" id="salaire_net" name="salaire_net" class="form-control" readonly style="font-size: 25px;font-weight: bold; color: blue" value="{{$userInfo->salaire_net_sb ?? 0}}">
        </div>
   
    </div>
     <div class="col-md-3 mt-3">
<button class="btn btn-raised btn-success waves-effect" type="submit">ENREGISTRER PAIE</button>
</div>
</div>
</form>

@endif
   
@stop

@section('page-script')
<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_referenc = parseFloat(document.getElementById("salaire_referenc").value) || 0;
    let caisse_social = parseFloat(document.getElementById("caisse_social").value) || 0;
    let jours_prestes = parseFloat(document.getElementById("jours_prestes").value) || 25;
    // --- Calculs ---

   
    let new_salaire_de_base =  (salaire_de_base / 25) * jours_prestes;
    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_referenc - caisse_social -fpc_paie) : (salaire_referenc - 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>
<!-- JavaScript pour charger les infos de l'employé -->
<script>
// Fonction pour charger un employé
function chargerInfosEmploye(userId) {
    if (!userId || userId === '') {
        return;
    }
    
    // Vérifier si on est déjà sur la bonne page
    var pathParts = window.location.pathname.split('/');
    var currentMois = pathParts[2];
    var currentUserId = pathParts.length >= 4 ? pathParts[3] : '0';
    
    // Si on est déjà sur la même page avec le même utilisateur, ne rien faire
    if (currentMois === "{{ $mois_exercice ?? '' }}" && currentUserId == userId) {
        return;
    }
    
    // Récupérer le mois
    var mois_exercice = "{{ $mois_exercice ?? '' }}";
    
    // Vérifier que le mois est valide
    if (!mois_exercice || mois_exercice === '' || mois_exercice === '0') {
        alert('Veuillez d\'abord sélectionner un mois d\'exercice valide');
        $('#employe_select').val('').trigger('change');
        return;
    }
    
    // Empêcher les déclenchements multiples
    if (window.isLoadingEmployee) return;
    window.isLoadingEmployee = true;
    
    // Afficher un indicateur de chargement
    $('#loading-indicator').show();
    
    // Construire l'URL
    var baseUrl = "{{ url('/') }}";
    var url = baseUrl + '/get_paie_un_info/' + mois_exercice + '/' + userId;
    
    // Rediriger après un petit délai
    setTimeout(function() {
        window.location.href = url;
    }, 100);
}

// Initialisation
$(document).ready(function() {
    // Initialiser Select2 avec configuration
    $('#employe_select').select2({
        placeholder: "Sélectionner un employé",
        allowClear: true
    });
    
    // Événement change pour Select2
    $('#employe_select').on('change', function() {
        var userId = $(this).val();
        chargerInfosEmploye(userId);
    });
    

    // Si un employé est pré-sélectionné dans l'URL
    var pathParts = window.location.pathname.split('/');
    if (pathParts.length >= 4 && pathParts[3] !== '0' && pathParts[3] !== 'undefined') {
        var selectedId = pathParts[3];
        
        // Définir la valeur après un délai pour éviter les conflits
        setTimeout(function() {
            $('#employe_select').val(selectedId).trigger('change.select2');
        }, 500);
    }
    
    // Masquer l'indicateur de chargement quand la page est prête
    setTimeout(function() {
        $('#loading-indicator').hide();
        window.isLoadingEmployee = false;
    }, 1000);
});

// Nettoyer l'état lors du déchargement de la page
$(window).on('beforeunload', function() {
    window.isLoadingEmployee = true;
});
</script>
@stop