import React, { useState, useEffect } from 'react'; import { Head, router } from '@inertiajs/react'; import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { DailyClosing } from '@/types'; import { Clock, AlertTriangle, CheckCircle, Banknote, QrCode, CreditCard } from '@/Components/AnimatedIcons'; interface Props { existingClosing: DailyClosing | null; closingDate: string; summary: { total_bills: number; cash_sales: number; upi_sales: number; card_sales: number; discounts: number; voided_bills: number; expected_cash: number; }; } export default function DailyClosingCreate({ existingClosing, closingDate, summary }: Props) { const [actualCash, setActualCash] = useState(summary.expected_cash); const [reason, setReason] = useState(''); const [errorMsg, setErrorMsg] = useState(''); 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 variance = Math.round((actualCash - summary.expected_cash) * 100) / 100; const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); if (variance !== 0 && !reason.trim()) { setErrorMsg(`Cash variance of ₹${variance} detected. Reason is required.`); return; } router.post(route('daily-closing.store'), { closing_date: closingDate, actual_cash: actualCash, reason: reason, }); }; return (

Submit Daily Cashier Closing

Tally physical drawer cash for business date: {closingDate}

{existingClosing ? (

Closing Already Submitted

Daily closing for {closingDate} was already submitted for this branch with status: {existingClosing.status}.

) : (

{errorMsg && (

{errorMsg}

)} {/* System Calculated Tally */}

1. System Calculated Sales Summary

Confirmed Bills {summary.total_bills}

Cash ₹{summary.cash_sales.toFixed(2)}

UPI ₹{summary.upi_sales.toFixed(2)}

Card ₹{summary.card_sales.toFixed(2)}

{/* Actual Drawer Cash Input */}

2. Physical Cash Drawer Count

Expected System Cash: ₹{summary.expected_cash.toFixed(2)}

Actual Cash in Drawer: setActualCash(parseFloat(e.target.value) || 0)} className="w-36 p-2 text-right text-base font-bold border border-slate-200 dark:border-slate-800 dark:bg-slate-900 rounded-xl text-slate-900 dark:text-white focus:outline-none" required />

Cash Discrepancy / Variance: ₹{variance.toFixed(2)}

{variance !== 0 && (

Variance Reason / Explanation (Required for discrepancy)