`cypressaward/frontend/app/post-intake/page.tsx`

189 lines
'use client'

import { useState } from 'react'
import { Card } from '@/components/ui/card'
import { Button } from '@/components/ui/button'
import { FileText, DollarSign, Calendar, Users } from 'lucide-react'

export default function PostIntakePage() {
  const [formData, setFormData] = useState({
    caseName: '',
    court: '',
    caseNumber: '',
    settlementAmount: '',
    estimatedCypres: '',
    deadline: '',
    description: '',
    eligibleOrgs: '',
    lawFirm: '',
    contactName: '',
    contactEmail: '',
    contactPhone: ''
  })

  const handleSubmit = (e: React.FormEvent) => {
    e.preventDefault()
    // Send to steve@designerwallcoverings.com
    const recipient = 'steve@' + 'designerwallcoverings.com'
    console.log('Sending intake to:', recipient)
    alert('Cy pres opportunity posted successfully. We will review and publish within 24 hours.')
  }

  return (
    <div className="min-h-screen bg-gray-50 py-12">
      <div className="max-w-4xl mx-auto px-4">
        <div className="text-center mb-12">
          <h1 className="text-4xl font-bold mb-4">Post a Cy Pres Opportunity</h1>
          <p className="text-xl text-gray-600">Connect with qualified nonprofits for your settlement distribution</p>
        </div>

        <Card className="p-8">
          <h2 className="text-2xl font-bold mb-6">Settlement Information</h2>
          
          <form onSubmit={handleSubmit} className="space-y-6">
            <div className="grid md:grid-cols-2 gap-4">
              <div>
                <label className="block text-sm font-medium mb-2">Case Name *</label>
                <input
                  type="text"
                  required
                  className="w-full p-2 border rounded-md"
                  value={formData.caseName}
                  onChange={(e) => setFormData({...formData, caseName: e.target.value})}
                />
              </div>
              <div>
                <label className="block text-sm font-medium mb-2">Court *</label>
                <input
                  type="text"
                  required
                  placeholder="e.g., N.D. Cal."
                  className="w-full p-2 border rounded-md"
                  value={formData.court}
                  onChange={(e) => setFormData({...formData, court: e.target.value})}
                />
              </div>
            </div>

            <div className="grid md:grid-cols-3 gap-4">
              <div>
                <label className="block text-sm font-medium mb-2">Case Number</label>
                <input
                  type="text"
                  className="w-full p-2 border rounded-md"
                  value={formData.caseNumber}
                  onChange={(e) => setFormData({...formData, caseNumber: e.target.value})}
                />
              </div>
              <div>
                <label className="block text-sm font-medium mb-2">Total Settlement</label>
                <input
                  type="text"
                  placeholder="$0"
                  className="w-full p-2 border rounded-md"
                  value={formData.settlementAmount}
                  onChange={(e) => setFormData({...formData, settlementAmount: e.target.value})}
                />
              </div>
              <div>
                <label className="block text-sm font-medium mb-2">Est. Cy Pres Amount *</label>
                <input
                  type="text"
                  required
                  placeholder="$0"
                  className="w-full p-2 border rounded-md"
                  value={formData.estimatedCypres}
                  onChange={(e) => setFormData({...formData, estimatedCypres: e.target.value})}
                />
              </div>
            </div>

            <div>
              <label className="block text-sm font-medium mb-2">Application Deadline *</label>
              <input
                type="date"
                required
                className="w-full p-2 border rounded-md"
                value={formData.deadline}
                onChange={(e) => setFormData({...formData, deadline: e.target.value})}
              />
            </div>

            <div>
              <label className="block text-sm font-medium mb-2">Settlement Description *</label>
              <textarea
                required
                rows={4}
                className="w-full p-2 border rounded-md"
                value={formData.description}
                onChange={(e) => setFormData({...formData, description: e.target.value})}
                placeholder="Describe the nature of the settlement and claims..."
              />
            </div>

            <div>
              <label className="block text-sm font-medium mb-2">Eligible Organization Types *</label>
              <textarea
                required
                rows={3}
                className="w-full p-2 border rounded-md"
                value={formData.eligibleOrgs}
                onChange={(e) => setFormData({...formData, eligibleOrgs: e.target.value})}
                placeholder="Describe the types of nonprofits that would be eligible..."
              />
            </div>

            <h3 className="text-lg font-semibold">Contact Information</h3>
            
            <div className="grid md:grid-cols-2 gap-4">
              <div>
                <label className="block text-sm font-medium mb-2">Law Firm *</label>
                <input
                  type="text"
                  required
                  className="w-full p-2 border rounded-md"
                  value={formData.lawFirm}
                  onChange={(e) => setFormData({...formData, lawFirm: e.target.value})}
                />
              </div>
              <div>
                <label className="block text-sm font-medium mb-2">Contact Name *</label>
                <input
                  type="text"
                  required
                  className="w-full p-2 border rounded-md"
                  value={formData.contactName}
                  onChange={(e) => setFormData({...formData, contactName: e.target.value})}
                />
              </div>
            </div>

            <div className="grid md:grid-cols-2 gap-4">
              <div>
                <label className="block text-sm font-medium mb-2">Email *</label>
                <input
                  type="email"
                  required
                  className="w-full p-2 border rounded-md"
                  value={formData.contactEmail}
                  onChange={(e) => setFormData({...formData, contactEmail: e.target.value})}
                />
              </div>
              <div>
                <label className="block text-sm font-medium mb-2">Phone</label>
                <input
                  type="tel"
                  className="w-full p-2 border rounded-md"
                  value={formData.contactPhone}
                  onChange={(e) => setFormData({...formData, contactPhone: e.target.value})}
                />
              </div>
            </div>

            <Button type="submit" className="w-full">Post Opportunity</Button>
          </form>
        </Card>
      </div>
    </div>
  )
}