import { Head, Link, router } from '@inertiajs/react'; import { ChevronLeft, ChevronRight, List } from 'lucide-react'; import { useState } from 'react'; import LeaveRequestController from '@/actions/App/Http/Controllers/Admin/LeaveRequestController'; import { CalendarGrid } from './calendar-grid'; import type { Absence } from './calendar-grid'; import { LeaveRequestFormModal } from './leave-request-form-modal'; import type { BalanceOption, EmployeeOption, LeaveTypeOption, } from './leave-request-form'; import Heading from '@/components/heading'; import { Button } from '@/components/ui/button'; import { dashboard } from '@/routes'; import { calendar, index } from '@/routes/admin/leave-requests'; const MONTH_LABELS = [ 'Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre', ]; function navigate(month: number, year: number) { let nextMonth = month; let nextYear = year; if (nextMonth < 1) { nextMonth = 12; nextYear -= 1; } else if (nextMonth > 12) { nextMonth = 1; nextYear += 1; } router.get( calendar.url(), { month: nextMonth, year: nextYear }, { preserveScroll: true, }, ); } function goToToday() { const today = new Date(); router.get( calendar.url(), { month: today.getMonth() + 1, year: today.getFullYear() }, { preserveScroll: true }, ); } export default function LeaveCalendar({ absences, month, year, canViewAll, canCreate, leaveTypes, createEmployees, createBalances, createDefaultEmployeeId, }: { absences: Absence[]; month: number; year: number; canViewAll: boolean; canCreate: boolean; leaveTypes: LeaveTypeOption[]; createEmployees: EmployeeOption[]; createBalances: BalanceOption[]; createDefaultEmployeeId: number | null; }) { const [modalOpen, setModalOpen] = useState(false); const [selectedDate, setSelectedDate] = useState(null); function handleDayClick(isoDate: string) { setSelectedDate(isoDate); setModalOpen(true); } return ( <>

{MONTH_LABELS[month - 1]} {year}

Approuvée En attente de validation

{canCreate && ( )} ); } LeaveCalendar.layout = { breadcrumbs: [ { title: 'Tableau de bord', href: dashboard() }, { title: 'Congés & absences', href: index() }, { title: 'Calendrier', href: calendar() }, ], };