@extends('layouts.master')

@section('title', 'Éditer / Fixer le Salaire de Base')
@section('parentPageTitle', 'Gestion des Paies')
@section('page-style')
    @include('grh_views.coupures.style_css')
@stop

@section('content')


{{-- 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">
                          @if(Auth()->user()->roles()->whereIn('role_id', [1,45])->exists())
                     <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>
                        @endif
                        <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>
                 
                    </div>
                </div>
                </div></div></div></div>


    {{-- Titre de la page --}}
    <div class="text-center mb-2">
        <u>
            <h3>
                {{ $s == 1 ? 'ÉDITER' : 'FIXER' }} LE SALAIRE DE BASE DE :
                <strong><mark>{{ $employe->name ?? '' }} - Matri: {{ $employe->matricule ?? '' }}</mark></strong> 
            </h3>
        </u>
    </div>
        {{-- Messages de notification --}}
    @if (session()->has('success'))
        <div class="alert alert-success text-center">
            <h5 style="color: black;">{{ session('success') }}</h5>
        </div>
    @elseif (session()->has('error'))
        <div class="alert alert-danger text-center">
            <h5 style="color: white;">{{ session('error') }}</h5>
        </div>
    @endif

    {{-- Erreurs de validation --}}
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $message)
                    <li class="text-black">{{ $message }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    {{-- Formulaire principal --}}
    <form id="form_salaire" method="POST" action="{{ url('sbase_edit', $salaire_base->id_sb) }}" enctype="multipart/form-data">
        @csrf
        @method('PATCH')
      
        <input type="hidden" name="user_id" value="{{ $salaire_base->user_id_sb }}">
<input type="hidden" name="id_sb" value="{{ $salaire_base->id_sb }}">
        {{-- Section 1 : Informations de l'employé --}}
        <div class="card mb-4">
            <div class="card-header bg-light">
                <h5 class="card-title mb-0">1. Sélection de l'employé</h5>
            </div>
            <div class="card-body">
                <div class="row">
                       <div class="form-group">
        
             <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="/get_edit_sb/{{$u->id}}" class="" {{ isset($employe) && $employe->id == $u->id ? 'selected' : '' }}><b class="text-primary">{{$u->matricule}} - {{$u->name}}</b></option>
                 @endforeach
                        </select>
                    </div>
                    <div class="col-md-3 mt-3">
                        <label>Nom d'employé <span class="text-danger">*</span></label>
                        <input type="text" class="form-control" readonly value="{{ $employe->name ?? '' }}">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>Matricule</label>
                        <input type="text" class="form-control" readonly value="{{ $employe->matricule ?? '' }}">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>Direction</label>
                        <input type="text" class="form-control" readonly value="{{ $employe->pseudo_dir ?? '' }}">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>Service</label>
                        <input type="text" class="form-control" readonly value="{{ $employe->nom_service ?? '' }}">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>Poste occupé</label>
                        <input type="text" class="form-control" readonly value="{{ $employe->nom_poste ?? '' }}">
                    </div>

                    <div class="col-md-3 mt-3">
                        <input type="hidden" name="type_fpc" value="{{ $employe->type_fpc }}" id="type_fpc">
                        @if($employe->type_fpc == 1)
                            <label>Taux FPC (%)</label>
                            <input type="number" id="taux_fpc" class="form-control" readonly value="{{ $employe->taux_fpc ?? 0 }}" name="taux_fpc_sb">
                        @elseif($employe->type_fpc == 2)
                            <label>Montant FPC</label>
                            <input type="number" id="montant_fpc" class="form-control" readonly value="{{ $employe->montant_fpc ?? 0 }}" name="montant_fpc_sb">
                        @endif
                    </div>

                    @if($salaire_base->new_annal > 0)
                        <div class="col-md-3 mt-3">
                            <label>Annal de l'année {{ $salaire_base->annee }}</label>
                            <input type="text" id="annal" class="form-control" readonly value="{{ number_format($salaire_base->new_annal ?? 0, 0, ',', ' ') }}">
                        </div>
                    @endif
                        <div class="col-md-3 mt-3">
                        <label>Salaire référentiel </label>
                        <input type="text" id="salaire_referenc" class="form-control" readonly value="{{ $employe->salaire_referenc ?? 0 }}">
                    </div>
                    <div class="col-md-3 mt-3">
                        <label>Salaire mensuel</label>
                        <input type="number" id="salaire_mensuel" class="form-control" readonly value="{{ $employe->salaire_mensuel ?? 0 }}" style="border: 2px solid black;">
                    </div>
                </div>
            </div>
        </div>

        {{-- Section 2 : Calcul du salaire de base --}}
        <div class="card mb-4">
            <div class="card-header bg-light">
                <h5 class="card-title mb-0">2. Calcul du salaire de base</h5>
            </div>
                <div class="col-md-6 offset-md-3">
                        <div class="form-group text-center">
                            <label class="h4"><strong>SALAIRE DE BASE</strong></label>
                            <span id="error_salaire" class="text-danger fw-bold" style="font-size: 13px"></span>
                            <input type="number" 
                                   name="salaire_de_base" 
                                   min="1" 
                                   step="any" 
                                   id="salaire_de_base" 
                                   required 
                                   class="form-control text-center form-control-lg" 
                                   placeholder="Saisissez le salaire de base ici" 
                                   style="font-size: 20px; font-weight: bold; color: black; border: 2px solid black;" 
                                   value="{{ $salaire_base->salaire_de_base }}">
                        </div>
                    </div>
      
        </div>

        {{-- Section 3 : Détails du calcul --}}
        <div class="card mb-4">
            <div class="card-header bg-light">
                <h5 class="card-title mb-0">3. Détails du calcul</h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-3 mt-3">
                        <label>Caisse sociale</label>
                        <input type="number" id="caisse_sociale" class="form-control" name="caisse_sociale" value="{{ $employe->caisse_sociale ?? 0 }}" readonly="" style="border: 1px solid red;">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>Logement (60%)</label>
                        <input type="text" id="logement" name="logement" class="form-control" readonly style="border: 1px solid green;">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>Frais déplacement (15%)</label>
                        <input type="text" id="frais_deplacement" name="frais_deplacement" class="form-control" readonly style="border: 1px solid green;">
                    </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" style="border: 2px solid green;">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>FPC</label>
                        <input type="text" id="fpc_paie" name="fpc_paie" class="form-control" readonly style="border: 1px solid red;">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>INSS (4%)</label>
                        <input type="text" id="inss_base_paie" name="inss_paie" class="form-control" readonly style="border: 1px solid red;">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>IRE</label>
                        <input type="text" id="ire_total_paie" name="ire_total_paie" class="form-control" readonly style="border: 1px solid red;">
                    </div>

                    <div class="col-md-3 mt-3">
                        <label>Total retenues</label>
                        <input type="text" id="total_retenus" class="form-control" readonly name="total_retenus_sb" style="border: 2px solid red;">
                    </div>
                </div>
            </div>
        </div>

        {{-- Section 4 : Résultats finaux --}}
   

    <div class="card mb-4">
            <div class="card-header bg-light">
              <h5 class="card-title mb-0">4. Résultats finaux</h5>
            </div>
                <div class="col-md-6 offset-md-3">

                        <div class="form-group text-center">
                            <label class="h4"><strong>SALAIRE NET À PAYER</strong></label>
                            <span id="error_salaire_net" class="text-danger fw-bold" style="font-size: 13px"></span>
                            <input type="text" 
                                   id="salaire_net" 
                                   name="salaire_net" 
                                   class="form-control text-center form-control-lg" 
                                   readonly 
                                   style="font-size: 25px; font-weight: bold; color: green; height: 60px;border: 2px solid green;">
                        </div>
                             @if($employe->type_fpc == 2 || $employe->taux_fpc ==0)
                           <div class="form-group text-center">
                            <label class="h5"><strong>Salaire net fixé</strong></label>
                            <input type="number" 
                                   id="salaire_net_fixe" 
                                   class="form-control text-center" 
                                   style="font-size: 22px; font-weight: bold; color: blue;border: 2px solid blue; " 
                                   readonly>
                        </div>
                        @endif
                    </div>

                </div>
        

        {{-- Bouton de soumission --}}
          @if(Auth()->user()->roles()->whereIn('role_id', [1,46])->exists())
        <div class="row mt-4">
            <div class="col-md-12 text-center">
                <button class="btn btn-raised btn-primary waves-effect btn-lg" type="submit">
                    <i class="fa fa-save"></i> ENREGISTRER LE SALAIRE DE BASE
                </button>
            </div>
        </div>
        @endif
    </form>
@stop

@section('page-script')
<script>
document.addEventListener("DOMContentLoaded", function() {
    // Éléments du formulaire
    const salaireBaseInput = document.getElementById("salaire_de_base");
    const salaireMensuelInput = document.getElementById("salaire_mensuel");
    const caisseSocialInput = document.getElementById("caisse_sociale");
    const typeFpc = document.getElementById("type_fpc");
    const tauxFpc = document.getElementById("taux_fpc");
    const montantFpc = document.getElementById("montant_fpc");
    
    // Éléments de résultats
    const fpcPaieOutput = document.getElementById("fpc_paie");
    const logementOutput = document.getElementById("logement");
    const fraisDeplacementOutput = document.getElementById("frais_deplacement");
    const salaireBrutOutput = document.getElementById("salaire_brut_final");
    const inssOutput = document.getElementById("inss_base_paie");
    const ireOutput = document.getElementById("ire_total_paie");
    const totalRetenusOutput = document.getElementById("total_retenus");
    const salaireNetOutput = document.getElementById("salaire_net");
    const salaireNetFixeOutput = document.getElementById("salaire_net_fixe");

    // Variables de validation
    let lastValidSalaireBase = salaireBaseInput.value;
    const errorSpan = document.getElementById('error_salaire');
    const errorSpanNet = document.getElementById('error_salaire_net');

    // Empêcher la saisie de virgules
    salaireBaseInput.addEventListener('keydown', function (e) {
        if (e.key === ',') {
            e.preventDefault();
        }
    });

    // Remplacer les virgules par des points
    salaireBaseInput.addEventListener('input', function () {
        if (this.value.includes(',')) {
            this.value = this.value.replace(',', '.');
        }
        calculerPaie();
    });

    // Écouteurs d'événements
    [salaireBaseInput, caisseSocialInput].forEach(input => {
        if (input) {
            input.addEventListener("input", calculerPaie);
        }
    });

    // Calcul initial
    calculerPaie();

    // Fonction de calcul de la paie
    function calculerPaie() {
        // Récupération des valeurs
        let salaireDeBase = parseFloat(salaireBaseInput.value) || 0;
        let salaireMensuel = parseFloat(salaireMensuelInput?.value) || 0;
        let caisseSocial = parseFloat(caisseSocialInput?.value) || 0;
        let typeFpcValue = parseFloat(typeFpc?.value) || 0;
        let tauxFpcValue = parseFloat(tauxFpc?.value) || 0;
        let montantFpcValue = parseFloat(montantFpc?.value) || 0;

        // Calcul de la FPC
        let fpcPaie = 0;
        if (typeFpcValue === 1) {
            fpcPaie = salaireDeBase * (tauxFpcValue / 100);
        } else if (typeFpcValue === 2) {
            fpcPaie = montantFpcValue;
        }

        // Calcul des avantages
        let logement = salaireDeBase * 0.6;
        let fraisDeplacement = salaireDeBase * 0.15;
        let salaireBrut = salaireDeBase + logement + fraisDeplacement;

        // Calcul INSS (4% du salaire brut plafonné à 450000)
        let inssBaseCalcul = (salaireBrut >= 450000) ? 450000 : salaireBrut;
        let inssBasePaie = inssBaseCalcul * 0.04;

        // Calcul IRE (Impôt sur le Revenu)
        let baseIRE = salaireDeBase - inssBasePaie - fpcPaie;
        let ireTotalPaie = 0;

        if (baseIRE > 150000) {
            // Tranche 20% pour la partie entre 150001 et 300000
            let baseIRE20 = Math.min(baseIRE - 150000, 150000);
            let ire20 = baseIRE20 * 0.2;
            
            // Tranche 30% pour la partie au-delà de 300000
            if (baseIRE > 300000) {
                let baseIRE30 = baseIRE - 300000;
                let ire30 = baseIRE30 * 0.3;
                ireTotalPaie = ire20 + ire30;
            } else {
                ireTotalPaie = ire20;
            }
        }

        // Total retenues
        let totalRetenues = inssBasePaie + fpcPaie + ireTotalPaie + caisseSocial;

        // Salaires nets
        let salaireNet = salaireBrut - totalRetenues;
        let salaireNetFixe = salaireMensuel - caisseSocial - fpcPaie;

        // Mise à jour des champs (arrondis)
        if (fpcPaieOutput) fpcPaieOutput.value = Math.round(fpcPaie);
        if (logementOutput) logementOutput.value = Math.round(logement);
        if (fraisDeplacementOutput) fraisDeplacementOutput.value = Math.round(fraisDeplacement);
        if (salaireBrutOutput) salaireBrutOutput.value = Math.round(salaireBrut);
        if (inssOutput) inssOutput.value = Math.round(inssBasePaie);
        if (ireOutput) ireOutput.value = Math.round(ireTotalPaie);
        if (totalRetenusOutput) totalRetenusOutput.value = Math.round(totalRetenues);
        if (salaireNetOutput) salaireNetOutput.value = Math.round(salaireNet);
        if (salaireNetFixeOutput) salaireNetFixeOutput.value = salaireNetFixe;
        
        // Validation
         if (typeFpcValue === 2 ||tauxFpcValue === 0) {
        validateSalaire();
    }
    }

    // Fonction de validation
    function validateSalaire() {
        let salaireNet = parseFloat(salaireNetOutput?.value) || 0;
        let salaireNetFixe = parseFloat(salaireNetFixeOutput?.value) || 0;
        
        // Vérifier si le salaire net est cohérent
        if (salaireNet < 0) {
            errorSpan.innerHTML = "❌ Le salaire net ne peut pas être négatif";
            errorSpan.style.color = "red";
            errorSpanNet.innerHTML = "Salaire net invalide";
            errorSpanNet.style.color = "red";
            salaireNetOutput.style.border = "2px solid red";
            salaireBaseInput.style.border = "2px solid red";
            return false;
        } else {
            errorSpan.innerHTML = "";
            errorSpanNet.innerHTML = "";
            salaireNetOutput.style.border = "";
            salaireBaseInput.style.border = "";
            return true;
        }
    }

    // Validation avant soumission
    document.getElementById('form_salaire').addEventListener('submit', function (e) {
        if (!validateSalaire()) {
            e.preventDefault();
            errorSpan.innerHTML = "❌ Veuillez corriger les erreurs avant de soumettre";
            errorSpan.style.color = "red";
            salaireBaseInput.focus();
            return false;
        }
    });
});
</script>
@stop