<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 Action</div>
                <div class="text-title-header-1 nowrap mgT10">Follow-Up</div>
            </div>
        </div>
    </div>
    <button class="popup-close-button bg-transparent pd0-i biger-3-time" type="button" ng-click="closeTarget('#opportunityActionFollowUp')"></button>
</div>
<form class="app-content" id="convertToFollowUp" name="convertToFollowUp" ng-submit="validateForm(convertToFollowUp, 'ConvertToFollowUp')" novalidate="">
    <div class="app-content-inner content-pd">
        <button type="submit" id="submitconvertToFollowUp" style="display:none;"></button>
        <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false" delegate-handle="scrollConvertToFollowUp" on-scroll="scrollContent('scrollConvertToFollowUp')">
            <div class="box-setting-4 form-field-container no-saperator">
                <div class="content content-in">
                    <div class="itm">
                        <div class="layout-fixed input-1-group">
                            <div>
                                <label class="label-form-field-1" ng-class="{ 'has-errors' : convertToFollowUp.first_name.$invalid }">First Name</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-class="{ 'has-errors' : convertToFollowUp.first_name.$invalid }" ng-click="focusHandle($event)">
                                            <input type="text" class="h32px" name="first_name" ng-model="OpportunitiesActionData.selectCustomer.first_name" placeholder="" required />
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <label class="label-form-field-1" ng-class="{ 'has-errors' : convertToFollowUp.last_name.$invalid}">Last Name</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-class="{ 'has-errors' : convertToFollowUp.last_name.$invalid}" ng-click="focusHandle($event)">
                                            <input type="text" class="h32px" name="last_name" ng-model="OpportunitiesActionData.selectCustomer.last_name" placeholder="" required />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : convertToFollowUp.phone.$invalid }">Phone number</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : convertToFollowUp.phone.$invalid }" ng-click="focusHandle($event)">
                                    <input type="text" class="h32px" pattern=".{10,20}" placeholder="" required="" phone-input="" ng-model="OpportunitiesActionData.selectCustomer.phone" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">Email</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-click="focusHandle($event)">
                                    <input type="email" class="h32px" placeholder="" ng-model="OpportunitiesActionData.selectCustomer.email" name="email" />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : convertToFollowUp.opportunitytab_id.$invalid }">Sub heading</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : convertToFollowUp.opportunitytab_id.$invalid }" ng-click="focusHandle($event)">
                                    <input type="text" placeholder="" value="" name="subHeadingConvertToFollowName" class="h32px" />
                                    <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" name="opportunitytab_id" ng-options="item.id as item.name for item in followUpSubtabNoMyFollow" ng-model="OpportunitiesActionData.selectCustomer.opportunitytab_id" id="subHeadingConvertToFollow" ng-change="setValueShowSelect('subHeadingConvertToFollow', 'subHeadingConvertToFollowName', 'subheadingconverttofollow')" required></select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1" ng-class="{ 'has-errors' : convertToFollowUp.description.$invalid }">Description <span class="clr-black" ng-if="OpportunitiesActionData.selectCustomer.description.length>0">{{OpportunitiesActionData.selectCustomer.description.length}} chars</span></label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-class="{ 'has-errors' : convertToFollowUp.description.$invalid }" ng-click="focusHandle($event)">
                                    <textarea placeholder="" class="h80px bold pdTB5-i" ng-model="OpportunitiesActionData.selectCustomer.description" name="description" required maxlength="5000"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <div class="layout-fixed input-1-group">
                            <div>
                                <label class="label-form-field-1" ng-class="{ 'has-errors' : convertToFollowUp.from_date.$invalid || convertToFollowUp.to_date.$invalid }">Due Date</label>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-class="{ 'has-errors' : convertToFollowUp.from_date.$invalid }" ng-click="focusHandle($event)">
                                            <input type="text" class="h32px" name="" value="{{OpportunitiesActionData.selectCustomer.from_date| date: 'MM/dd/yyyy'}}" />
                                            <div class="field-overlay datetime" date="" ion-datetime-picker="" id="from_date" name="from_date" required ng-model="OpportunitiesActionData.selectCustomer.from_date"
                                                 only-valid="{'between': {'initial':'1980-01-01', 'final': OpportunitiesActionData.selectCustomer.to_date}, 'inclusive': true}">
                                                {{OpportunitiesActionData.selectCustomer.from_date| date: 'MM/dd/yyyy'}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="layout-fixed">
                                    <div>
                                        <div class="input-form-field-1" ng-class="{ 'has-errors' : convertToFollowUp.to_date.$invalid }" ng-click="focusHandle($event)">
                                            <input type="text" class="h32px" placeholder="" value="{{OpportunitiesActionData.selectCustomer.to_date| date: 'MM/dd/yyyy'}}" />
                                            <div class="field-overlay datetime" date="" ion-datetime-picker="" ng-model="OpportunitiesActionData.selectCustomer.to_date" id="to_date" name="to_date"
                                                 only-valid="{'after': OpportunitiesActionData.selectCustomer.from_date}" required="">
                                                {{OpportunitiesActionData.selectCustomer.to_date| date: 'MM/dd/yyyy'}}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="itm">
                        <label class="label-form-field-1">Assign</label>
                        <div class="layout-fixed">
                            <div>
                                <div class="input-form-field-1" ng-click="focusHandle($event)" ng-class="{ 'has-errors' : !OpportunitiesActionData.selectCustomer.assign || OpportunitiesActionData.selectCustomer.assign.length==0}">
                                    <textarea autocomplete="off"
                                              class="ion-autocomplete"
                                              ion-autocomplete=""
                                              item-value-key="id"
                                              item-view-value-key="name"
                                              items-clicked-method="clickOnItem(callback,'asgconverttofollow')"
                                              items-method="autoComplete(query,'asg')"
                                              items-method-value-key="items"
                                              items-removed-method="removeItemsAutocomplete(callback,'asgconverttofollow')"
                                              max-selected-items="1"
                                              ng-model="autocompleteList.dataAssignUser"
                                              placeholder="" readonly="readonly" style="width:100%" type="text"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ion-scroll>
    </div>
</form>
<div class="app-control">
    <div class="layout-fixed full-h pdT2">
        <div class="w42px full-h relative">
            <button class="bg-transparent pd0-i full text-left pdL10-i" type="button" onclick="openQuickOption(this)">
                <svg class="h20px" viewBox="0 0 460.713 460.713"> <g> <rect y="115.356" width="302" height="30" fill="#FFFFFF" /> <polygon points="335.786,202.231 398.25,264.694 460.713,202.232  " fill="#FFFFFF" /> <rect y="315.356" width="302" height="30" fill="#FFFFFF" /> <rect y="215.356" width="302" height="30" fill="#FFFFFF" /> </g> </svg>
            </button>
            <div class="quick-popup box-popup-1 display-bottom-left mgB55" onclick="closeQuickOption(this)">
                <div class="popup-content w140px">
                    <ul class="list-item-03">
                        <li ng-click="setValueForDueDate('convertofollowup')">
                            <div class="layout-fixed">
                                <div class="icon-area">
                                    <svg class="h15px" viewBox="0 0 423.755 423.755"> <path d="M43.84,281.457c-18.585-44.869-18.586-94.29,0-139.159c10.649-25.709,26.678-48.152,46.86-66.135l60.86,60.86V15.099   H29.635l39.88,39.88c-64.293,58.426-88.5,153.2-53.391,237.959c14.167,34.202,37.07,64.159,66.234,86.634   c28.275,21.789,61.873,36.201,97.162,41.677l4.601-29.646C120.778,381.774,68.337,340.597,43.84,281.457z" fill="#FFFFFF" /> <path d="M407.516,292.938c21.652-52.272,21.652-109.848,0-162.12c-14.167-34.202-37.071-64.159-66.234-86.633   C313.007,22.395,279.409,7.983,244.12,2.507l-4.601,29.646c63.342,9.829,115.783,51.005,140.28,110.146   c18.586,44.869,18.586,94.29,0,139.159c-10.649,25.709-26.678,48.152-46.859,66.135l-60.86-60.86v121.924h121.924l-39.801-39.801   C377.118,348.099,395.334,322.348,407.516,292.938z" fill="#FFFFFF" /> </svg>
                                </div>
                                <div class="name-area text-link-1">
                                    Reset all
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="popup-overlay"></div>
            </div>
        </div>
        <div class="full-h">
            <button class="button-form-field-1 darkgray position-left full" type="button" ng-click="closeTarget('#opportunityActionFollowUp');">
                Cancel
            </button>
        </div>
        <div class="full-h">
            <button class="button-form-field-1 position-right full" onclick="getElementById('submitconvertToFollowUp').click()">
                <svg class="icon h14px" viewBox="0 0 492.137 492.137"> <path d="M153.147,77.396c38.885-38.88,98.156-45.054,143.668-18.795l-11.98,11.979c-3.447,3.439-4.475,8.597-2.615,13.094   c1.858,4.465,6.225,7.409,11.1,7.399l53.076-0.022c6.627,0,12.012-5.389,12.012-12.003V25.991c0-4.891-2.918-9.254-7.393-11.105   c-4.52-1.852-9.667-0.826-13.099,2.607l-17.144,17.15C261.856-4.1,181.702,2.403,129.927,54.176   c-6.418,6.414-6.418,16.806,0,23.221C136.34,83.809,146.729,83.809,153.147,77.396z" /> <path d="M346.797,414.734c-38.886,38.878-98.158,45.054-143.668,18.792l11.98-11.978c3.446-3.44,4.475-8.594,2.616-13.094   c-1.864-4.465-6.227-7.406-11.102-7.399l-53.076,0.024c-6.626,0-12.011,5.388-12.011,12.002v53.057   c0,4.891,2.917,9.253,7.393,11.105c4.518,1.852,9.667,0.826,13.099-2.607l17.143-17.15c25.223,16.582,54.332,24.887,83.452,24.887   c38.89,0,77.775-14.809,107.395-44.419c6.417-6.415,6.417-16.807,0-23.22C363.603,408.318,353.215,408.318,346.797,414.734z" /> <path d="M188.888,331.977c3.273-3.293,5.083-7.664,5.083-12.291V135.952c0-9.583-7.808-17.384-17.396-17.384H17.4   c-9.598,0-17.4,7.801-17.4,17.384v220.209c0,9.598,7.803,17.398,17.4,17.398h122.708c4.647,0,9.014-1.813,12.297-5.108   L188.888,331.977z M159.189,153.352v148.951h-19.081c-9.588,0-17.4,7.801-17.4,17.383v19.074H34.78V153.352H159.189z" /> <path d="M474.736,118.568H315.541c-9.588,0-17.381,7.801-17.381,17.384v220.209c0,9.598,7.793,17.398,17.381,17.398h122.713   c4.648,0,9.01-1.813,12.298-5.108l36.496-36.475c3.273-3.293,5.089-7.664,5.089-12.291V135.952   C492.137,126.369,484.324,118.568,474.736,118.568z M457.336,153.352v148.951h-19.082c-9.593,0-17.386,7.801-17.386,17.383v19.074   h-87.927V153.352H457.336z" /> </svg>
                Convert
            </button>
        </div>
    </div>
</div>
