"use client"

import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Button } from "@/components/ui/button"
import { COMPANY_NAME } from "@/lib/constants"
import { toast } from "sonner"

export function CompanySettingsForm() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Company Settings</CardTitle>
        <CardDescription>
          Manage your company information and branding.
        </CardDescription>
      </CardHeader>
      <CardContent className="space-y-4">
        <div className="grid gap-4 sm:grid-cols-2">
          <div className="space-y-2">
            <Label htmlFor="company-name">Company Name</Label>
            <Input id="company-name" defaultValue={COMPANY_NAME} />
          </div>
          <div className="space-y-2">
            <Label htmlFor="company-email">Company Email</Label>
            <Input id="company-email" type="email" defaultValue="info@coastalit.com" />
          </div>
          <div className="space-y-2">
            <Label htmlFor="company-phone">Phone</Label>
            <Input id="company-phone" defaultValue="(555) 123-4567" />
          </div>
          <div className="space-y-2">
            <Label htmlFor="company-website">Website</Label>
            <Input id="company-website" defaultValue="https://coastalit.com" />
          </div>
          <div className="space-y-2 sm:col-span-2">
            <Label htmlFor="company-address">Address</Label>
            <Input id="company-address" defaultValue="123 Business Ave, Suite 100, San Francisco, CA 94105" />
          </div>
        </div>
        <div className="flex justify-end pt-4">
          <Button onClick={() => toast.success("Company settings saved")}>Save Changes</Button>
        </div>
      </CardContent>
    </Card>
  )
}