Clave *

Máximo 2 caracteres.

Descripción

</div>

<div class="grid grid-cols-4 items-center gap-4">
                    <Label for="level" class="text-right">Nivel</Label>
                    <div class="col-span-3">
                        <Input 
                            id="level" 
                            bind:value={formData.level} 
                            disabled={loading} 
                            placeholder="Ej: G"
                            maxlength={1} 
                        />
                        <p class="text-[10px] text-muted-foreground mt-1">Máximo 1 caracter (G, S, etc).</p>
                    </div>
                </div>

<div class="grid grid-cols-4 items-center gap-4">
                    <Label for="complement" class="text-right">Complemento</Label>
                    <Textarea 
                        id="complement" 
                        bind:value={formData.complement} 
                        class="col-span-3" 
                        disabled={loading}
                        maxlength={5000}
                    />
                </div>
            </div>

<Dialog.Footer>
                <Button type="button" variant="outline" onclick={() => open = false} disabled={loading}>
                    Cancelar
                </Button>
                <Button type="submit" disabled={loading}>
                    {loading ? 'Guardando...' : isEdit ? 'Actualizar' : 'Crear'}
                </Button>
            </Dialog.Footer>
        </form>
    </Dialog.Content>
</Dialog.Root>