import { useState } from 'react' import { Button } from "/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "/components/ui/card" import { Input } from "/components/ui/input" import { Label } from "/components/ui/label" import { RadioGroup, RadioGroupItem } from "/components/ui/radio-group" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" export default function TShirtCostCalculator() { const [shirtType, setShirtType] = useState('gilden-5000') const [quantity, setQuantity] = useState(1) const [graphics, setGraphics] = useState('1') const [discount, setDiscount] = useState('no') const [shippingOption, setShippingOption] = useState('on') const [shirtPrices, setShirtPrices] = useState({ 'gilden-5000': 16.05, 'comfort-colors-c1717': 21.10, 'bella-canva-3001cvc': 17.13, }) const [graphicPrices, setGraphicPrices] = useState({ '1': 0, '2': 3.85, }) const [shippingCost, setShippingCost] = useState(10) const [taxRate, setTaxRate] = useState(0.0825) const calculateBaseCost = () => { return (shirtPrices[shirtType] + graphicPrices[graphics]) * quantity } const calculateDiscount = () => { if (discount === 'yes') { return 1 * quantity } return 0 } const calculateShipping = () => { if (shippingOption === 'on' && quantity < 5) { return shippingCost } return 0 } const calculateTax = () => { const subtotal = calculateBaseCost() - calculateDiscount() + calculateShipping() return subtotal * taxRate } const calculateGrandTotal = () => { return calculateBaseCost() - calculateDiscount() + calculateShipping() + calculateTax() } const calculateCostPerShirt = () => { const grandTotal = calculateGrandTotal() return grandTotal / quantity } return ( Padre Trading Co. T-Shirt Cost Calculator Estimate the bulk price of custom T-Shirts from PTC.

Shirt Type

Quantity setQuantity(Number(e.target.value))} className="mt-2" />

Number of Graphics

Friends & Family Discount

Yes

Shipping

Free

Cost Breakdown

Base Cost

${calculateBaseCost().toFixed(2)}

Discount

-${calculateDiscount().toFixed(2)}

Shipping

${calculateShipping().toFixed(2)}

Tax

${calculateTax().toFixed(2)}

Grand Total

${calculateGrandTotal().toFixed(2)}

Cost per Shirt

${calculateCostPerShirt().toFixed(2)}

Pricing Table

Item	Price
Gilden 5000	setShirtPrices({ ...shirtPrices, 'gilden-5000': parseFloat(e.target.value) })} className="w-full text-right" />
Comfort Colors C1717	setShirtPrices({ ...shirtPrices, 'comfort-colors-c1717': parseFloat(e.target.value) })} className="w-full text-right" />
Bella + Canva 3001CVC	setShirtPrices({ ...shirtPrices, 'bella-canva-3001cvc': parseFloat(e.target.value) })} className="w-full text-right" />
1 Graphic	Included
2 Graphics	setGraphicPrices({ ...graphicPrices, '2': parseFloat(e.target.value) })} className="w-full text-right" />
Friends & Family Discount (per shirt)	-$1
Shipping Cost	setShippingCost(parseFloat(e.target.value))} className="w-full text-right" />
Tax	setTaxRate(parseFloat(e.target.value) / 100)} className="w-full text-right" /> %

) }