<form #form="ngForm">
    <div class="ui-g ui-fluid">
        <div class="ui-g-12 nopad">
            <p-toolbar>
                <div class="ui-toolbar-group-left">
                    Edit Message Template
                </div>
            </p-toolbar>
        </div>
    </div>
    <div class="ui-g form-group">
        <div class="ui-g-12 ui-md-3">
<img  data-elementID="image_sidePanel" title="sidePanel" class=""  src="images/SelectPanel_MessageFlow.png" />
        </div>
        <div class="ui-g-12 ui-md-9">
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-4">
                    <label>Message Template</label>
                </div>
                <div class="ui-g-12 ui-md-4 ui-fluid">
                    <input [(ngModel)]="messageTemplate.MessageTemplate" name="MessageTemplate{{messageTemplate.ObjectID}}" fieldLabel="Message Template" type="text" pInputText class="ui-inputtext">
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-4">
                    <label>Message Template Type</label>
                </div>
                <div class="ui-g-12 ui-md-4 ui-fluid">
                    <p-dropdown [(ngModel)]="messageTemplate.MessageTemplateType" name="MessageTemplateType{{messageTemplate.ObjectID}}" fieldLabel="Message Template Type" [options]="messageTemplateTypes" optionLabel="Description"></p-dropdown>
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-4">
                    <label>Subject</label>
                </div>
                <div class="ui-g-12 ui-md-4 ui-fluid">
                    <input [(ngModel)]="messageTemplate.Subject" name="Subject{{messageTemplate.ObjectID}}" fieldLabel="Subject" type="text" pInputText class="ui-inputtext">
                </div>
                <div class="ui-g-12 ui-md-4">
                    <p-button label="Placeholder Variable"></p-button>
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-4">
                    <label> Message Content </label>
                </div>
                <div class="ui-g-12 ui-md-4">
                </div>
                <div class="ui-g-12 ui-md-4">
                    <p-button label="Placeholder Variable"></p-button>
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-12">
                    <p-editor [(ngModel)]="messageTemplate.MessageContent" name="MessageContent{{messageTemplate.ObjectID}}" fieldLabel="Message Content"></p-editor>
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-12">
                    <div class="ui-g form-group">
                        <div class="ui-g-12 ui-md-3 ui-fluid">
                            <p-button label="Cancel"></p-button>
                        </div>
                        <div class="ui-g-12 ui-md-3 ui-fluid">
                            <p-button label="Save"></p-button>
                        </div>
                        <div class="ui-g-12 ui-md-3 ui-fluid">
                            <p-button label="Save As a Copy"></p-button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <p-progressSpinner *ngIf="showLoader"></p-progressSpinner>
</form>