import React, { useState, useEffect } from 'react'; import { Head, Link, router, usePage } from '@inertiajs/react'; import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { DailyClosing, PageProps } from '@/types'; import { Clock, Plus, Check, X, Trash2 } from '@/Components/AnimatedIcons'; interface Props { closings: { data: DailyClosing[]; }; filters: { date?: string; branch_id?: string; }; } export default function DailyClosingIndex({ closings, filters }: Props) { const { auth } = usePage().props; const user = auth.user; const [selectedClosing, setSelectedClosing] = useState(null); const [approvalStatus, setApprovalStatus] = useState<'APPROVED' | 'REJECTED'>('APPROVED'); const [notes, setNotes] = useState(''); const [showApproveModal, setShowApproveModal] = useState(false); const [accentColor, setAccentColor] = useState(() => localStorage.getItem('admin_accent_color') || 'pink'); useEffect(() => { const handleAccentChange = (e: CustomEvent) => setAccentColor(e.detail); window.addEventListener('theme_accent_changed', handleAccentChange as EventListener); return () => window.removeEventListener('theme_accent_changed', handleAccentChange as EventListener); }, []); const accentBg = accentColor === 'seagreen' ? 'bg-[#0CA996] hover:bg-[#098878]' : 'bg-[#FF0D8F] hover:bg-[#d90978]'; const accentText = accentColor === 'seagreen' ? 'text-[#0CA996]' : 'text-[#FF0D8F]'; const openApproveModal = (dc: DailyClosing, status: 'APPROVED' | 'REJECTED') => { setSelectedClosing(dc); setApprovalStatus(status); setNotes(''); setShowApproveModal(true); }; const handleApprove = () => { if (!selectedClosing) return; router.post(route('daily-closing.approve', selectedClosing.id), { status: approvalStatus, notes, }, { onSuccess: () => setShowApproveModal(false), }); }; const handleDelete = (id: number) => { if (confirm('Are you sure you want to permanently delete this daily closing? This cannot be undone.')) { router.delete(route('daily-closing.destroy', id)); } }; return (

Daily Cashier Closing Ledger

End-of-day cash reconciliation, system expected vs actual count, and manager approvals

Submit Today's Closing
{/* Table */}
{closings.data.map((dc) => ( ))} {closings.data.length === 0 && ( )}
Business Date Branch Cashier Bills Count Expected Cash Actual Cash Variance Status Actions
{dc.closing_date}
Sub: {dc.created_at}
 {dc.branch?.name} {dc.cashier?.name} {dc.total_bills} ({dc.voided_bills} voided) ₹{Number(dc.expected_cash).toFixed(2)} ₹{Number(dc.actual_cash).toFixed(2)} ₹{Number(dc.variance).toFixed(2)} {dc.status} {user?.is_admin && dc.status === 'SUBMITTED' ? (
) : ( {dc.approvedBy ? `by ${dc.approvedBy.name}` : 'Completed'} )} {user?.is_admin && ( )}
No daily closing records found.
{/* APPROVE MODAL */} {showApproveModal && selectedClosing && (

{approvalStatus === 'APPROVED' ? 'Approve Daily Closing' : 'Reject Daily Closing'}

Daily closing for {selectedClosing.closing_date} with variance ₹{selectedClosing.variance}.