@extends('layouts.pointage-layout')

@section('title', 'Système de Pointage - Présence CABOMA')

@section('content')

<div class="container">
    <h2 class="mb-4 text-center">Liste des pointages</h2>

        <table class="table table-bordered table-striped">
            <thead class="table-header">
              <tr>
            <th>Nom</th>
            <th>Vacation</th>
            <th>Date</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody>
        @forelse($pointages as $pointage)
            <tr>
                <td>{{ $pointage->agent_name }}</td>
                <td>{{ $pointage->vacation }}</td>
                <td>{{ \Carbon\Carbon::parse($pointage->date)->format('d/m/Y') }}</td>
                <td>
                                <form action="{{ route('agent.depointage', $pointage->user_id) }}" method="POST">
                @csrf
                <button type="submit" class="btn btn-danger btn-sm"
                        onclick="return confirm('Dépointer cet agent ?')">
                    Dépointer
                </button>
            </form>
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="4">Aucun agent présent aujourd’hui.</td>
            </tr>
        @endforelse
            </tbody>
</div>

        </table>

            {{-- Boutons de pagination --}}
    <div class="d-flex justify-content-center">
        {{ $pointages->links() }}
    </div>

</div>


@endsection