feat: Implement Eve Online job manager

Create a basic application for managing Eve Online industry jobs, including job details, transaction history, and profit calculations. Implement data ingestion via a form with paste functionality for transaction data.

src/components/JobCard.tsx

@@ -0,0 +1,105 @@
+
+import React from 'react';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
+import { Badge } from '@/components/ui/badge';
+import { Button } from '@/components/ui/button';
+import { Calendar, Factory, TrendingUp, TrendingDown } from 'lucide-react';
+import { Job } from '@/services/jobService';
+import { formatISK } from '@/utils/priceUtils';
+
+interface JobCardProps {
+  job: Job;
+  onEdit: (job: Job) => void;
+  onDelete: (jobId: string) => void;
+}
+
+const JobCard: React.FC<JobCardProps> = ({ job, onEdit, onDelete }) => {
+  const totalExpenditure = job.expenditures.reduce((sum, tx) => sum + Math.abs(tx.totalAmount), 0);
+  const totalIncome = job.income.reduce((sum, tx) => sum + tx.totalAmount, 0);
+  const profit = totalIncome - totalExpenditure;
+  const margin = totalIncome > 0 ? ((profit / totalIncome) * 100) : 0;
+  
+  const itemsSold = job.income.reduce((sum, tx) => sum + tx.quantity, 0);
+  const daysSinceStart = Math.max(1, Math.ceil((Date.now() - job.dates.saleStart.getTime()) / (1000 * 60 * 60 * 24)));
+  const itemsPerDay = itemsSold / daysSinceStart;
+
+  return (
+    <Card className="bg-gray-900 border-gray-700 text-white">
+      <CardHeader>
+        <div className="flex justify-between items-start">
+          <div>
+            <CardTitle className="text-blue-400">{job.outputItem.name}</CardTitle>
+            <p className="text-gray-400">Quantity: {job.outputItem.quantity.toLocaleString()}</p>
+          </div>
+          <div className="flex gap-2">
+            <Button 
+              variant="outline" 
+              size="sm" 
+              onClick={() => onEdit(job)}
+              className="border-gray-600 hover:bg-gray-800"
+            >
+              Edit
+            </Button>
+            <Button 
+              variant="destructive" 
+              size="sm" 
+              onClick={() => onDelete(job.id)}
+            >
+              Delete
+            </Button>
+          </div>
+        </div>
+      </CardHeader>
+      <CardContent className="space-y-4">
+        <div className="grid grid-cols-2 gap-4">
+          <div className="space-y-2">
+            <div className="flex items-center gap-2 text-sm text-gray-400">
+              <Calendar className="w-4 h-4" />
+              Created: {job.dates.creation.toLocaleDateString()}
+            </div>
+            <div className="flex items-center gap-2 text-sm text-gray-400">
+              <Factory className="w-4 h-4" />
+              Facility: {job.facilityId}
+            </div>
+          </div>
+          <div className="space-y-2">
+            <div className="text-sm text-gray-400">
+              Sale Period: {job.dates.saleStart.toLocaleDateString()} - {job.dates.saleEnd.toLocaleDateString()}
+            </div>
+            <div className="text-sm text-gray-400">
+              Items/Day: {itemsPerDay.toFixed(2)}
+            </div>
+          </div>
+        </div>
+        
+        <div className="grid grid-cols-3 gap-4 pt-4 border-t border-gray-700">
+          <div className="text-center">
+            <div className="flex items-center justify-center gap-1 text-red-400">
+              <TrendingDown className="w-4 h-4" />
+              <span className="text-sm">Expenditure</span>
+            </div>
+            <div className="font-semibold">{formatISK(totalExpenditure)}</div>
+          </div>
+          <div className="text-center">
+            <div className="flex items-center justify-center gap-1 text-green-400">
+              <TrendingUp className="w-4 h-4" />
+              <span className="text-sm">Income</span>
+            </div>
+            <div className="font-semibold">{formatISK(totalIncome)}</div>
+          </div>
+          <div className="text-center">
+            <div className="text-sm text-gray-400">Profit</div>
+            <div className={`font-semibold ${profit >= 0 ? 'text-green-400' : 'text-red-400'}`}>
+              {formatISK(profit)}
+            </div>
+            <Badge variant={profit >= 0 ? 'default' : 'destructive'} className="text-xs">
+              {margin.toFixed(1)}%
+            </Badge>
+          </div>
+        </div>
+      </CardContent>
+    </Card>
+  );
+};
+
+export default JobCard;