import { Head, Link, router, useForm, usePage } from '@inertiajs/react'; import { Download, FileSpreadsheet } from 'lucide-react'; import { useState } from 'react'; import type { FormEvent } from 'react'; import PayrollRunController from '@/actions/App/Http/Controllers/Admin/PayrollRunController'; import InputError from '@/components/input-error'; import Heading from '@/components/heading'; import { Badge } from '@/components/ui/badge'; import { Button } from '@/components/ui/button'; import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from '@/components/ui/dialog'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { formatCurrency } from '@/lib/utils'; import { dashboard } from '@/routes'; import { index } from '@/routes/admin/payroll-runs'; import { show as showPayslip } from '@/routes/admin/payslips'; type Named = { id: number; name: string }; type PayrollRunShow = { id: number; code: string; period_label: string; period_start: string; period_end: string; status: string; status_label: string; total_gross: number; total_employee_contributions: number; total_employer_contributions: number; total_net: number; journal_entry: { id: number; reference: string; status: string } | null; journal_missing: boolean; cancellation_reason: string | null; payslips: Array<{ id: number; code: string; employee_full_name: string; employee_code: string | null; job_title: string | null; status_label: string; gross_salary: number; igr_amount: number; cn_amount: number; cnps_employee_amount: number; net_salary: number; payment_method_label: string | null; }>; can: { calculate: boolean; validate: boolean; close: boolean; cancel: boolean; delete: boolean; }; calculated_by: Named | null; validated_by: Named | null; }; export default function PayrollRunsShow({ run }: { run: PayrollRunShow }) { const [cancelOpen, setCancelOpen] = useState(false); const cancelForm = useForm({ cancellation_reason: '' }); const errors = (usePage().props as { errors?: Record }).errors ?? {}; function submitCancel(event: FormEvent) { event.preventDefault(); cancelForm.post(PayrollRunController.cancel.url(run.code), { onSuccess: () => setCancelOpen(false), }); } return ( <>
{run.can.calculate && ( )} {run.can.validate && ( )} {run.can.close && ( )} {run.can.cancel && ( )} {run.can.delete && ( )}
{run.status_label} {run.journal_missing && (

Aucune écriture comptable n'a été générée. Vérifiez les comptes de paie dans les barèmes.

)} {run.journal_entry && (

Écriture {run.journal_entry.reference}

)}
{run.payslips.length === 0 ? (

Aucun bulletin. Calculez le cycle après avoir saisi barèmes et rémunérations.

) : (
{run.payslips.map((payslip) => ( ))}
Matricule Nom Poste Brut IGR CN CNPS Net
{payslip.employee_code} {payslip.employee_full_name} {payslip.job_title ?? '—'} {formatCurrency(payslip.gross_salary)} {formatCurrency(payslip.igr_amount)} {formatCurrency(payslip.cn_amount)} {formatCurrency(payslip.cnps_employee_amount)} {formatCurrency(payslip.net_salary)}
)}
Annuler le cycle L'annulation est possible tant que le cycle n'est pas validé.
cancelForm.setData('cancellation_reason', event.target.value)} />
); } function Kpi({ label, value }: { label: string; value: string }) { return (

{label}

{value}

); } PayrollRunsShow.layout = { breadcrumbs: [ { title: 'Tableau de bord', href: dashboard() }, { title: 'Paie', href: index() }, ], };