Edit Company

Update company information

Company Information

setData('name', e.target.value)} error={errors.name} required /> setData('slug', e.target.value)} error={errors.slug} placeholder="auto-generated if left empty" /> setData('email', e.target.value)} error={errors.email} /> setData('phone', e.target.value)} error={errors.phone} />

Address

setData('address', e.target.value)}
                                    className="w-full rounded-md border px-3 py-2"
                                    rows={3}
                                />
                                {errors.address && (
                                    <p className="text-sm text-red-500">{errors.address}</p>
                                )}
                            </div>

<div className="space-y-4">
                                <h3 className="text-md font-semibold">Company Logo</h3>
                                
                                {/* Current Logo Preview */}
                                {logoPreview && (
                                    <div className="space-y-2">
                                        <Label>Current Logo</Label>
                                        <div className="flex items-center gap-4">
                                            <img
                                                src={logoPreview}
                                                alt="Company Logo"
                                                className="h-20 w-20 object-contain border rounded p-2"
                                            />
                                            <Button
                                                type="button"
                                                variant="outline"
                                                size="sm"
                                                onClick={() => {
                                                    setLogoPreview(null);
                                                    setData('logo', null);
                                                    if (fileInputRef.current) {
                                                        fileInputRef.current.value = '';
                                                    }
                                                }}
                                            >
                                                Remove Logo
                                            </Button>
                                        </div>
                                    </div>
                                )}

{/* Logo Upload */}
                                <div className="space-y-2">
                                    <Label htmlFor="logo">Company Logo</Label>
                                    <input
                                        ref={fileInputRef}
                                        type="file"
                                        id="logo"
                                        name="logo"
                                        accept=".jpeg,.jpg,.png,.gif,.pjpeg,.x-png"
                                        onChange={handleLogoChange}
                                        className="w-full rounded-md border px-3 py-2"
                                    />
                                    {errors.logo && (
                                        <p className="text-sm text-red-500">{errors.logo}</p>
                                    )}
                                        <p className="text-xs text-neutral-500">
                                            Allowed size 160X40 pixels( .jpeg , .jpg , .png , .gif , .pjpeg , .x-png format ).
                                        </p>
                                        <p className="text-xs text-neutral-500 mt-1">
                                            The logo dimensions must be 160x40 pixels or less.
                                        </p>
                                </div>
                            </div>

<div className="flex items-center space-x-2">
                                <Checkbox
                                    id="is_active"
                                    checked={data.is_active}
                                    onCheckedChange={(checked) =>
                                        setData('is_active', checked as boolean)
                                    }
                                />
                                <Label htmlFor="is_active">Active</Label>
                            </div>
                        </div>

<div className="flex justify-end gap-4">
                            <Link href={`/core/companies/${company.id}`}>
                                <Button type="button" variant="outline">
                                    Cancel
                                </Button>
                            </Link>
                            <Button type="submit" disabled={processing}>
                                {processing ? 'Updating...' : 'Update Company'}
                            </Button>
                        </div>
                    </form>
                </Card>
            </div>
        </AppLayout>
    );
}