{{'To' | translate}} *

{{item?.name}}({{item?.roles?.[0]?.name}})

@if ((toField.invalid && toField.touched) || toField.dirty) {

@if (toField.errors?.['required']) { {{'To is required' | translate}} }

}

{{'Subject'| translate}} *

@if ((subject.invalid && subject.touched) || subject.dirty) {

@if (subject.errors?.['required']) { {{'Subject is required' | translate}} }

}

{{'Tag' | translate}} *

@if ((tag.invalid && tag.touched) || tag.dirty) {

@if (tag.errors?.['required']) { {{'Tag is required' | translate}} }

}

{{'Select Tag Color' | translate}} *

@if ((colorField.invalid && colorField.touched) || colorField.dirty) {

@if (colorField.errors?.['required']) { {{'Color is required' | translate}} }

}

{{'Message' | translate}} * @if (messageModel.errors?.['maxLength']) {

{{ messageModel.errors?.['maxLength'].actualLength }}/{{ messageModel.errors?.['maxLength'].maxLength }} {{' exceeded the limit' | translate}}

} @if ((messageModel.invalid && messageModel.touched) || messageModel.dirty) {

@if (messageModel.errors?.['required']) { {{'Message is required' | translate}} }

}