@extends('layouts.master')
@section('title', 'Paies_HorsBanques')
@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')}}"/>
<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;
        }
        .status-annule {
            background-color: #7a383b;
            color: #f8f9fa;
            font-weight: bold;
            padding: 3px 6px;
            border-radius: 8px;
        
        .total-row {
            background-color: #e8f4fd;
            font-weight: bold;
        }
        ul li {
          padding: 6px;
          margin-bottom: 3px;
        }
    </style>

@stop
@section('content')
 <center><h5>Toutes les paies hors banques</h5></center>
<!-- Modal Size Example -->


{{-- Barre de navigation rapide --}}

<div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="card">
         
            <div class="body">
 <h6 class="mb-0">LES AUTRES LIENS COURAMMENT UTILISÉS</h6>
    <div class="d-flex flex-wrap align-items-center justify-content-between">
                    <div class="btn-group flex-wrap" role="group">
                              @if(Auth()->user()->roles()->whereIn('role_id', [1,45])->exists())
                         <a href="{{url('all_paies')}}" class="btn btn-outline-success" title="Retour à la liste des paies">
                            <i class="zmdi zmdi-money"></i> Paies-Employés
                        </a>
                        <a href="{{ url('all_paies_contractuels') }}" class="btn btn-outline-success" title="Paies des contractuels">
                            <i class="zmdi zmdi-money"></i> Paies-Contractuels
                        </a>
                        <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>
                     @endif
                        <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="#defaultModalUn">
                            <i class="zmdi zmdi-account"></i> Payer un
                        </button>
                      
            </button>
                    </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="defaultModalUn" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="defaultModalLabel">Nouvelle paie hors banque</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_horsbanque')}}">
                    @csrf

<div class="form-group">
    <b>Mois d'exercice <span class="text-danger">*</span></b>
    <select name="mois_exercice" class="form-control select2" required>
        @php
            $moisActuel = date('n');
            $anneeActuelle = date('Y');
            $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">
                            <b for="email_address">Nom du receveur</b>
           <input type="text" name="name_receiver" class="form-control" required="" placeholder="Nom du receveur ici">
                    </div> 
                       <div class="mt-3"> 
                       <b for="email_address">Montant</b>                            
   <input type="number" placeholder="Montant ici"  class="form-control" name="montant_paye" required >
      
                    </div> 
             <div class="mt-3">
             <b for="email_address">Motif</b>
           <input type="text" name="motif_paie" class="form-control" required="" placeholder="Motif ou description ici">
                    </div>
                        </div>  
                         </div> 
                     </div>
                     </div> 
                 </div> 
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary btn-round waves-effect">ENREGISTRER</button>
                <button type="button" class="btn btn-danger waves-effect" data-dismiss="modal">FERMER</button>
            </div>
            </form>
        </div>
    </div>
</div>



<!-- 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 </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($horsbanques as $i)
                            <tr>
                                <td>{{$index++}} </td>
                               <td>{{$i->name_receiver}} </td> 
                               <td>{{$i->montant_paye}} </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_horsbanque',$i->id_horsbanque)}}" class="btn btn-primary" title="Payer" onclick="return confirm('Voulez-vous valider la paie de {{$i->name}}?');">Payer</a> 

                    <a href="{{url('delete_horsbanque',$i->id_horsbanque)}}" 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>

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