<div class="app-header bg-header-1">
    <div class="layout-fixed full-h text-center">
        <div class="full-h v-bottom-i pdB15">
            <div class="app-content-header bg-header-1">
                <div class="text-name-header-1 nowrap">Opportunity</div>
                <div class="text-title-header-1 nowrap mgT10">Follow-Up</div>
            </div>
        </div>
    </div>
    <button class="popup-back-button bg-transparent pd0-i biger-3-time" type="button" ng-click="closeTarget('#opportunityFollowToFail')"></button>
</div>
<form class="app-content" id="followUpdateToFail" name="followUpdateToFail" ng-submit="validateForm(followUpdateToFail,'UpdateFollowToFail')" novalidate="">
    <div class="app-content-inner content-pd">
        <button type="submit" id="submitFormUpdateToFail" style="display:none;"></button>
        <ion-scroll class="scroll-area" direction="y" has-bouncing="true" overflow-scroll="false" delegate-handle="scrollUpdateFollowToFail" on-scroll="scrollContent('scrollUpdateFollowToFail')">
            <div class="box-setting-4 form-field-container no-saperator">
                <div class="content content-in">
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : followUpdateToFail.subheadingfollowtofail.$invalid }">Sub heading</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1">
                                    <input type="text" placeholder="" value="" class="h32px" ng-class="{ 'has-errors' : followUpdateToFail.subheadingfollowtofail.$invalid }" name="subHeadingNameOnFollowTOFail" />
                                    <div class="sign-r clear">
                                        <button class="bg-transparent full-h right pdR10" type="button">
                                            <svg class="h17px clr-symbol-clickable" viewBox="0 0 63.215 63.215"> <g> <g> <path fill="#1075BB" d="M59.807,15.717L31.491,43.791L3.419,15.475c-0.777-0.785-2.044-0.789-2.828-0.012c-0.784,0.777-0.789,2.044-0.012,2.827    l29.194,29.448c0.365,0.368,0.835,0.563,1.312,0.589c0.139,0.008,0.278-0.001,0.415-0.021c0.054,0.008,0.106,0.021,0.16,0.022    c0.544,0.029,1.099-0.162,1.515-0.576l29.447-29.196c0.785-0.777,0.79-2.043,0.012-2.828    C61.856,14.943,60.59,14.939,59.807,15.717z" /> </g> </g> </svg>
                                        </button>
                                    </div>
                                    <select class="field-overlay" ng-model="dataConvertToFail.subHeading" ng-options="item.id as item.name for item in failSubtabInConvert" ng-change="setValueShowSelect('subHeadingFollowUpToFail','subHeadingNameOnFollowTOFail','subheadingfollowtofail')" id="subHeadingFollowUpToFail" ng-class="{ 'has-errors' : followUpdateToFail.subheadingfollowtofail.$invalid }" name="subheadingfollowtofail" required>
                                        <option>Select</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : followUpdateToFail.description.$invalid }">Description</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1">
                                    <textarea class="h65px" ng-model="dataConvertToFail.description" ng-class="{ 'has-errors' : followUpdateToFail.description.$invalid }" name="description" required></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ion-scroll>
    </div>
    
</form>
<div class="app-control">
    <div class="layout-fixed full-h pdT2">
        <div class="full-h">
            <button class="button-form-field-1 position-right full pdR20" type="button" ng-click="closeTarget('#opportunityFollowToFail')">
                <svg class="icon h12px" viewBox="0 0 512 512"> <polygon points="464.778,51.369 149.961,366.186 47.222,263.447 0,310.669 149.961,460.631 512,98.592   " /> </svg>
                Cancel
            </button>
        </div>
        <div class="full-h">
            <button class="button-form-field-1 position-right blue-gray full pdR20" type="button"  onclick="getElementById('submitFormUpdateToFail').click()">
                <svg class="icon h12px" viewBox="0 0 94.926 94.926"> <path d="M55.931,47.463L94.306,9.09c0.826-0.827,0.826-2.167,0-2.994L88.833,0.62C88.436,0.224,87.896,0,87.335,0   c-0.562,0-1.101,0.224-1.498,0.62L47.463,38.994L9.089,0.62c-0.795-0.795-2.202-0.794-2.995,0L0.622,6.096   c-0.827,0.827-0.827,2.167,0,2.994l38.374,38.373L0.622,85.836c-0.827,0.827-0.827,2.167,0,2.994l5.473,5.476   c0.397,0.396,0.936,0.62,1.498,0.62s1.1-0.224,1.497-0.62l38.374-38.374l38.374,38.374c0.397,0.396,0.937,0.62,1.498,0.62   s1.101-0.224,1.498-0.62l5.473-5.476c0.826-0.827,0.826-2.167,0-2.994L55.931,47.463z" /> </svg>
                Convert to Fail
            </button>
        </div>
    </div>
</div>
