One Dialog

import { Button } from '@/components/ui/button'
import {
  Dialog,
  DialogClose,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from '@/components/ui/dialog'
import { Field, FieldGroup, FieldLabel } from '@/components/ui/field-1'
import { Input } from '@/components/ui/input'
import { Textarea } from '@/components/ui/textarea'

export function Dialog17() {
  return (
    <Dialog>
      <DialogTrigger asChild>
        <Button variant="outline">Book a scoping call</Button>
      </DialogTrigger>
      <DialogContent className="flex flex-col gap-0 overflow-hidden p-0 sm:max-w-md">
        <DialogHeader className="px-6 pt-6">
          <DialogTitle>Book a scoping call</DialogTitle>
          <DialogDescription>
            One call to define the first workflow and its acceptance test. The
            footer stays pinned while you fill the form.
          </DialogDescription>
        </DialogHeader>
        <div className="max-h-[min(50vh,16rem)] overflow-y-auto px-6 pb-4">
          <FieldGroup>
            <Field>
              <FieldLabel htmlFor="dialog-17-title">Topic</FieldLabel>
              <Input id="dialog-17-title" placeholder="First agent scoping" />
            </Field>
            <Field>
              <FieldLabel htmlFor="dialog-17-date">Date</FieldLabel>
              <Input id="dialog-17-date" type="date" />
            </Field>
            <Field>
              <FieldLabel htmlFor="dialog-17-start">Start time</FieldLabel>
              <Input id="dialog-17-start" type="time" />
            </Field>
            <Field>
              <FieldLabel htmlFor="dialog-17-end">End time</FieldLabel>
              <Input id="dialog-17-end" type="time" />
            </Field>
            <Field>
              <FieldLabel htmlFor="dialog-17-location">Location</FieldLabel>
              <Input id="dialog-17-location" placeholder="Google Meet" />
            </Field>
            <Field>
              <FieldLabel htmlFor="dialog-17-desc">Description</FieldLabel>
              <Textarea
                id="dialog-17-desc"
                placeholder="The workflow an agent should take over, tools involved, weekly volume..."
                rows={3}
              />
            </Field>
          </FieldGroup>
        </div>
        <DialogFooter className="bg-muted/30 border-t px-6 py-4">
          <a
            href="https://daliagents.com"
            target="_blank"
            rel="noreferrer"
            className="text-muted-foreground/60 hover:text-muted-foreground self-center text-[10px] tracking-wide transition-colors sm:mr-auto"
          >
            daliagents.com
          </a>
          <DialogClose asChild>
            <Button variant="outline">Cancel</Button>
          </DialogClose>
          <Button>Book call</Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  )
}

export default Dialog17