<form #form="ngForm">
    <div class="ui-g ui-fluid">
        <div class="ui-g-12 nopad">
            <p-toolbar>
                <div class="ui-toolbar-group-left">
                    Edit Workflow Template
                </div>
            </p-toolbar>
        </div>
    </div>
    <div class="ui-g form-group">
        <div class="ui-g-12 ui-md-2">
<img  data-elementID="image_sidePanel" title="sidePanel" class=""  src="images/SelectPanel_Workflow.png" style="width:100%"  />
        </div>
        <div class="ui-g-12 ui-md-10">
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-11">
                    <div class="ui-g form-group">
                        <div class="ui-g-12 ui-md-2">
                        </div>
                        <div class="ui-g-12 ui-md-9">
                            <label> Workflow Template </label>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-7">
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-11">
                    <div class="ui-g form-group">
                        <div class="ui-g-12 ui-md-2">
                        </div>
                        <div class="ui-g-12 ui-md-9"> Initial Stage (2) 
                        </div>
                        <div class="ui-g-12 ui-md-1">
                            <i class="fa fa fa-caret-down  verifiedDropDown" style="" ></i> 
                        </div>
                    </div>
                    <div class="ui-g form-group">
                        <div class="ui-g-12 ui-md-12">
                            <div class="ui-g-12 card card-w-title">
                                <h4>Landing Page</h4>
                                <div class="ui-g form-group">
                                    <div class="ui-g-12 ui-md-2">
                                        <label>Button Text</label>
                                    </div>
                                    <div class="ui-g-12 ui-md-4 ui-fluid">
                                        <input [(ngModel)]="workflowTemplate.ButtonText" name="ButtonText{{workflowTemplate.ObjectID}}" fieldLabel="Button Text" type="text" pInputText class="ui-inputtext">
                                    </div>
                                </div>
                            </div>
                            <div class="ui-g-12 card card-w-title">
                                <h4>Verification Page</h4>
                                <div class="ui-g form-group">
                                    <div class="ui-g-12 ui-md-2">
                                        <label>Header Text</label>
                                    </div>
                                    <div class="ui-g-12 ui-md-4 ui-fluid">
                                        <input [(ngModel)]="workflowTemplate.HeaderText" name="HeaderText{{workflowTemplate.ObjectID}}" fieldLabel="Header Text" type="text" pInputText class="ui-inputtext">
                                    </div>
                                </div>
                            </div>
                            <div class="ui-g-12 card card-w-title">
                                <h4>Application</h4>
                                <div class="ui-g form-group">
                                    <div class="ui-g-12 ui-md-2">
                                        <label> Capture CV </label>
                                    </div>
                                    <div class="ui-g-12 ui-md-4">
                                        <p-selectButton [(ngModel)]="workflowTemplate.CaptureCV" name="CaptureCV{{workflowTemplate.ObjectID}}" fieldLabel="Capture CV" [options]="Capture CVs" optionLabel="Description"></p-selectButton>
                                    </div>
                                    <div class="ui-g-12 ui-md-2">
                                        <label> Mandatory </label>
                                    </div>
                                    <div class="ui-g-12 ui-md-4">
                                        <p-selectButton [(ngModel)]="workflowTemplate.MandatoryCV" name="MandatoryCV{{workflowTemplate.ObjectID}}" fieldLabel="Mandatory CV" [options]="Mandatory CVs" optionLabel="Description"></p-selectButton>
                                    </div>
                                </div>
                                <div class="ui-g form-group">
                                    <div class="ui-g-12 ui-md-2">
                                        <label> Capture Cover Letter </label>
                                    </div>
                                    <div class="ui-g-12 ui-md-4">
                                        <p-selectButton [(ngModel)]="workflowTemplate.CaptureCoverLetter" name="CaptureCoverLetter{{workflowTemplate.ObjectID}}" fieldLabel="Capture Cover Letter" [options]="Capture Cover Letters" optionLabel="Description"></p-selectButton>
                                    </div>
                                    <div class="ui-g-12 ui-md-2">
                                        <label> Mandatory </label>
                                    </div>
                                    <div class="ui-g-12 ui-md-4">
                                        <p-selectButton [(ngModel)]="workflowTemplate.Mandatorycoverletter" name="Mandatorycoverletter{{workflowTemplate.ObjectID}}" fieldLabel="Mandatory cover letter" [options]="Mandatory cover letters" optionLabel="Description"></p-selectButton>
                                    </div>
                                </div>
                                <div class="ui-g form-group">
                                    <div class="ui-g-12 ui-md-2">
                                        <label>Button Text</label>
                                    </div>
                                    <div class="ui-g-12 ui-md-4 ui-fluid">
                                        <input [(ngModel)]="workflowTemplate.ButtonText" name="ButtonText{{workflowTemplate.ObjectID}}" fieldLabel="Button Text" type="text" pInputText class="ui-inputtext">
                                    </div>
                                </div>
                                <div class="ui-g form-group">
                                    <div class="ui-g-12 ui-md-2">
                                        <label> Action </label>
                                    </div>
                                    <div class="ui-g-12 ui-md-4">
                                        <p-selectButton [(ngModel)]="workflowTemplate.Mandatorycoverletter" name="Mandatorycoverletter{{workflowTemplate.ObjectID}}" fieldLabel="Mandatory cover letter" [options]="Mandatory cover letters" optionLabel="Description"></p-selectButton>
                                    </div>
                                </div>
                                <div class="ui-g form-group">
                                    <div class="ui-g-12 ui-md-2">
                                        <label>Header Text for Thank You page</label>
                                    </div>
                                    <div class="ui-g-12 ui-md-4 ui-fluid">
                                        <input [(ngModel)]="workflowTemplate.HeaderTextforThankYoupage" name="HeaderTextforThankYoupage{{workflowTemplate.ObjectID}}" fieldLabel="Header Text for Thank You page" type="text" pInputText class="ui-inputtext">
                                    </div>
                                    <div class="ui-g-12 ui-md-2">
                                        <label>Secondary Text</label>
                                    </div>
                                    <div class="ui-g-12 ui-md-4 ui-fluid">
                                        <input [(ngModel)]="workflowTemplate.SecondaryText" name="SecondaryText{{workflowTemplate.ObjectID}}" fieldLabel="Secondary Text" type="text" pInputText class="ui-inputtext">
                                    </div>
                                </div>
                            </div>
                            <div class="ui-g-12 card card-w-title">
                                <h4>Job Outline Page</h4>
                                <div class="ui-g form-group">
                                    <div class="ui-g-12 ui-md-2">
                                        <label>Button Text</label>
                                    </div>
                                    <div class="ui-g-12 ui-md-4 ui-fluid">
                                        <input [(ngModel)]="workflowTemplate.ButtonText" name="ButtonText{{workflowTemplate.ObjectID}}" fieldLabel="Button Text" type="text" pInputText class="ui-inputtext">
                                    </div>
                                </div>
                            </div>
                            <div class="ui-g form-group">
                                <div class="ui-g-12 ui-md-12">
                                </div>
                            </div>
                            <div class="ui-g-12 card card-w-title">
                                <h4></h4>
                                <div class="ui-g form-group">
                                    <div class="ui-g-12 ui-md-2">
                                        <label> Steps </label>
                                    </div>
                                    <div class="ui-g-12 ui-md-6">
                                    </div>
                                    <div class="ui-g-12 ui-md-4 ui-fluid">
                                        <p-button label="Add Step"></p-button>
                                    </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-1">
                                                 <a href="#"  class=" data-link " style=""   >::</a>
                                            </div>
                                            <div class="ui-g-12 ui-md-2">
                                                <label> Requirement Fit </label>
                                            </div>
                                            <div class="ui-g-12 ui-md-2">
                                                <p-button label="X"></p-button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12 "></div>
                                </div>
                            </div>
                            <div class="ui-g-12 card card-w-title">
                                <h4></h4>
                                <div class="ui-g form-group">
                                    <div class="ui-g-12 ui-md-2">
                                        <label> Automatically progress to next stage </label>
                                    </div>
                                    <div class="ui-g-12 ui-md-10">
                                        <p-selectButton [(ngModel)]="workflowTemplate.Automaticallyprogresstonextstage" name="Automaticallyprogresstonextstage{{workflowTemplate.ObjectID}}" fieldLabel="Automatically progress to next stage" [options]="Automatically progress to next stages" optionLabel="Description"></p-selectButton>
                                    </div>
                                </div>
                                <div class="ui-g form-group">
                                    <div class="ui-g-12 ui-md-2">
                                        <label> Use messaging </label>
                                    </div>
                                    <div class="ui-g-12 ui-md-10">
                                        <p-selectButton [(ngModel)]="workflowTemplate.Usemessaging" name="Usemessaging{{workflowTemplate.ObjectID}}" fieldLabel="Use messaging" [options]="Use messagings" optionLabel="Description"></p-selectButton>
                                    </div>
                                </div>
                                <div class="ui-g form-group">
                                    <div class="ui-g-12 ui-md-12">
                                        <div class="ui-g-12 card card-w-title">
                                            <h4>Message Schedule (3)</h4>
                                            <div class="ui-g form-group">
                                                <div class="ui-g-12 ui-md-7">
                                                </div>
                                                <div class="ui-g-12 ui-md-4">
                                                    <p-button label="Add Message"></p-button>
                                                </div>
                                            </div>
                                            <div class="ui-g form-group">
                                                <div class="ui-g-12 ui-md-2 ui-fluid">
                                                    <p-dropdown [(ngModel)]="workflowTemplate.Dummy457" name="Dummy457{{workflowTemplate.ObjectID}}" fieldLabel="" [options]="s" optionLabel="Description"></p-dropdown>
                                                </div>
                                                <div class="ui-g-12 ui-md-2 ui-fluid">
                                                    <input [(ngModel)]="workflowTemplate.Hrs1" name="Hrs1{{workflowTemplate.ObjectID}}" fieldLabel="hrs1" type="text" pInputText class="ui-inputtext">
                                                </div>
                                                <div class="ui-g-12 ui-md-1 ui-fluid">
                                                    <input [(ngModel)]="workflowTemplate.Hrs1" name="Hrs1{{workflowTemplate.ObjectID}}" fieldLabel="hrs1" type="text" pInputText class="ui-inputtext">
                                                </div>
                                                <div class="ui-g-12 ui-md-2 ui-fluid">
                                                    <p-checkbox [(ngModel)]="workflowTemplate.BusinessHrsOnly" name="BusinessHrsOnly{{workflowTemplate.ObjectID}}" fieldLabel="Business Hrs Only" binary="true"></p-checkbox>
                                                </div>
                                                <div class="ui-g-12 ui-md-3 ui-fluid">
                                                    Send<p-autoComplete [(ngModel)]="workflowTemplate.Messagetemplate" name="Messagetemplate{{workflowTemplate.ObjectID}}" fieldLabel="messagetemplate" field="XXXX" [suggestions]="messagetemplates" (completeMethod)="autoCompleteMessagetemplate($event)" 
                                                        (onClear)="this.workflowTemplate.messagetemplate = null" [forceSelection]="true" [minLength]="0"></p-autoComplete>
                                                </div>
                                                <div class="ui-g-12 ui-md-1 ui-fluid">
                                                    <p-button label=""></p-button>
                                                </div>
                                                <div class="ui-g-12 ui-md-1 ui-fluid">
                                                    <p-button label="X"></p-button>
                                                </div>
                                            </div>
                                            <div class="ui-g form-group">
                                                <div class="ui-g-12 ui-md-7">
                                                </div>
                                                <div class="ui-g-12 ui-md-3 ui-fluid">
                                                     <a href="ConfirmEdit.html"  class="popup data-link " style="margin-left:100px"   data-fielduid="4b4d8f43ca184ecfb980"  data-elementID="New">New</a>
                                                </div>
                                            </div>
                                            <div class="ui-g form-group">
                                                <div class="ui-g-12 ui-md-2 ui-fluid">
                                                    <p-dropdown [(ngModel)]="workflowTemplate.Dummy461" name="Dummy461{{workflowTemplate.ObjectID}}" fieldLabel="" [options]="s" optionLabel="Description"></p-dropdown>
                                                </div>
                                                <div class="ui-g-12 ui-md-2 ui-fluid">
                                                    <input [(ngModel)]="workflowTemplate.Hrs1" name="Hrs1{{workflowTemplate.ObjectID}}" fieldLabel="hrs1" type="text" pInputText class="ui-inputtext">
                                                </div>
                                                <div class="ui-g-12 ui-md-1 ui-fluid">
                                                    <input [(ngModel)]="workflowTemplate.Hrs1" name="Hrs1{{workflowTemplate.ObjectID}}" fieldLabel="hrs1" type="text" pInputText class="ui-inputtext">
                                                </div>
                                                <div class="ui-g-12 ui-md-2 ui-fluid">
                                                    <p-checkbox [(ngModel)]="workflowTemplate.BusinessHrsOnly" name="BusinessHrsOnly{{workflowTemplate.ObjectID}}" fieldLabel="Business Hrs Only" binary="true"></p-checkbox>
                                                </div>
                                                <div class="ui-g-12 ui-md-3 ui-fluid">
                                                    Send<p-autoComplete [(ngModel)]="workflowTemplate.Messagetemplate" name="Messagetemplate{{workflowTemplate.ObjectID}}" fieldLabel="messagetemplate" field="XXXX" [suggestions]="messagetemplates" (completeMethod)="autoCompleteMessagetemplate($event)" 
                                                        (onClear)="this.workflowTemplate.messagetemplate = null" [forceSelection]="true" [minLength]="0"></p-autoComplete>
                                                </div>
                                                <div class="ui-g-12 ui-md-1 ui-fluid">
                                                    <p-button label=""></p-button>
                                                </div>
                                                <div class="ui-g-12 ui-md-1 ui-fluid">
                                                    <p-button label="X"></p-button>
                                                </div>
                                            </div>
                                            <div class="ui-g form-group">
                                                <div class="ui-g-12 ui-md-7">
                                                </div>
                                                <div class="ui-g-12 ui-md-3 ui-fluid">
                                                     <a href="ConfirmEdit.html"  class="popup data-link " style="margin-left:100px"   data-fielduid="47f59ccf968ff2d846b8"  data-elementID="New">New</a>
                                                </div>
                                            </div>
                                            <div class="ui-g form-group">
                                                <div class="ui-g-12 ui-md-12">
                                                </div>
                                            </div>
                                            <div class="ui-g form-group">
                                                <div class="ui-g-12 ui-md-2">
                                                    <label> Withdrawal Process </label>
                                                </div>
                                            </div>
                                            <div class="ui-g form-group">
                                                <div class="ui-g-12 ui-md-2 ui-fluid">
                                                    <input [(ngModel)]="workflowTemplate.Hrswithdraw" name="Hrswithdraw{{workflowTemplate.ObjectID}}" fieldLabel="hrswithdraw" type="text" pInputText class="ui-inputtext">
                                                </div>
                                                <div class="ui-g-12 ui-md-2">
                                                    <label> +/- </label>
                                                </div>
                                                <div class="ui-g-12 ui-md-1 ui-fluid">
                                                    <input [(ngModel)]="workflowTemplate.Variationwithdraw" name="Variationwithdraw{{workflowTemplate.ObjectID}}" fieldLabel="variationwithdraw" type="text" pInputText class="ui-inputtext">
                                                </div>
                                                <div class="ui-g-12 ui-md-2 ui-fluid">
                                                    <p-checkbox [(ngModel)]="workflowTemplate.BusinessHrsOnly" name="BusinessHrsOnly{{workflowTemplate.ObjectID}}" fieldLabel="Business Hrs Only" binary="true"></p-checkbox>
                                                </div>
                                                <div class="ui-g-12 ui-md-3 ui-fluid">
                                                    Send<p-autoComplete [(ngModel)]="workflowTemplate.Messagetemplate_withdraw" name="Messagetemplate_withdraw{{workflowTemplate.ObjectID}}" fieldLabel="messagetemplate_withdraw" field="XXXX" [suggestions]="messagetemplate_withdraws" (completeMethod)="autoCompleteMessagetemplate_withdraw($event)" 
                                                        (onClear)="this.workflowTemplate.messagetemplate_withdraw = null" [forceSelection]="true" [minLength]="0"></p-autoComplete>
                                                </div>
                                                <div class="ui-g-12 ui-md-1 ui-fluid">
                                                    <p-button label=""></p-button>
                                                </div>
                                            </div>
                                            <div class="ui-g form-group">
                                                <div class="ui-g-12 ui-md-7">
                                                </div>
                                                <div class="ui-g-12 ui-md-3 ui-fluid">
                                                     <a href="ConfirmEdit.html"  class="popup data-link " style="margin-left:100px"   data-fielduid="4bf0b51cb9067bcefd94"  data-elementID="New">New</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12 "></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-7">
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-7">
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-11">
                    <div class="ui-g form-group">
                        <div class="ui-g-12 ui-md-12">
                            <label> Stages </label>
                        </div>
                    </div>
                    <div class="ui-g form-group">
                        <div class="ui-g-12 ui-md-12">
                        </div>
                    </div>
                    <div class="ui-g form-group">
                        <div class="ui-g-12 ui-md-12 ui-fluid">
                            <p-button label="Add Stage"></p-button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-11">
                    <div class="ui-g form-group">
                        <div class="ui-g-12 ui-md-2 ui-fluid">
                             <a href="#"  class=" data-link " style=""   data-fielduid="4313ab5b702c04d4ac79"  >::</a>
                        </div>
                        <div class="ui-g-12 ui-md-9"> C+RF (3) 
                        </div>
                        <div class="ui-g-12 ui-md-1">
                            <i class="fa fa fa-caret-down  referenceCheckDropDown" style="" ></i> 
                        </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-11">
                                    <div class="ui-g form-group">
                                        <div class="ui-g-12 ui-md-2">
                                            <label> Steps </label>
                                        </div>
                                        <div class="ui-g-12 ui-md-9">
                                        </div>
                                        <div class="ui-g-12 ui-md-1 ui-fluid">
                                            <p-button label="Add Step"></p-button>
                                        </div>
                                    </div>
                                    <div class="ui-g form-group">
                                        <div class="ui-g-12 ui-md-7">
                                            <div class="ui-g form-group">
                                                <div class="ui-g-12 ui-md-1">
                                                     <a href="#"  class=" data-link " style=""   data-fielduid="4ac0b0e3ee16fd71a618"  >::</a>
                                                </div>
                                                <div class="ui-g-12 ui-md-3">
                                                    <label> Culture Fit </label>
                                                </div>
                                                <div class="ui-g-12 ui-md-1">
                                                    <p-button label="X"></p-button>
                                                </div>
                                            </div>
                                            <div class="ui-g form-group">
                                                <div class="ui-g-12 ui-md-1">
                                                     <a href="#"  class=" data-link " style=""   >::</a>
                                                </div>
                                                <div class="ui-g-12 ui-md-3">
                                                    <label> Role Fit </label>
                                                </div>
                                                <div class="ui-g-12 ui-md-1">
                                                    <p-button label="X"></p-button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ui-g form-group">
                                        <div class="ui-g-12 ui-md-2">
                                            <label> Automatically progress to next stage </label>
                                        </div>
                                        <div class="ui-g-12 ui-md-5">
                                            <p-selectButton [(ngModel)]="workflowTemplate.Automaticallyprogresstonextstage" name="Automaticallyprogresstonextstage{{workflowTemplate.ObjectID}}" fieldLabel="Automatically progress to next stage" [options]="Automatically progress to next stages" optionLabel="Description"></p-selectButton>
                                        </div>
                                    </div>
                                    <div class="ui-g form-group">
                                        <div class="ui-g-12 ui-md-2">
                                            <label> Use messaging </label>
                                        </div>
                                        <div class="ui-g-12 ui-md-5">
                                            <p-selectButton [(ngModel)]="workflowTemplate.Usemessaging" name="Usemessaging{{workflowTemplate.ObjectID}}" fieldLabel="Use messaging" [options]="Use messagings" optionLabel="Description"></p-selectButton>
                                        </div>
                                    </div>
                                    <div class="ui-g-12 card card-w-title">
                                        <h4>Message Schedule (3)</h4>
                                        <div class="ui-g form-group">
                                            <div class="ui-g-12 ui-md-7">
                                            </div>
                                            <div class="ui-g-12 ui-md-4">
                                                <p-button label="Add Message"></p-button>
                                            </div>
                                        </div>
                                        <div class="ui-g form-group">
                                            <div class="ui-g-12 ui-md-2 ui-fluid">
                                                <input [(ngModel)]="workflowTemplate.Hrs1" name="Hrs1{{workflowTemplate.ObjectID}}" fieldLabel="hrs1" type="text" pInputText class="ui-inputtext">
                                            </div>
                                            <div class="ui-g-12 ui-md-1">
                                                <label> +/- </label>
                                            </div>
                                            <div class="ui-g-12 ui-md-2 ui-fluid">
                                                <input [(ngModel)]="workflowTemplate.Hrs1" name="Hrs1{{workflowTemplate.ObjectID}}" fieldLabel="hrs1" type="text" pInputText class="ui-inputtext">
                                            </div>
                                            <div class="ui-g-12 ui-md-2 ui-fluid">
                                                <p-checkbox [(ngModel)]="workflowTemplate.BusinessHrsOnly" name="BusinessHrsOnly{{workflowTemplate.ObjectID}}" fieldLabel="Business Hrs Only" binary="true"></p-checkbox>
                                            </div>
                                            <div class="ui-g-12 ui-md-3 ui-fluid">
                                                Send<p-autoComplete [(ngModel)]="workflowTemplate.Messagetemplate" name="Messagetemplate{{workflowTemplate.ObjectID}}" fieldLabel="messagetemplate" field="XXXX" [suggestions]="messagetemplates" (completeMethod)="autoCompleteMessagetemplate($event)" 
                                                    (onClear)="this.workflowTemplate.messagetemplate = null" [forceSelection]="true" [minLength]="0"></p-autoComplete>
                                            </div>
                                            <div class="ui-g-12 ui-md-1 ui-fluid">
                                                <p-button label=""></p-button>
                                            </div>
                                            <div class="ui-g-12 ui-md-1 ui-fluid">
                                                <p-button label="X"></p-button>
                                            </div>
                                        </div>
                                        <div class="ui-g form-group">
                                            <div class="ui-g-12 ui-md-7">
                                            </div>
                                            <div class="ui-g-12 ui-md-3 ui-fluid">
                                                 <a href="ConfirmEdit.html"  class="popup data-link " style="margin-left:100px"   data-fielduid="4300843a5345a33981cb"  data-elementID="New">New</a>
                                            </div>
                                        </div>
                                        <div class="ui-g form-group">
                                            <div class="ui-g-12 ui-md-2 ui-fluid">
                                                <input [(ngModel)]="workflowTemplate.Hrs1" name="Hrs1{{workflowTemplate.ObjectID}}" fieldLabel="hrs1" type="text" pInputText class="ui-inputtext">
                                            </div>
                                            <div class="ui-g-12 ui-md-1">
                                                <label> +/- </label>
                                            </div>
                                            <div class="ui-g-12 ui-md-2 ui-fluid">
                                                <input [(ngModel)]="workflowTemplate.Hrs1" name="Hrs1{{workflowTemplate.ObjectID}}" fieldLabel="hrs1" type="text" pInputText class="ui-inputtext">
                                            </div>
                                            <div class="ui-g-12 ui-md-2 ui-fluid">
                                                <p-checkbox [(ngModel)]="workflowTemplate.BusinessHrsOnly" name="BusinessHrsOnly{{workflowTemplate.ObjectID}}" fieldLabel="Business Hrs Only" binary="true"></p-checkbox>
                                            </div>
                                            <div class="ui-g-12 ui-md-3 ui-fluid">
                                                Send<p-autoComplete [(ngModel)]="workflowTemplate.Messagetemplate" name="Messagetemplate{{workflowTemplate.ObjectID}}" fieldLabel="messagetemplate" field="XXXX" [suggestions]="messagetemplates" (completeMethod)="autoCompleteMessagetemplate($event)" 
                                                    (onClear)="this.workflowTemplate.messagetemplate = null" [forceSelection]="true" [minLength]="0"></p-autoComplete>
                                            </div>
                                            <div class="ui-g-12 ui-md-1 ui-fluid">
                                                <p-button label=""></p-button>
                                            </div>
                                            <div class="ui-g-12 ui-md-1 ui-fluid">
                                                <p-button label="X"></p-button>
                                            </div>
                                        </div>
                                        <div class="ui-g form-group">
                                            <div class="ui-g-12 ui-md-7">
                                            </div>
                                            <div class="ui-g-12 ui-md-3 ui-fluid">
                                                 <a href="ConfirmEdit.html"  class="popup data-link " style="margin-left:100px"   data-fielduid="42a7b32277f2a92f5125"  data-elementID="New">New</a>
                                            </div>
                                        </div>
                                        <div class="ui-g form-group">
                                            <div class="ui-g-12 ui-md-12">
                                            </div>
                                        </div>
                                        <div class="ui-g form-group">
                                            <div class="ui-g-12 ui-md-2">
                                                <label> Withdrawal Process </label>
                                            </div>
                                        </div>
                                        <div class="ui-g form-group">
                                            <div class="ui-g-12 ui-md-2 ui-fluid">
                                                <input [(ngModel)]="workflowTemplate.Hrswithdraw" name="Hrswithdraw{{workflowTemplate.ObjectID}}" fieldLabel="hrswithdraw" type="text" pInputText class="ui-inputtext">
                                            </div>
                                            <div class="ui-g-12 ui-md-1">
                                                <label> +/- </label>
                                            </div>
                                            <div class="ui-g-12 ui-md-2 ui-fluid">
                                                <input [(ngModel)]="workflowTemplate.Variationwithdraw" name="Variationwithdraw{{workflowTemplate.ObjectID}}" fieldLabel="variationwithdraw" type="text" pInputText class="ui-inputtext">
                                            </div>
                                            <div class="ui-g-12 ui-md-2 ui-fluid">
                                                <p-checkbox [(ngModel)]="workflowTemplate.BusinessHrsOnly" name="BusinessHrsOnly{{workflowTemplate.ObjectID}}" fieldLabel="Business Hrs Only" binary="true"></p-checkbox>
                                            </div>
                                            <div class="ui-g-12 ui-md-3 ui-fluid">
                                                Send<p-autoComplete [(ngModel)]="workflowTemplate.Messagetemplate_withdraw" name="Messagetemplate_withdraw{{workflowTemplate.ObjectID}}" fieldLabel="messagetemplate_withdraw" field="XXXX" [suggestions]="messagetemplate_withdraws" (completeMethod)="autoCompleteMessagetemplate_withdraw($event)" 
                                                    (onClear)="this.workflowTemplate.messagetemplate_withdraw = null" [forceSelection]="true" [minLength]="0"></p-autoComplete>
                                            </div>
                                            <div class="ui-g-12 ui-md-1 ui-fluid">
                                                <p-button label=""></p-button>
                                            </div>
                                        </div>
                                        <div class="ui-g form-group">
                                            <div class="ui-g-12 ui-md-7">
                                            </div>
                                            <div class="ui-g-12 ui-md-3 ui-fluid">
                                                 <a href="ConfirmEdit.html"  class="popup data-link " style="margin-left:100px"   data-fielduid="4a509a31f98c256a38a7"  data-elementID="New">New</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ui-g form-group">
                                        <div class="ui-g-12 ui-md-2 ui-fluid">
                                            <p-button label="Remove Stage"></p-button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-7">
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-11">
                    <div class="ui-g form-group">
                        <div class="ui-g-12 ui-md-2">
                             <a href="#"  class=" data-link " style=""   >::</a>
                        </div>
                        <div class="ui-g-12 ui-md-9"> Shortlist (0) 
                        </div>
                        <div class="ui-g-12 ui-md-1">
                            <i class="fa fa fa-caret-down  referenceCheckDropDown" style="" ></i> 
                        </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-2">
                                    <label> Steps </label>
                                </div>
                                <div class="ui-g-12 ui-md-9">
                                </div>
                                <div class="ui-g-12 ui-md-1 ui-fluid">
                                    <p-button label="Add Step"></p-button>
                                </div>
                            </div>
                            <div class="ui-g form-group">
                                <div class="ui-g-12 ui-md-2">
                                    <label> Automatically progress to next stage </label>
                                </div>
                                <div class="ui-g-12 ui-md-5">
                                    <p-selectButton [(ngModel)]="workflowTemplate.Automaticallyprogresstonextstage" name="Automaticallyprogresstonextstage{{workflowTemplate.ObjectID}}" fieldLabel="Automatically progress to next stage" [options]="Automatically progress to next stages" optionLabel="Description"></p-selectButton>
                                </div>
                            </div>
                            <div class="ui-g form-group">
                                <div class="ui-g-12 ui-md-2">
                                    <label> Use messaging </label>
                                </div>
                                <div class="ui-g-12 ui-md-5">
                                    <p-selectButton [(ngModel)]="workflowTemplate.Usemessaging" name="Usemessaging{{workflowTemplate.ObjectID}}" fieldLabel="Use messaging" [options]="Use messagings" optionLabel="Description"></p-selectButton>
                                </div>
                            </div>
                            <div class="ui-g form-group">
                                <div class="ui-g-12 ui-md-2 ui-fluid">
                                    <p-button label="Remove Stage"></p-button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-7">
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-11">
                    <div class="ui-g form-group">
                        <div class="ui-g-12 ui-md-2">
                             <a href="#"  class=" data-link " style=""   >::</a>
                        </div>
                        <div class="ui-g-12 ui-md-9"> Custom Stage (0) 
                        </div>
                        <div class="ui-g-12 ui-md-1">
                            <i class="fa fa fa-caret-down  firstRoundDropDown" style="" ></i> 
                        </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-12">
                                    <div class="ui-g form-group">
                                        <div class="ui-g-12 ui-md-2">
                                            <label> Steps </label>
                                        </div>
                                        <div class="ui-g-12 ui-md-9">
                                        </div>
                                        <div class="ui-g-12 ui-md-1 ui-fluid">
                                            <p-button label="Add Step"></p-button>
                                        </div>
                                    </div>
                                    <div class="ui-g form-group">
                                        <div class="ui-g-12 ui-md-2">
                                            <label> Automatically progress to next stage </label>
                                        </div>
                                        <div class="ui-g-12 ui-md-5">
                                            <p-selectButton [(ngModel)]="workflowTemplate.Automaticallyprogresstonextstage" name="Automaticallyprogresstonextstage{{workflowTemplate.ObjectID}}" fieldLabel="Automatically progress to next stage" [options]="Automatically progress to next stages" optionLabel="Description"></p-selectButton>
                                        </div>
                                    </div>
                                    <div class="ui-g form-group">
                                        <div class="ui-g-12 ui-md-2">
                                            <label> Use messaging </label>
                                        </div>
                                        <div class="ui-g-12 ui-md-5">
                                            <p-selectButton [(ngModel)]="workflowTemplate.Usemessaging" name="Usemessaging{{workflowTemplate.ObjectID}}" fieldLabel="Use messaging" [options]="Use messagings" optionLabel="Description"></p-selectButton>
                                        </div>
                                    </div>
                                    <div class="ui-g form-group">
                                        <div class="ui-g-12 ui-md-2 ui-fluid">
                                            <p-button label="Remove Stage"></p-button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-7">
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-7">
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-11">
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-7">
                    <label>  </label>
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-11">
                    <div class="ui-g form-group">
                        <div class="ui-g-12 ui-md-2">
                        </div>
                        <div class="ui-g-12 ui-md-9"> Successfull (0) 
                        </div>
                        <div class="ui-g-12 ui-md-1">
                            <i class="fa fa fa-caret-down  successDropDown" style="" ></i> 
                        </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-12">
                                    <div class="ui-g form-group">
                                        <div class="ui-g-12 ui-md-2">
                                            <label> Automatically progress to next stage </label>
                                        </div>
                                        <div class="ui-g-12 ui-md-5">
                                            <p-selectButton [(ngModel)]="workflowTemplate.Automaticallyprogresstonextstage" name="Automaticallyprogresstonextstage{{workflowTemplate.ObjectID}}" fieldLabel="Automatically progress to next stage" [options]="Automatically progress to next stages" optionLabel="Description"></p-selectButton>
                                        </div>
                                    </div>
                                    <div class="ui-g form-group">
                                        <div class="ui-g-12 ui-md-2">
                                            <label> Use messaging </label>
                                        </div>
                                        <div class="ui-g-12 ui-md-5">
                                            <p-selectButton [(ngModel)]="workflowTemplate.Usemessaging" name="Usemessaging{{workflowTemplate.ObjectID}}" fieldLabel="Use messaging" [options]="Use messagings" optionLabel="Description"></p-selectButton>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-7">
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-11">
                    <div class="ui-g form-group">
                        <div class="ui-g-12 ui-md-2">
                        </div>
                        <div class="ui-g-12 ui-md-9"> Unsuitable (0) 
                        </div>
                        <div class="ui-g-12 ui-md-1">
                            <i class="fa fa fa-caret-down  unsuitableDropDown" style="" ></i> 
                        </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-12">
                                    <div class="ui-g form-group">
                                        <div class="ui-g-12 ui-md-2">
                                            <label> Automatically progress to next stage </label>
                                        </div>
                                        <div class="ui-g-12 ui-md-5">
                                            <p-selectButton [(ngModel)]="workflowTemplate.Automaticallyprogresstonextstage" name="Automaticallyprogresstonextstage{{workflowTemplate.ObjectID}}" fieldLabel="Automatically progress to next stage" [options]="Automatically progress to next stages" optionLabel="Description"></p-selectButton>
                                        </div>
                                    </div>
                                    <div class="ui-g form-group">
                                        <div class="ui-g-12 ui-md-2">
                                            <label> Use messaging </label>
                                        </div>
                                        <div class="ui-g-12 ui-md-5">
                                            <p-selectButton [(ngModel)]="workflowTemplate.Usemessaging" name="Usemessaging{{workflowTemplate.ObjectID}}" fieldLabel="Use messaging" [options]="Use messagings" optionLabel="Description"></p-selectButton>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-7">
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-11">
                    <div class="ui-g form-group">
                        <div class="ui-g-12 ui-md-2">
                        </div>
                        <div class="ui-g-12 ui-md-9"> Withdrew (0) 
                        </div>
                        <div class="ui-g-12 ui-md-1">
                            <i class="fa fa fa-caret-down  withdrewDropDown" style="" ></i> 
                        </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-12">
                                    <div class="ui-g form-group">
                                        <div class="ui-g-12 ui-md-2">
                                            <label> Automatically progress to next stage </label>
                                        </div>
                                        <div class="ui-g-12 ui-md-5">
                                            <p-selectButton [(ngModel)]="workflowTemplate.Automaticallyprogresstonextstage" name="Automaticallyprogresstonextstage{{workflowTemplate.ObjectID}}" fieldLabel="Automatically progress to next stage" [options]="Automatically progress to next stages" optionLabel="Description"></p-selectButton>
                                        </div>
                                    </div>
                                    <div class="ui-g form-group">
                                        <div class="ui-g-12 ui-md-2">
                                            <label> Use messaging </label>
                                        </div>
                                        <div class="ui-g-12 ui-md-5">
                                            <p-selectButton [(ngModel)]="workflowTemplate.Usemessaging" name="Usemessaging{{workflowTemplate.ObjectID}}" fieldLabel="Use messaging" [options]="Use messagings" optionLabel="Description"></p-selectButton>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ui-g form-group">
                <div class="ui-g-12 ui-md-7 ui-fluid">
                    <p-button label="Cancel"></p-button>
                </div>
                <div class="ui-g-12 ui-md-2 ui-fluid">
                    <p-button label="Save"></p-button>
                </div>
                <div class="ui-g-12 ui-md-2 ui-fluid">
                    <p-button label="Save As a Copy"></p-button>
                </div>
            </div>
        </div>
    </div>
    <p-progressSpinner *ngIf="showLoader"></p-progressSpinner>
</form>