@extends('layouts.user_type.auth')

@section('content')

  <!-- Main page -->
  <main class="main-content position-relative max-height-vh-100 h-100 p-0 m-0 border-radius-lg ">

    <!-- List zone -->
    <!-- Liste des personnels à payer -->
    <div class="container-fluid p-0">
      <div class="row">
        <div class="col-12">
          <div class="card mb-4">
            <div class="card-header pb-0">
              <h6>LISTE DES PAYEMENTS EN COURS</h6>
            </div>
            <div class="card-body text-sm">
              <div class="table-responsive">
                <table class="table  table-hover text-left table-sm align-items-center m-0" id="table">
                  <thead>
                    <tr>
                      <th>PERSONNEL</th>
                      <th>FONCTION</th>
                      <th>GRADE</th>
                      <th>HEURE NORM.</th>
                      <th>HEURE SUP.</th>
                      <th>ACTION</th>
                    </tr>
                  </thead>
                  <tbody>
                      @foreach($personnels as $personnel)
                      <tr>
                        <td class="text-left">
                          {{ $personnel->nom ?? '' }} {{ $personnel->prenom ?? '' }}
                        </td>
                        <td class="text-left">
                          {{ $personnel->fonction ?? '' }}
                        </td>
                        <td class="text-left">
                        {{ $personnel->grade ?? '' }}
                        </td>
                        <td>
                          {{ $personnel->heure_total ?? '' }}
                        </td>
                        <td>
                          {{ $personnel->heure_sup ?? '' }}
                        </td>
                        <td class="text-center m-0 p-0">
                          <a class="btn btn-sm btn-outline-warning" href="{{url('payement-detail?id='.$personnel->id)}}" title="Voir les détails">
                            <i class="fa fa-eye text-lg"></i>
                          </a>
                          <a class="btn btn-sm btn-outline-info {{ $personnel->heure_total == 0 ? 'disabled' : '' }}" href="{{url('payement-heure-norm?id='.$personnel->id)}}" title="Payer les heures normales">
                            <i class="fa fa-money-bill text-lg"></i>
                          </a>
                          <a class="btn btn-sm btn-outline-primary {{ $personnel->heure_sup == 0 ? 'disabled' : '' }}" href="{{url('payement-heure-sup?id='.$personnel->id)}}" title="Payer les heures supplémentaires">
                            <i class="fa fa-coins text-lg"></i>
                          </a>
                        </td>
                      <tr>
                    
                      @endforeach
                    
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          {{ $personnels->links() }}
        </div>
        
        <!-- Liste des personnels payés -->
        <div class="col-12">
          <div class="card mb-4">
            <div class="card-header pb-0">
              <h6>LISTE DES PAYEMENTS EFFECTUES</h6>
            </div>
            <div class="card-body text-sm">
              <div class="table-responsive">
                <table class="table  table-hover text-left table-sm align-items-center m-0" id="table">
                  <thead>
                    <tr>
                      <th>PERSONNEL</th>
                      <th>FONCTION</th>
                      <th>GRADE</th>
                      <th>HEURE NORM.</th>
                      <th>HEURE SUP.</th>
                      <th>ETAT</th>
                      <th>ACTION</th>
                    </tr>
                  </thead>
                  <tbody>
                      @foreach($payements as $payement)
                      <tr>
                        <td class="text-left">
                          {{ $payement->nom ?? '' }}
                        </td>
                        <td class="text-left">
                          {{ $payement->fonction ?? '' }}
                        </td>
                        <td class="text-left">
                        {{ $payement->grade ?? '' }}
                        </td>
                        <td>
                          {{ $payement->heure_total ?? '' }}
                        </td>
                        <td>
                          {{ $payement->heure_sup ?? '' }}
                        </td>
                        <td class="text-danger">
                          PAYE
                        </td>
                        <td class="text-center m-0 p-0">
                          <a class="btn btn-sm btn-outline-danger" href="{{url('payement-delete?id='.$payement->id)}}" 
                              title="Supprimer ce payement. Attention ! Cette action est irréversible">
                            <i class="fa fa-trash text-lg"></i>
                          </a>
                        </td>
                      <tr>
                    
                      @endforeach
                    
                  </tbody>
                </table>
              </div>
            </div>
          </div>
          {{ $payements->links() }}
        </div>
      </div>
    </div>
  </main>
@endsection