@extends('layouts.master')
@section('title', 'AllPaies_contracuels')
@section('parentPageTitle', 'AllPaies')
@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')}}"/>

@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
                
{{-- 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('contractuels')}}" class="btn btn-outline-success" title="Retour à la liste des paies">
                            <i class="zmdi zmdi-accounts"></i> Liste des contractuels
                        </a>
                     <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('horsbanques') }}" class="btn btn-outline-success" title="Paies des contractuels">
                            <i class="zmdi zmdi-money"></i> Hors Banques
                        </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>
                        <button type="button" class="btn btn-success" data-toggle="modal" data-target="#paie_contractuel">
                            <i class="zmdi zmdi-account"></i> Payer un
                        </button>
                        <button type="button" class="btn btn-primary" data-toggle="modal" data-toggle="modal" data-target="#Payer_tous_contractuels">
                            <i class="zmdi zmdi-accounts"></i> Payer tous
                        </button>
                    </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-info' : 'btn-outline-success';
    @endphp
    <a href="{{ url('paies_contractuelsParMois/' . $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>


    @if (session()->has('success'))
    <div class="alert alert-success">
      <center> <h5 style="color:black;"> {{ session()->get('success') }}</h5></center>
    </div>
@elseif (session()->has('error'))
    <div class="alert alert-danger">
       <h5 class="text-center" style="color:white;"> {{ session()->get('error') }}</h5>
    </div>

@endif 
           @if ($errors->any())
      <div class="alert alert-danger">
        <ul>
          @foreach($errors->all() as $message)
          <li class="text-black">{{ $message }}</li>
          @endforeach
        </ul>
      </div>
    @endif
<!-- Default Size -->
<div class="modal fade" id="paie_contractuel" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Payer un contractuel</h4>
            </div>
            <div class="modal-body"> 
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
   
        <div class="card1">
        
            <div class="body">
                <form method="POST" action="{{url('paie_contractuel')}}">
                    @csrf

        <div class="mb-3">
    <label for="mois_exercice">Mois d'exercice</label>
    <select name="mois_exercice" id="mois_exercice" required 
            class="form-control show-tick ms select2" data-placeholder="Select">
        @php
            $moisActuel = date('n'); // Numéro du mois actuel (1-12)
            $anneeActuelle = date('Y'); // Année actuelle
            $nomMoisFrancais = [  1  => 'Janvier', 2  => 'Février',3  => 'Mars',4  => 'Avril',5  => 'Mai', 6  => 'Juin', 7  => 'Juillet', 8  => 'Août', 9  => 'Septembre', 10 => 'Octobre', 11 => 'Novembre', 12 => 'Décembre' ]; @endphp

        @foreach($nomMoisFrancais as $num => $nom)
            @php
                $valeur = str_pad($num, 2, '0', STR_PAD_LEFT) . '-' . $anneeActuelle;
            @endphp
            <option value="{{ $valeur }}" 
                {{ $num == $moisActuel ? 'selected' : 'disabled' }}>
                {{ $valeur }} — {{ $nom }}
            </option> @endforeach </select></div>
               <div class="mt-3">
                            <label for="email_address">Nom du contractuel</label>
             <select class="form-control show-tick ms select2" data-placeholder="Selectionner un Employé" name="user_id" required>  
                            <option value="">-----------selectionner un contractuel-------------</option>               
                        @foreach ($users as $user)
                        <option value="{{$user->id}}">{{$user->name}}</option>
                @endforeach
                        </select>
                    </div> 
                        </div>  
                         </div> </div>
                     </div> </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">PAYER</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">FERMER</button>
            </div>
            </form>
        </div>
    </div>
</div>


<center><h5>Les paies des contractuels : <mark>{{$nom_complet}}</mark> </h5></center>
<!-- Exportable Table -->
<div class="row clearfix">
    <div class="col-lg-12">
        <div class="card">
  
            <div class="body">
                <div class="table-responsive">
                       <table class="table table-bordered table-striped table-hover js-basic-example dataTable">
                        <thead class="bg-info">
                            <tr>
                           <th>No</th>
                          <th>Nom du contractuel</th>
                          <th>Numero de compte</th>
                          <th>Montant payé</th>
                          <th>Mois</th>
                          <!-- <th>Date paie</th> -->
                           <th>Status Paie</th>
                             <th>Action</th>
                            </tr>
                        </thead>

                        <tbody>
                             @php $index=1; @endphp
                                @foreach($paies as $i)
                            <tr>
                                <td>{{$index++}} </td>
                               <td>{{$i->name}} </td> 
                               <td>{{$i->numero_compte}} </td> 
                            <td >{{number_format($i->montant_paye, 0, ',', ' ')}}</td>
                               <td>{{$i->mois_exercice}} </td> 
                               <!-- <td>{{$i->date_fait_paie}} </td>      -->
                             <td class="text-center">
                                    @if($i->etat_paye == 1)
                                <span class="status-en-attente">en attente</span> 
                                    @elseif( $i->etat_paye == 2)
                                      <span class="status-paye">payé</span> 
                                        @endif
                             </td>
<td> 
                     @if($i->etat_paye == 1)
                  <a href="{{url('valide_payer_contractuel',$i->id_paie_contractuel)}}" class="btn btn-primary" title="Payer" onclick="return confirm('Voulez-vous valider la paie de {{$i->name}}?');">Payer</a> 

                    <a href="{{url('delete_paie_contractuel',$i->id_paie_contractuel)}}" class="btn btn-danger" title="Supprimer la paie de {{$i->name}}" onclick="return confirm('Voulez-vous supprimer la paie de {{$i->name}}?');"><i class="zmdi zmdi-delete"></i></a>
               @endif                        
            
</td>                               
                            </tr>
                            
                          @endforeach
                                    <tr class="total-row">
                <td colspan="7" style="text-align: right;">Total (Exemple fictif)</td>
                <!-- <td><span class="status-annule">Annulé</span></td> -->
            </tr>             
                        </tbody>
                    </table>


                </div>
            </div>
 
        </div>
    </div>
</div>


<!-- --------------------------------------------------------- -->
<!-- Default Size -->
<div class="modal fade" id="Payer_tous_contractuels" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Payer tous les contractuels</h4>
            </div>
            <div class="modal-body"> 
<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
   
        <div class="card1">
        
            <div class="body">
                <form method="POST" action="{{url('paie_tous_contractuels')}}">
                    @csrf
        <div class="mb-3">
    <label for="mois_exercice">Mois d'exercice</label>
    <select name="mois_exercice" id="mois_exercice" required 
            class="form-control show-tick ms select2" data-placeholder="Select">
        @php
            $moisActuel = date('n'); // Numéro du mois actuel (1-12)
            $anneeActuelle = date('Y'); // Année actuelle
            $nomMoisFrancais = [
                1  => 'Janvier',
                2  => 'Février',
                3  => 'Mars',
                4  => 'Avril',
                5  => 'Mai',
                6  => 'Juin',
                7  => 'Juillet',
                8  => 'Août',
                9  => 'Septembre',
                10 => 'Octobre',
                11 => 'Novembre',
                12 => 'Décembre'
            ];
        @endphp

        @foreach($nomMoisFrancais as $num => $nom)
            @php
                $valeur = str_pad($num, 2, '0', STR_PAD_LEFT) . '-' . $anneeActuelle;
            @endphp
            <option value="{{ $valeur }}" 
                {{ $num == $moisActuel ? 'selected' : 'disabled' }}>
                {{ $valeur }} — {{ $nom }}
            </option>
        @endforeach
    </select>
</div>                                </div> 
        </div>
    </div>
</div>

    </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">GÉNÉRER TOUTES LES PAIES</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">FERMER</button>
            </div>
            </form>
        </div>
    </div>
</div>
<style type="text/css">

        body {
            font-family: Arial, sans-serif;
            padding: 20px;
            background-color: #f5f5f5;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            background-color: white;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }
        th, td {
            padding: 12px 15px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
        tr:hover {
            background-color: #f9f9f9;
        }
    
        .status-en-attente {
            background-color: #fff3cd;
            color: #856404;
            font-weight: bold;
            padding: 3px 6px;
            border-radius: 8px;
        }
        .status-non-paye {
            background-color: #f8d7da;
            color: #721c24;
            font-weight: bold;
           border-radius: 8px;
        }
          .status-paye {
            background-color: #599766;
            color: #f9fcfa;
            font-weight: bold;
            padding: 3px 6px;
            border-radius: 8px;
        }
     
        ul li {
          padding: 6px;
          margin-bottom: 3px;
        }
    </style>

<!-- -------------------------------------------------------------------------------------------------------- -->
@stop
@section('page-script')
@stop