@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

{{-- En-tête du mois et de l'employé --}}
<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">
                        {{-- Champ de sélection --}}
                        <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 : Calcul de la 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">
                        {{-- Ligne 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_proportionnel"
                                               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" 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="salaire_de_base_hidden" 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" id="salaire_de_base_fixed" class="form-control"
                                               required min="0" step="any" name="salaire_de_base"
                                               style="font-size: 16px; font-weight: bold; color: blue; border: 1px solid black;"
                                               readonly value="{{ $userInfo->salaire_de_base ?? 0 }}">
                                        <input type="hidden" name="salaire_de_base_hidden"  id="salaire_de_base"
                                               value="{{ $userInfo->salaire_de_base ?? 0 }}">
                                    </div>
                                </div>
                            @endif
                        </div>

                        {{-- 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>

                        {{-- 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
    let salaireDeBase = parseFloat(document.getElementById("salaire_de_base").value.replace(/\s/g, '')) || 0;
    let 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
    // La case "Salaire de Base proportionnel" n'est présente que si absence > 0
    if (document.getElementById("salaire_de_base_proportionnel")) {
        document.getElementById("salaire_de_base_proportionnel").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();
}
</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