@extends('layouts.master')
@section('title', 'Nouvelle Paiement')
@section('parentPageTitle', 'Gestion des Paiements')
@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">
                           <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>
                    
                    </div>
                </div>
                </div></div></div></div>

    <!-- Messages d'alerte -->
    @if (session()->has('success'))
        <div class="alert alert-success alert-dismissible fade show">
            <center>
                <h5 style="color: black;">{{ session()->get('success') }}</h5>
            </center>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @elseif (session()->has('error'))
        <div class="alert alert-danger alert-dismissible fade show">
            <h5 class="text-center" style="color: white;">{{ session()->get('error') }}</h5>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    @if ($errors->any())
        <div class="alert alert-danger alert-dismissible fade show">
            <ul>
                @foreach($errors->all() as $message)
                    <li class="text-black">{{ $message }}</li>
                @endforeach
            </ul>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif



<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="card">
      
            <div class="body">
       @if(isset($mois_exercice))
                        <h4 class="card-title text-center">
                            PAIE DU MOIS : <strong class="text-primary">{{ $mois_exercice }}</strong>
                        </h4>
                    @endif

                    @if(isset($userInfo) && $userInfo)
                        <h5 class="text-center mt-2">
                            NOUVELLE PAIE POUR : 
                            <strong class="text-success">
                                Matricule: {{ $userInfo->matricule ?? '' }} - {{ $userInfo->name ?? '' }}
                            </strong>
                        </h5>
                    @endif           
            </div>
        </div>
    </div>
</div>

    <!-- Formulaire principal -->
    @if(isset($userInfo) && $userInfo)
        <form id="form_salaire" method="POST" action="{{ route('paie.un') }}" enctype="multipart/form-data">
            @csrf
            
            <!-- Champs cachés -->
            @if(isset($mois_exercice))
                <input type="hidden" name="mois_exercice" value="{{ $mois_exercice }}">
            @endif
            <input type="hidden" name="user_id" value="{{ $userInfo->id ?? '' }}">

            <!-- Section 1: Sélection de l'employé -->
            <div class="row clearfix">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">1. Sélection de l'employé</h4>
                        </div>
                        <div class="card-body">
                            <div class="form-group">
                                <label for="employe_select"><strong>Employé *</strong></label>
                                <select class="form-control show-tick ms select2 text-center" 
                                        data-placeholder="Sélectionner un employé"
                                        name="user_id_select" 
                                        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>

                            <!-- Informations de l'employé sélectionné -->
                            <div class="row mt-3">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>Matricule</label>
                                        <input type="text" class="form-control" readonly 
                                               value="{{ $userInfo->matricule ?? '' }}">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>Direction</label>
                                        <input type="text" class="form-control" readonly 
                                               value="{{ $userInfo->nom_direction ?? '' }}">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>Service</label>
                                        <input type="text" class="form-control" readonly 
                                               value="{{ $userInfo->nom_service ?? '' }}">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>Poste occupé</label>
                                        <input type="text" class="form-control" readonly 
                                               value="{{ $userInfo->nom_poste ?? '' }}">
                                    </div>
                                </div>
                            </div>

                            <div class="row mt-2">
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label><strong>Année d'exercice</strong></label>
                                        <input type="number" name="annee_exercice" id="annee_exercice" class="form-control" 
                                               value="{{ date('Y') }}" readonly>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>Taux FPC (%)</label>
                                        <input type="number" id="taux_fpc" class="form-control" readonly 
                                               value="{{ $userInfo->taux_fpc ?? 0 }}" name="taux_fpc_paie">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>Salaire Référentiel</label>
                                        <input type="number" id="salaire_mensuel" class="form-control" readonly 
                                               value="{{ $userInfo->salaire_mensuel ?? 0 }}">
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>Caisse Sociale</label>
                                        <input type="number" class="form-control" name="caisse_sociale" 
                                               id="caisse_sociale" value="{{ $userInfo->caisse_social_sb ?? 0 }}">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Section 2: Informations de paie -->
            <div class="row clearfix mt-1">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">2. Calcul de la paie</h4>
                        </div>
                        <div class="card-body">
                            <!-- Salaire de base et jours prestés -->

                            <div class="row">
                                  @if(isset($get_absence) && $get_absence > 0)
                                         <div class="col-md-4">
                                    <div class="form-group">
                                      
                                            <label><strong>Jours prestés *</strong> <span class="text-danger">({{ $get_absence }} absent(s))</span></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: 16px; font-weight: bold;color: blue;border: 1px solid black;" readonly="">
                                               </div>
                                           </div>
                                                      <div class="col-md-4">
                                    <div class="form-group">
                            
      <label><strong>Salaire de Base  </strong> <span class="text-danger"> (après déduction de {{$get_absence}} absences)</span> </label>
                                        <input type="number" name="salaire_de_base" id="salaire_de_base_fixed" 
                                               class="form-control"  
                                               required min="0" step="any"
                                               style="font-size: 16px; font-weight: bold;color: blue;border: 1px solid black;" readonly="">
                                    </div>
                                </div>
                                                 <div class="col-md-4">
                                    <div class="form-group">
                            
      <label><strong>Salaire de Base (sans déduction)    </strong> </label>
                                        <input type="number" name="salaire_de_base" id="salaire_de_base_fixed" 
                                               class="form-control"  
                                               required min="0" step="any"
                                               style="font-size: 16px; font-weight: bold;" readonly="" value="{{ $userInfo->salaire_de_base ?? 0 }}">
            <input type="hidden" name="" id="salaire_de_base" value="{{ $userInfo->salaire_de_base ?? 0 }}">
                                    </div>
                                </div>
                                        @else
                                             <div class="col-md-6">
                                    <div class="form-group">
                                            <label><strong>Jours prestés *</strong></label>
                                            <input type="number" name="jours_prestes" id="jours_prestes" 
                                                   class="form-control" 
                                                   value="25" 
                                                   required min="1" max="25" 
                                                   style="font-size: 16px; font-weight: bold;color: blue;border: 1px solid black;" readonly="">
                                       
                                    </div>
                                </div>
                                         <div class="col-md-6">
                                    <div class="form-group">
                            
      <label><strong>Salaire de Base (SB)    </strong> </label>
                                        <input type="number" name="salaire_de_base" id="salaire_de_base_fixed" 
                                               class="form-control"  
                                               required min="0" step="any"
                                               style="font-size: 16px; font-weight: bold;color: blue;border: 1px solid black;" readonly="" value="{{ $userInfo->salaire_de_base ?? 0 }}">
            <input type="hidden" name="" id="salaire_de_base" value="{{ $userInfo->salaire_de_base ?? 0 }}">
                                    </div>
                                </div>
                            </div>
                                 @endif
                                 
                                  
                      
                            </div>

                            <!-- Calculs automatiques - Avantages -->
                            <div class="row mt-2">
                                <div class="col-md-12">
                                    <h5 class="text-primary">A. AVANTAGES</h5>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Logement (60% du SB)</label>
                                        <input type="number" id="logement" name="logement" class="form-control" readonly>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Frais de déplacement (15% du SB)</label>
                                        <input type="number" id="frais_deplacement" name="frais_deplacement" class="form-control" readonly>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label><strong>SALAIRE BRUT</strong></label>
                                        <input type="number" id="salaire_brut_final" name="salaire_brut_final" class="form-control" readonly 
                                               style="font-weight: bold; color: green;">
                                    </div>
                                </div>
                            </div>

                            <!-- Calculs automatiques - Retenues -->
                            <div class="row mt-2">
                                <div class="col-md-12">
                                    <h5 class="text-primary">B. RETENUES</h5>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>FPC Paie(taux:{{ $userInfo->taux_fpc ?? 0 }}%)</label>
                                        <input type="number" id="fpc_paie" name="fpc_paie" class="form-control" readonly>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>INSS Base Paie (4%)</label>
                                        <input type="number" id="inss_base_paie" name="inss_paie" class="form-control" readonly>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label>IRE Total Paie</label>
                                        <input type="number" id="ire_total_paie" name="ire_total_paie" class="form-control" readonly>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group">
                                        <label><strong>TOTAL RETENUES</strong></label>
                                        <input type="number" id="total_retenus" name="total_retenus" class="form-control" readonly 
                                               style="font-weight: bold; color: red;">
                                    </div>
                                </div>
                            </div>

                            <!-- Salaire net -->
                            <div class="row mt-1">
                                <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="number" id="salaire_net" name="salaire_net" 
                                               class="form-control text-center" readonly 
                                               style="font-size: 28px; font-weight: bold; color: blue; height: 60px;" 
                                               value="0">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Bouton de soumission -->
            <div class="row mt-1">
                <div class="col-md-12 text-center">
                    <button class="btn btn-raised btn-success waves-effect btn-lg" type="submit">
                        <i class="fa fa-save"></i> ENREGISTRER LA PAIE
                    </button>
                </div>
            </div>
        </form>
    @else
        <!-- Message si aucun employé sélectionné -->
        <div class="row">
            <div class="col-md-12">
                <div class="alert alert-info text-center">
                    <h4>Veuillez sélectionner un employé pour continuer</h4>
                    <div class="form-group mt-3" style="max-width: 500px; margin: 0 auto;">
                        <select class="form-control show-tick ms select2" 
                                data-placeholder="Sélectionner un employé"
                                id="employe_select"
                                style="width: 100%;">
                            <option value="">--- Sélectionner un employé ---</option>
                            @foreach ($users as $u)
                                <option value="{{ $u->id }}">
                                    {{ $u->matricule }} - {{ $u->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
        </div>
    @endif

@stop

@section('page-script')
<script>
// Fonction principale pour calculer automatiquement la paie
function calculerPaieAutomatique() {
    // Récupération et nettoyage des valeurs
    const salaireDeBase = parseFloat(document.getElementById("salaire_de_base").value.replace(/\s/g, '')) || 0;
    const joursPrestes = parseInt(document.getElementById("jours_prestes").value.replace(/\s/g, '')) || 25;
    const tauxFpc = parseFloat(document.getElementById("taux_fpc").value.replace(/\s/g, '')) / 100 || 0;
    const caisseSocial = parseFloat(document.getElementById("caisse_sociale").value.replace(/\s/g, '')) || 0;
    
    // Validation des jours prestés
    if (joursPrestes < 1) {
        document.getElementById("jours_prestes").value = 1;
        joursPrestes = 1;
    }
    if (joursPrestes > 25) {
        document.getElementById("jours_prestes").value = 25;
        joursPrestes = 25;
    }
    
    // 1. Calcul du salaire de base proportionnel aux jours prestés
    const salaireBaseProportionnel = (salaireDeBase / 25) * joursPrestes;
  
    // 2. Calcul des avantages (pourcentages fixes)
    const logement = salaireBaseProportionnel * 0.60; // 60%
    const fraisDeplacement = salaireBaseProportionnel * 0.15; // 15%
    
    // 3. Calcul du salaire brut
    const salaireBrut = salaireBaseProportionnel + logement + fraisDeplacement;
    
    // 4. Calcul des retenues
    // a. FPC
    const fpcPaie = salaireBaseProportionnel * tauxFpc;
    
    // b. INSS (4% sur maximum 450,000)
    const baseINSS = salaireBrut > 450000 ? 450000 : salaireBrut;
    const inssBasePaie = baseINSS * 0.04;
    
    // c. IRE (Impôt sur le revenu des employés)
    let ireTotalPaie = 0;
    
    if (salaireBaseProportionnel > 0) {
        // Base imposable pour IRE
        const baseImposableIRE = salaireBaseProportionnel - inssBasePaie - fpcPaie;
        
        if (baseImposableIRE > 150000) {
            // Première tranche: 150,001 à 300,000 (20%)
            let montantTranche1 = Math.min(baseImposableIRE - 150000, 150000);
            let impotTranche1 = montantTranche1 * 0.20;
            impotTranche1 = Math.min(impotTranche1, 30000); // Maximum 30,000 pour cette tranche
            
            // Deuxième tranche: au-delà de 300,000 (30%)
            let montantTranche2 = baseImposableIRE - 300000;
            montantTranche2 = montantTranche2 > 0 ? montantTranche2 : 0;
            const impotTranche2 = montantTranche2 * 0.30;
            
            ireTotalPaie = impotTranche1 + impotTranche2;
        }
    }
    
    // 5. Total des retenues
    const totalRetenues = fpcPaie + inssBasePaie + ireTotalPaie + caisseSocial;
    
    // 6. Calcul du salaire net
    const salaireNet = salaireBrut - totalRetenues;
    
     // 7. Mise à jour des champs avec arrondi
     document.getElementById("salaire_de_base_fixed").value = Math.round(salaireBaseProportionnel);
    document.getElementById("logement").value = Math.round(logement);
    document.getElementById("frais_deplacement").value = Math.round(fraisDeplacement);
    document.getElementById("salaire_brut_final").value = Math.round(salaireBrut);
    document.getElementById("fpc_paie").value = Math.round(fpcPaie);
    document.getElementById("inss_base_paie").value = Math.round(inssBasePaie);
    document.getElementById("ire_total_paie").value = Math.round(ireTotalPaie);
    document.getElementById("total_retenus").value = Math.round(totalRetenues);
    document.getElementById("salaire_net").value = Math.round(salaireNet);
    
    // 8. Validation et messages d'erreur
    const errorSalaireNet = document.getElementById("error_salaire_net");
    if (salaireNet < 0) {
        errorSalaireNet.textContent = "⚠️ Attention: Le salaire net est négatif!";
        errorSalaireNet.style.color = "red";
    } else if (salaireNet === 0 && salaireDeBase > 0) {
        errorSalaireNet.textContent = "⚠️ Vérifiez les calculs";
        errorSalaireNet.style.color = "orange";
    } else {
        errorSalaireNet.textContent = "";
    }
    
    // 9. Mise en forme du salaire net
    const salaireNetField = document.getElementById("salaire_net");
    if (salaireNet > 0) {
        salaireNetField.style.color = "blue";
        salaireNetField.style.fontWeight = "bold";
    } else if (salaireNet < 0) {
        salaireNetField.style.color = "red";
    }
}

// Fonction pour charger les infos d'un employé
function chargerInfosEmploye(userId) {
    if (!userId) return;
    
    const moisExercice = "{{ $mois_exercice ?? '' }}";
    
    // Validation du mois
    if (!moisExercice || moisExercice === '' || moisExercice === '0') {
        alert('Veuillez d\'abord sélectionner un mois d\'exercice valide');
        $('#employe_select').val('').trigger('change');
        return;
    }
    
    // Construire l'URL
    const baseUrl = "{{ url('/') }}";
    const url = `${baseUrl}/get_paie_un_info/${moisExercice}/${userId}`;
    
    // Redirection
    window.location.href = url;
}

// Initialisation quand la page est chargée
$(document).ready(function() {
    // Initialiser Select2
    $('#employe_select').select2({
        placeholder: "Sélectionner un employé",
        allowClear: true,
        width: '100%'
    });
    
    // Événement changement d'employé
    $('#employe_select').on('change', function() {
        chargerInfosEmploye($(this).val());
    });
    
    // Événements pour le calcul automatique
    $('#salaire_de_base, #jours_prestes, #caisse_sociale').on('input change', function() {
        calculerPaieAutomatique();
    });
    
    // Calcul initial au chargement de la page
    setTimeout(function() {
        calculerPaieAutomatique();
    }, 500);
    
    // Pré-sélection si ID dans l'URL
    const pathParts = window.location.pathname.split('/');
    if (pathParts.length >= 4 && !['0', 'undefined'].includes(pathParts[3])) {
        const selectedId = pathParts[3];
        setTimeout(() => {
            $('#employe_select').val(selectedId).trigger('change.select2');
        }, 300);
    }
});

// Options supplémentaires
function resetCalculations() {
    document.getElementById("salaire_de_base").value = "{{ $userInfo->salaire_de_base ?? 0 }}";
    document.getElementById("jours_prestes").value = "{{ isset($get_absence) && $get_absence > 0 ? 25 - $get_absence : 25 }}";
    calculerPaieAutomatique();
}

// Fonction pour formater un nombre (optionnel, à appeler manuellement)
function formaterNombre(inputId) {
    const input = document.getElementById(inputId);
    const value = parseFloat(input.value.replace(/\s/g, '')) || 0;
    input.value = value.toLocaleString('fr-FR');
}

// Fonction pour enlever le formatage (optionnel)
function enleverFormatage(inputId) {
    const input = document.getElementById(inputId);
    const value = parseFloat(input.value.replace(/\s/g, '')) || 0;
    input.value = value;
}
</script>

<style>
    /* Style pour les champs de calcul */
    .champ-calcul {
        background-color: #f8f9fa;
        border: 1px solid #ced4da;
    }
    
    .champ-calcul:focus {
        background-color: #fff;
        border-color: #80bdff;
    }
    
    /* Style pour le salaire net */
    #salaire_net {
        background-color: #e8f4ff;
        border: 2px solid #007bff;
        font-weight: bold;
        color: blue;
    }
</style>
@stop