Testimonial Details

Name * setData('name', e.target.value)} placeholder="Customer name" /> {errors.name &&

{errors.name}

}

Role setData('role', e.target.value)} placeholder="e.g. SEO Specialist" /> {errors.role &&

{errors.role}

}

Company setData('company', e.target.value)} placeholder="Company name" /> {errors.company &&

{errors.company}

}

Quote *

setData('quote', e.target.value)}
                  placeholder="Customer testimonial text"
                  rows={4}
                />
                {errors.quote && <p className="text-sm text-destructive">{errors.quote}</p>}
              </div>

<div className="space-y-1">
                <Label htmlFor="avatar_url">Avatar URL</Label>
                <Input
                  id="avatar_url"
                  type="url"
                  value={data.avatar_url}
                  onChange={(e) => setData('avatar_url', e.target.value)}
                  placeholder="https://..."
                />
                {errors.avatar_url && <p className="text-sm text-destructive">{errors.avatar_url}</p>}
              </div>

<div className="grid grid-cols-2 gap-4">
                <div className="space-y-1">
                  <Label htmlFor="rating">Rating (1–5) *</Label>
                  <Input
                    id="rating"
                    type="number"
                    min={1}
                    max={5}
                    value={data.rating}
                    onChange={(e) => setData('rating', parseInt(e.target.value, 10) || 5)}
                  />
                  {errors.rating && <p className="text-sm text-destructive">{errors.rating}</p>}
                </div>

<div className="space-y-1">
                  <Label htmlFor="source">Source</Label>
                  <Input
                    id="source"
                    value={data.source}
                    onChange={(e) => setData('source', e.target.value)}
                    placeholder="e.g. email, twitter, product_hunt"
                  />
                  {errors.source && <p className="text-sm text-destructive">{errors.source}</p>}
                </div>
              </div>

<div className="flex items-center gap-3">
                <Switch
                  id="featured"
                  checked={data.featured}
                  onCheckedChange={(checked) => setData('featured', checked)}
                />
                <Label htmlFor="featured">Featured on marketing site</Label>
              </div>
            </CardContent>
          </Card>

<div className="flex gap-3">
            <Button type="submit" disabled={processing}>
              {processing ? 'Saving…' : 'Save Changes'}
            </Button>
            <Button variant="outline" asChild>
              <Link href={route('admin.testimonials.index')}>Cancel</Link>
            </Button>
          </div>
        </form>
      </div>
    </AdminLayout>
  );
}