@extends('layouts.master')

@section('title', 'AllPaies - Gestion des paies')
@section('parentPageTitle', 'Tableau de bord des paies')

@section('page-style')
<link rel="stylesheet" href="{{asset('assets/plugins/jquery-datatable/dataTables.bootstrap4.min.css')}}"/>
<link rel="stylesheet" href="{{asset('assets/plugins/select2/select2.css')}}"/>
@include('grh_views.coupures.paie_style')
@stop

@section('content')
{{-- En-tête de page --}}

   @php
    $mois_exercice =  $mois_exercice;
                    $mois_nom = [
                        '01' => 'Janvier', '02' => 'Février', '03' => 'Mars', '04' => 'Avril',
                        '05' => 'Mai', '06' => 'Juin', '07' => 'Juillet', '08' => 'Août',
                        '09' => 'Septembre', '10' => 'Octobre', '11' => 'Novembre', '12' => 'Décembre'
                    ];
                    $mois_num = explode('-', $mois_exercice)[0];
                    $annee = explode('-', $mois_exercice)[1];
                    $nom_complet = $mois_nom[$mois_num] . ' ' . $annee;
                @endphp
<div class="page-header">
    <div class="row align-items-center">
        <div class="col-md-6">
            <h3>Toutes les paies validées : <span class="text-primary"> {{ $nom_complet }}</span></h3>
        </div>
        <div class="col-md-6 text-right">
            <span class="badge badge-info p-2">
                <i class="zmdi zmdi-calendar"></i> Mois d'exercice : {{ $nom_complet }}
            </span>
        </div>
    </div>
</div>{{-- 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,46])->exists())
                        <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('horsbanques') }}" class="btn btn-outline-success" title="Paies des contractuels">
                            <i class="zmdi zmdi-money"></i> Hors Banques
                        </a>
                        <a href="{{url('all_cotations_users')}}" class="btn btn-outline-success" title="Cotations">
                            <i class="zmdi zmdi-chart"></i> Cotations
                        </a>
                        @endif
                        <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>
                              @if(Auth()->user()->roles()->whereIn('role_id', [1,46])->exists())
                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#defaultModalUn">
                            <i class="zmdi zmdi-account"></i> Payer un
                        </button>
                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#defaultModal_tous"> 
                            <i class="zmdi zmdi-accounts"></i> Payer tous
                        </button>
                            <button type="button" class="btn btn-info" data-toggle="modal" data-target="#Added_Montant_Pour_Tous_Modal">
                            <i class="zmdi zmdi-money"></i> Ajout 
                        </button>
                      <button type="button" class="btn btn-info" data-toggle="modal" data-target="#defaultModal_Action">
                         <i class="zmdi zmdi-settings"></i> Action
            </button>
                        @endif
                    </div>
                </div>
                </div></div></div></div>


{{-- Navigation mensuelle compacte --}}
@php
$mois_selectionne= $mois_exercice; //provient de la BD
$mois_actuel = (int)date('m');
$annee_actuelle = date('Y');
$nom_mois = [1 => 'Janv', 2 => 'Fév', 3 => 'Mars', 4 => 'Avr', 5 => 'Mai', 6 => 'Juin',
             7 => 'Juil', 8 => 'Août', 9 => 'Sept', 10 => 'Oct', 11 => 'Nov', 12 => 'Déc'];
$annee_affichee = request()->get('annee', $annee_actuelle);
$max_mois = ($annee_affichee == $annee_actuelle) ? $mois_actuel : 12;
@endphp

<div class="row clearfix mb-3">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-header py-2">
                <div class="d-flex justify-content-between align-items-center">
                    <h6 class="mb-0">Navigation rapide par mois</h6>
                    <select class="form-control form-control-sm w-auto" onchange="window.location.href=this.value">
                        <!-- <option value="?annee={{ $annee_actuelle-1 }}">{{ $annee_actuelle-1 }}</option> -->
                        <option value="?annee={{ $annee_actuelle }}" selected>{{ $annee_actuelle }}</option>
                    </select>
                </div>
            </div>
            <div class="card">
                 <div class="body">
                <div class="d-flex flex-wrap gap-1">
                        @for($mois = 1; $mois <= $max_mois; $mois++)
    @php
        $mois_format = str_pad($mois, 2, '0', STR_PAD_LEFT) . '-' . $annee_affichee;
        // Vérifie si ce mois est celui sélectionné (venant de la BD)
        $est_mois_selectionne = ($mois == (int)$mois_selectionne && $annee_affichee == $annee_actuelle);
        $btn_class = $est_mois_selectionne ? 'btn-warning' : 'btn-outline-success';
    @endphp
    <a href="{{ url('paies/' . $mois_format) }}" 
       class="btn {{ $btn_class }} btn-sm mr-1 mb-1"
       title="{{ $nom_mois[$mois] }} {{ $annee_affichee }}">
        {{ $nom_mois[$mois] }} <strong>{{ $mois_format }}</strong>
    </a>
@endfor
                </div> </div>
            </div>
        </div>
    </div>
</div>

{{-- Cartes de statistiques compactes --}}
<div class="row mb-3">
    <div class="col-lg-4 col-md-4">
        <div class="card bg-info-light border-info">
            <div class="p-2 d-flex justify-content-between align-items-center">
                <div>
                    <span class="h5 mb-0">⏳ {{ $total_status_en_attente }}</span>
                    <small class="d-block text-muted">{{ $total_status_en_attente }} Paies en attente</small>
                </div>
                <a href="{{ url('paies_en_attente',$mois_exercice) }}" class="btn btn-sm btn-info">Voir</a>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-md-4">
        <div class="card bg-success-light border-success">
            <div class="p-2 d-flex justify-content-between align-items-center">
                <div>
                    <span class="h5 mb-0">✓ {{ $total_status_valide }}</span>
                    <small class="d-block text-muted">{{ $total_status_valide }} Paies validées</small>
                </div>
                <a href="{{ url('paies_validees',$mois_exercice) }}" class="btn btn-sm btn-success">Voir</a>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-md-4">
        <div class="card bg-danger-light border-danger">
            <div class=" p-2 d-flex justify-content-between align-items-center">
                <div>
                    <span class="h5 mb-0">💰-🔒 {{ $total_status_paye_ferme }}</span>
                    <small class="d-block text-muted">{{ $total_status_paye_ferme }} Payées/Fermées</small>
                </div>
                <a href="{{ url('paies_fermees',$mois_exercice) }}" class="btn btn-sm btn-danger">Voir</a>
            </div>
        </div>
    </div>
</div>

{{-- Messages d'alerte --}}
@if (session()->has('success'))
    <div class="alert alert-success alert-dismissible fade show text-center" role="alert">
        <i class="zmdi zmdi-check-circle mr-2"></i>{{ session()->get('success') }}
        <button type="button" class="close" data-dismiss="alert">&times;</button>
    </div>
@elseif (session()->has('error'))
    <div class="alert alert-danger alert-dismissible fade show text-center" role="alert">
        <i class="zmdi zmdi-alert-circle mr-2"></i>{{ session()->get('error') }}
        <button type="button" class="close" data-dismiss="alert">&times;</button>
    </div>
@endif

@if ($errors->any())
    <div class="alert alert-danger">
        <ul class="mb-0">
            @foreach($errors->all() as $message)
                <li>{{ $message }}</li>
            @endforeach
        </ul>
    </div>
@endif


{{-- Tableau des paies --}}
<div class="card">
    <div class="card-header">
           </h5> <center> <h5>Liste des paies validées : {{ $nom_complet }}</center>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered table-striped table-hover dataTable" id="paiesTable">
                <thead class="thead-dark">
                    <tr>
                        <th>N°</th><th>Matr.</th><th>Employé</th><th>Dir</th>
                        <!-- <th>Mois</th> -->
                        <th>Jrs</th> <th>Tx fpc</th><th>S.Base</th><th>Brut</th><th>Ret.</th><th>Net</th>
                        <th>Ajout</th><th>Tot Net</th><th>Statut</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @php $index=1; $total_taux_fpc = $total_sb = $total_brut = $total_retenues = $total_net = $total_ajout = $total_general = 0; @endphp
                    @foreach($paies_validees as $i)
                    @php
                       $total_taux_fpc += $i->taux_fpc_paie;
                        $total_sb += $i->salaire_de_base;
                        $total_brut += $i->salaire_brut;
                        $total_retenues += $i->total_retenus;
                        $total_net += $i->salaire_net;
                        $total_ajout += $i->montant_added;
                        $total_general += $i->salaire_total;
                    @endphp
                    <tr>
                        <td>{{$index++}}</td>
                        <td><strong>{{$i->matricule}}</strong></td>
                        <td><a href="{{url('detailUser',$i->id)}}">{{$i->name}}</a></td>
                        <td>{{$i->pseudo_dir}}</td>
                        <!-- <td>{{$i->mois_exercice}}</td> -->
                        <td class="text-center">{{$i->jours_prestes}}</td> 
                        <td class="text-center">{{$i->taux_fpc_paie}}</td>
                        <td class="text-right">{{number_format($i->salaire_de_base, 0, ',', ' ')}}</td>
                        <td class="text-right">{{number_format($i->salaire_brut, 0, ',', ' ')}}</td>
                        <td class="text-right">{{number_format($i->total_retenus, 0, ',', ' ')}}</td>
                        <td class="text-right">{{number_format($i->salaire_net, 0, ',', ' ')}}</td>
                        <td class="text-right">{{number_format($i->montant_added, 0, ',', ' ')}}</td>
                        <td class="text-right"><strong>{{number_format($i->salaire_total, 0, ',', ' ')}}</strong></td>
                        <td>
                            @if($i->status_paie == 'en_attente') <span class="badge badge-warning">En attente</span>
                            @elseif($i->status_paie == 'valide') <span class="badge badge-success">Validée</span>
                            @elseif($i->status_paie == 'paye') <span class="badge badge-danger">Payée/Fermée</span>
                            @endif
                        </td>
                        
                        <td>
                     <!-- // Vérification du rôle avant d'afficher les actions seuleument admin et chef du personnel -->       
@if(Auth()->user()->roles()->whereIn('role_id', [1,46])->exists())   
                            <div class="btn-group btn-group-sm">
                                <a href="{{url('detail_paie',$i->id_paie)}}" class="btn btn-info" title="Détails"><i class="zmdi zmdi-eye"></i></a>
                                @if($i->status_paie == 'valide')
                                    <a class="btn btn-success" title="Ajouter" data-toggle="modal" data-target="#MontantAddedModal{{$i->id_paie}}"><i class="zmdi zmdi-plus"></i></a>
                                    <!-- Modal MontantAddedModal pour la paie -->
<div class="modal fade" id="MontantAddedModal{{$i->id_paie}}" tabindex="-1" role="dialog" aria-labelledby="montantAddedModalLabel{{$i->id_paie}}" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title" id="montantAddedModalLabel{{$i->id_paie}}">
                    <i class="fas fa-plus-circle"></i> Ajouter un montant à la paie
                </h5>
                <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form action="{{ url('added_paie') }}" method="POST" id="montantForm{{$i->id_paie}}">
                @csrf
                <input type="hidden" name="id_paie" value="{{$i->id_paie}}">
                <div class="modal-body">
                 <input type="hidden" name="paie_id" value="{{$i->id_paie}}">
                            <div class="form-group">
                                <label >Type de montant <span class="text-danger">*</span></label>
                                <select class="form-control" id="type_ajout{{$i->type_ajout}}" name="type_ajout" required>
                                    <option value="">................Choisir type de montant...................</option>
                                    <option value="régularisation">Régularisation</option>
                                    <option value="prime">Prime</option>
                                    <option value="bonus">Bonus</option>
                                    <option value="autre">Autre</option>
                                </select>
                            </div>
               
                            <div class="form-group">
                                <label for="montant{{$i->id_paie}}">Montant ajout<span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text">BIF</span>
                                    </div>
        <input type="number" class="form-control"  name="montant_added"  min="1" required value="{{$i->montant_added}}">
                                </div>
                            </div>
                    

                    <div class="form-group">
                        <label for="description_ajout_paie{{$i->id_paie}}">Description d'ajout <span class="text-danger">*</span></label>
                        <input type="text"  class="form-control" name="description_ajout_paie" rows="2" placeholder="Description du montant..." required="" value="{{$i->description_ajout_paie}}">
                  
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save"></i> Ajouter le montant
                    </button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">
                        <i class="fas fa-times"></i> Annuler
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>          
@endif 
 @if($i->status_paie == 'en_attente' || $i->status_paie == 'valide')     
      
     <a href="{{url('delete_paie_employe',$i->id_paie)}}" class="btn btn-danger" title="Supprimer" onclick="return confirm('Supprimer la paie de {{$i->name}}?');"><i class="zmdi zmdi-delete"></i></a>
                                @endif
                      
                            </div>
                            @else
                            <div class="btn-group btn-group-sm">
                                <a href="{{url('detail_paie',$i->id_paie)}}" class="btn btn-info" title="Détails"><i class="zmdi zmdi-eye"></i></a>
      
                                    </div>
                              @endif
                        </td>
                          
                    </tr>
               
                    @endforeach
                </tbody>
                <tfoot class="font-weight-bold bg-light">
                    <tr>
                        <td colspan="5" class="text-center">TOTAUX (BIF)</td> 
                         <td class="text-right">{{number_format($total_taux_fpc, 0, ',', ' ')}}</td>
                        <td class="text-right">{{number_format($total_sb, 0, ',', ' ')}}</td>
                        <td class="text-right">{{number_format($total_brut, 0, ',', ' ')}}</td>
                        <td class="text-right">{{number_format($total_retenues, 0, ',', ' ')}}</td>
                        <td class="text-right">{{number_format($total_net, 0, ',', ' ')}}</td>
                        <td class="text-right">{{number_format($total_ajout, 0, ',', ' ')}}</td>
                        <td class="text-right"><strong>{{number_format($total_general, 0, ',', ' ')}}</strong></td>
                        <td colspan="2"></td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>
</div>

{{-- Inclusion des modals (à déplacer dans des fichiers partiels pour alléger) --}}
@include('grh_views.paie.modals.modals_paies')


@stop

@section('page-script')
<script src="{{asset('assets/plugins/select2/select2.min.js')}}"></script>
<script src="{{asset('assets/plugins/jquery-datatable/jquery.dataTables.js')}}"></script>
<script src="{{asset('assets/plugins/jquery-datatable/dataTables.bootstrap4.min.js')}}"></script>
<script>
    $(document).ready(function() {
        try {
            $('.dataTable').DataTable({
                pageLength: 25,
                responsive: true,
                language: {
                    url: '{{ asset("assets/plugins/datatables/french.json") }}' // Fichier local recommandé
                },
                order: [[0, 'asc']],
                columnDefs: [
                    { targets: [6,7,8,9,10,11], className: 'text-right' },
                    { targets: [5], className: 'text-center' }
                ]
            });
        } catch(e) {
            console.warn("Erreur DataTable, chargement sans traduction française :", e);
            $('.dataTable').DataTable({ pageLength: 25, responsive: true });
        }
        
        $('.select2').select2({ width: '100%' });
        
        // Auto-hide alerts after 5 seconds
        setTimeout(() => $('.alert').fadeOut('slow'), 5000);
    });
</script>
@stop