    
<div ng-hide="inAppRate">
    <div class="row">

    <!-- Device Android -->
        <div class="col-sm-4 ui-sortable">
            <div id="showPreview">
                <div class="phonePreview openExpandedView" style="top: 20px; display: block;" id="previewDiv">
                    <div class="dataView">
                        <div ng-show="!isShowMsg" style="  position: absolute; top: 90px;margin-bottom:70px; width:99%;height: 200px; border: 1px solid rgb(45, 53, 60);">
                                <div style="position:relative; top:-2px; left: 95%;">
                                    <i class="ion-close-round fa-1x text-inverse" style="color:#ffffff!important"></i>
                                </div>
                                <div style="margin-bottom:20px; maring-top:20px;">
                                    <input type="text" class="form-control iosPush_message push_message" ng-model="appRating.question" id="ratingQuestion" placeholder="Enter rating question" maxlength="35" style="padding:0px!important; margin-right:0px!important;" ng-trim="false" ng-keyup="remainCharacter('ratingQuestion', 35, 'ratingSubmit')" 
                                    ng-blur="remainCharacterHide()">

                                    <i class="fa fa-pencil inputEditIcon" aria-hidden="true" href="#customfields-dialog" data-toggle="modal" ng-click="refreshCustomFields('inAppHeader')" style="left:94%; top:0px!important;" ></i>
                                    <div class="clearfix down-space"></div>
                                </div>
                                <table align="center" style="padding:10px;">
                                    <tbody>
                                    <tr>
                                        <td style="cursor:pointer" ng-repeat="ratingImg in showRatingImg">
                                            <img ng-src="{{ratingImg.img}}" height="24" width="24" ng-click="changeImg($index)">
                                        </td>                                       
                                    </tr>
                                    
                                    <tr>
                                        <td colspan="5" style="height:100px;text-align:center;">
                                            <input type="text" class="form-control push_message question" style="margin:0 10%; text-align:center; font-size:13px; width:75%; float:left; border:1px solid rgb(45, 53, 60)!important;" ng-model="appRating.action" ng-trim="false" id="ratingSubmit" maxlength="10" ng-keyup="remainCharacter('ratingSubmit', 10, 'ratingSubmit')"
                                            ng-blur="remainCharacterHide()">
                                        </td> 
                                    </tr>

                                     <tr ng-hide="loderImg">
                                        <td colspan="5" style="text-align: center;s">
                                            <img src="../images/dashboard/ajax-loader.gif">
                                        </td> 
                                    </tr>
                                </tbody>
                            </table>
                            <p></p>
                            
                        </div>

                        <div ng-show="isShowMsg" style="position: absolute; top: 110px;margin-bottom: 70px; width: 100%;height: 200px; border: 1px solid #555;">
                                <div style="position:relative; top:-2px; left: 95%;">
                                    <i class="ion-close-round fa-1x text-inverse" style="color:#ffffff!important"></i>
                                </div>
                                <div style="margin-bottom:20px; maring-top:20px;">
                                   <p style="padding-left:10px; padding-rigth:10px;">{{appRating.message}}</p>
                                   <div class="clearfix down-space"></div> 
                                   <span class="spanButton" data-bind="text:actionTitle" style="margin-left:35%; cursor:pointer;" ng-click="thankYouMsg(false)">Back</span>
                                </div>  

                                <div class="clearfix down-space"></div>          
                        </div>

                        <div ng-if="leftCharacter" ng-style="{'position':'absolute', 'left':'10px','color':'#ffffff', 'bottom': leftCharBottom+'px'}">
                            {{leftCharacter}}
                        </div>
                    </div>
                </div>
            </div>                        
        </div>
    <!-- device android ends -->
    <!-- PushNotification Setting section -->
        <div class="col-sm-8 ui-sortable">
            <div class="panel-body">
                <div id="divSavedTools">
                        <legend>App Rating Settings</legend>
                            <div class="form-group">
                                
                                <div class="col-md-3">
                                    <label class=" control-label">Select Existing Template</label>
                                </div>
                                <a href="javascript:void(0)" ng-click="editTemplate('RATING')" class="col-md-1 href="">  <i class="fa fa-pencil"></i> </a>
                                    <div class="col-md-8">
                                        <select id="selectPushTemplate" ng-model="selectPushTemplate" ng-change="getAppTemplatesById(selectPushTemplate)" class="form-control input-sm">
                                            <option value="">Select Template</option>
                                            <option ng-repeat="pushTemplate in pushTemplates" value="{{pushTemplate._id}}">{{pushTemplate.template_name}}</option>
                                        </select>
                                    </div>
                            </div>
                            
                            <div class="clearfix down-space"></div>

                            <div style="width: 98%; height:12px; border-bottom: 1px solid #e2e7eb; text-align: center; margin-bottom: 10px; margin-left: 2%;">
                              <span style="font-size: 15px; background-color: #F3F5F6; padding: 0 10px;">
                                Create New
                              </span>
                            </div>

                            <div class="clearfix down-space"></div>

                            <div class="form-group">
                                <label class="col-md-4 control-label">Rating Name</label>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" placeholder="Rating Name" ng-model="appRating.templateName" maxlength="40" ng-trim="false">
                                </div>
                            </div>

                            <div class="clearfix down-space"></div>
                            <div class="form-group">
                                <label class="col-md-4 control-label">Star Rate Count</label>
                                <div class="col-md-8"> 
                                    <select class="form-control" ng-model="appRating.starCount"  ng-change="pushStarCount(appRating.starCount)">
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                    </select>
                                </div>
                            </div>

                            <div class="clearfix down-space"></div>
                            <div ng-if="starItems.length > 0">
                                <div class="form-group" ng-repeat="x in starItems">
                                    <label class="col-md-4 control-label">Rating Text {{ x.id }}</label>
                                    <div class="col-md-8">
                                        <input type="text" class="form-control" placeholder="Rating Text Message" id="{{x.name}}" value="{{ x.value }}" maxlength="30">
                                    </div>
                                    <div class="clearfix down-space"></div>
                                </div>
                            </div>
                        

                            <div class="form-group">
                                <label class="col-md-4 control-label">Star Rate Colour</label>
                                <div class="col-md-8">
                                    <input type="text" class="form-control" placeholder="Star Rate Colour" ng-model="appRating.starColour" maxlength="30" ng-trim="false">
                                </div>
                            </div>
                            <div class="clearfix down-space"></div>
                            <div class="form-group">
                                    <label class="col-md-4 control-label">Background Colour</label>
                                    <div class="col-md-8">
                                        <input type="text" class="form-control" placeholder="Background Colour" ng-model="appRating.bgColour" maxlength="30" ng-trim="false">
                                    </div>
                            </div>
                            <div class="clearfix down-space"></div>
                            <div class="form-group">
                                    <label class="col-md-4 control-label">Submit Button Text</label>
                                    <div class="col-md-8">
                                        <input type="text" class="form-control" placeholder="Submit Button Text" ng-model="appRating.sbBtnText" maxlength="30" ng-trim="false">
                                    </div>
                            </div>
                            <div class="clearfix down-space"></div>

                            <div class="form-group">
                                    <label class="col-md-4 control-label">Submit Button Colour</label>
                                    <div class="col-md-8">
                                        <input type="text" class="form-control" placeholder="Submit Button Colour" ng-model="appRating.sbBtnClr" maxlength="30" ng-trim="false">
                                    </div>
                            </div>
                            <div class="clearfix down-space"></div>

                            <div class="form-group">
                                <label class="col-md-4 control-label">Active Rating Image</label>
                                <label class="col-md-1">
                                    <div id="mybutton" style="margin-left:0px;">
                                        <input type="file" accept=".jpg,.jpeg,.png" id="ratingActiveImageFile" name="upload" class="fileObject" onchange="angular.element(this).scope().uploadInAppRatingIcon(this.files, 'ratingActiveImageFile')">
                                        Upload
                                    </div>
                                </label>
                                <label class="col-md-7">&nbsp;</label>                                
                            </div>
                            <div class="clearfix down-space"></div>

                            <div class="form-group">
                                <label class="col-md-4 control-label">Disabled Rating Image</label>
                                <label class="col-md-1">
                                    <div id="mybutton" style="margin-left:0px;">
                                        <input type="file" accept=".jpg,.jpeg,.png" id="ratingDisabledImageFile" name="upload" class="fileObject" onchange="angular.element(this).scope().uploadInAppRatingIcon(this.files, 'ratingDisabledImageFile')">
                                        Upload
                                    </div>
                                </label>
                                <label class="col-md-7">&nbsp;</label>
                            </div>
                            <div class="clearfix down-space"></div>

                            <div class="form-group">
                                <label class="col-md-4 control-label">Thankyou Message</label>
                                <label class="col-md-7">
                                   <textarea class="form-control" placeholder="Thankyou Message" rows="3" id="txtRatingThankyou" ng-model="appRating.message" maxlength="80" ng-trim="false"></textarea>
                                </label>
                                <label class="col-md-1">
                                   <i class="fa fa-2x fa-edit" style="cursor:pointer" href="#customfields-dialog"  aria-hidden="true" data-toggle="modal" mad ng-click="refreshCustomFields('txtRatingThankyou')"></i>
                                </label>
                            </div>
                                  
                            <div class="clearfix down-space"></div>

                            <div class="form-group">    
                                <div class="col-md-4"> 
                                    &nbsp;
                                </div>
                                <div class="col-md-8"> 
                                    <label ng-show="isErrorMessage" style="color: red; width: 350px;">{{ratingErrorMessage}}</label>       
                                </div>
                            </div>

                            <div class="clearfix down-space"></div>

                             <legend></legend>

                            <div class="form-group">
                                <label class="col-md-4 control-label">&nbsp;</label>
                                <div class="col-md-8" style="text-align:right;">
                                    <button type="button" ng-click="SubmitRating()" class="btn btn-sm btn-success">{{ratingButton}}</button>
                                    <button ng-click="closeTemplate(clearTemplateId);" class="btn btn-sm btn-success" id="btnClose" type="button">Close</button>
                                </div>
                            </div>
                </div>
            </div>
        </div>
    <!-- Setting ends here -->
    </div>
</div>