<style>
    .box-content-preview {
        box-shadow: 0 0 3px #d2d2d2;
        border-bottom: 1px solid #cbcbcb;
    }

    .mb-5 {
        margin-bottom: 5px !important;
    }

    .relative {
        position: relative;
    }

    .faEditCustomField {
        position: absolute;
        right: 20px;
        top: 10px;
    }

    .inputEditCustomField {
        padding: 6px 20px 6px 12px !important;
    }

    .win-bg {
        background-image: url("../images/dashboard/win-pic.png");
        right: 60%;
        height: 470px;
        width: 700px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .and-bg {
        background-image: url("../images/dashboard/android1.png");
        height: 565px;
        width: 305px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .trun {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

</style>
<div ng-show="web_push">
   	  
  <div class="modal fade" id="exampleModal3" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Select an Upload Method</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-top: -20px;">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class='container' ng-show="urlbasedImgUpload">
            <input class="form-control" placeholder="Enter your Image url here" style="width: 80%;margin:7px 0px ;" type="text" id="inputImgUrl_3" ng-model="inputImgUrl">
            <button class='btn btn-sm btn-primary' style="margin:7px 0px ;" ng-click="saveUserUrl(inputImgUrl)"> Upload Image </button>
        </div>
        <div class="modal-footer">
          <button type="button" ng-click='openUrlInput(ImageType)' class="btn btn-secondary">Upload from Web</button>
          <button type="button" ng-click="openFileWindow(ImageType)" class="btn btn-secondary">Upload from Device</button>
        </div>
      </div>
    </div>
  </div>
  
    <div class="row">
        <div class="col-sm-12">
            <div class="col-sm-1"></div>
            <div class="col-sm-9">
                <div class="collapse navbar-collapse tabbable-line">
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="relative downSlide"
                            ng-repeat="variableName in savevariantdata track by $index">
                            <i class="fa fa-close closeVariantIcon" ng-click="removevariant($index,'webpush')"
                                style="z-index: 99999; cursor: pointer;"></i>
                            <a href="javascript:void(0)" ng-click="showVariantPushData($index, 'webpush', 'Multivariate')"
                                aria-controls="child1" role="tab" data-toggle="tab" aria-expanded="true"
                                style="padding-top: 0px;">
                                {{ variableName.variance_top_name }}
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
                <div class="col-sm-2" style="width: 100%; left: 70%;">
                <div class="dropdown" ng-if="savevariantdata.length <= 5">
                    <button class="btn btn-success dropdown-toggle" type="button" data-toggle="dropdown">Select variant
                        <span class="caret"></span></button>
                    <ul class="dropdown-menu">
                        <li ng-click="pushVariant('webpush')">
                            <div class="save-v">Create variant</div>
                        </li>
                        <li ng-repeat="v in variantArr">
                            <div ng-click="showVariantPushData($index, 'webpush', 'Multivariate')"
                                class="save-v addList"> {{ v.name }}
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="dropdown" style="position:absolute; left: 150px; bottom: 1%;"
                    ng-if="savevariantdata.length <= 5">
                    <button id='langBtn' class="btn btn-success dropdown-toggle" type="button"
                        data-toggle="dropdown">Select Language
                        <span class="caret"></span></button>
                    <ul class="dropdown-menu">
                        <li ng-click="createVariant()">
                            <div class="save-v"> Create Language</div>
                        </li>
                        <li ng-repeat="v in variantList">
                            <div ng-click="savevariantDataPush(v,'webpush', 'Profile')" class="save-v"> {{ v.name }}
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <!-- <div class="row">
                <div class="col-sm-12">
                    <div class="col-sm-10">
                        <div class="collapse navbar-collapse tabs-secondary">
                            <ul class="nav nav-tabs" role="tablist">
                                <li role="presentation" class="active relative" ng-repeat="variableName in savevariantdata track by $index " ng-if="$index == 0">
                                    <i class="fa fa-close closeVariantIcon" ng-click="removeVariant($index)"></i>
                                    <a href="javascript:void(0)" ng-click="showVariantWebPush($index)" aria-controls="child1" role="tab" data-toggle="tab" aria-expanded="true">
                                        Variant {{$index + 1}}
                                    </a>
                                </li>
                                <li role="presentation" class="relative" ng-repeat="variableName in savevariantdata track by $index" ng-if="$index != 0">
                                    <i class="fa fa-close closeVariantIcon" ng-click="removeVariant($index)"></i>
                                    <a href="javascript:void(0)" ng-click="showVariantWebPush($index)" aria-controls="child1" role="tab" data-toggle="tab" aria-expanded="true">
                                        Variant {{$index + 1}}
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="col-sm-2">
                        <div class="dropdown" ng-if="savevariantdata.length <= 4">
                            <button class="btn btn-success dropdown-toggle" type="button" data-toggle="dropdown">Create A/B Test
                            <span class="caret"></span></button>
                            <ul class="dropdown-menu">
                                <li ng-click="saveVarientWebPush()"><a>Create New Variation</a></li>
                                <li ng-repeat="variableName in savevariantdata track by $index | limitTo: varianceLimit"> 
                                    <a ng-click="copyTemplateVariantRating($index)">Copy Variant {{$index + 1}}</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div> -->
            <div class="col col-sm-7">
                <div class="col-sm-6 ui-sortable"
                    style="height:550px; width: 350px; margin: 0% 0 15% 25%; position: relative;">
                    <div class="btn-group btn-group-lg" style="margin-bottom:10%; margin-top:0%; margin-left: 23%;">
                        <button id="winBtn" style="width:80px; background-color:#00acac; border-color: #fff;" type="button"
                            class="btn btn-primary" ng-click="openWindows()" state="win_pre"><svg
                                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                class="bi bi-windows" viewBox="0 0 16 16">
                                <path
                                    d="M6.555 1.375 0 2.237v5.45h6.555V1.375zM0 13.795l6.555.933V8.313H0v5.482zm7.278-5.4.026 6.378L16 16V8.395H7.278zM16 0 7.33 1.244v6.414H16V0z" />
                            </svg></button>
                        <button id="andBtn" style="width:80px; background-color:#00acac; border-color: #fff;" type="button"
                            class="btn btn-primary" ng-click="openAndroid()" state="android_pre"><svg
                                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                class="bi bi-android2" viewBox="0 0 16 16">
                                <path
                                    d="m10.213 1.471.691-1.26c.046-.083.03-.147-.048-.192-.085-.038-.15-.019-.195.058l-.7 1.27A4.832 4.832 0 0 0 8.005.941c-.688 0-1.34.135-1.956.404l-.7-1.27C5.303 0 5.239-.018 5.154.02c-.078.046-.094.11-.049.193l.691 1.259a4.25 4.25 0 0 0-1.673 1.476A3.697 3.697 0 0 0 3.5 5.02h9c0-.75-.208-1.44-.623-2.072a4.266 4.266 0 0 0-1.664-1.476ZM6.22 3.303a.367.367 0 0 1-.267.11.35.35 0 0 1-.263-.11.366.366 0 0 1-.107-.264.37.37 0 0 1 .107-.265.351.351 0 0 1 .263-.11c.103 0 .193.037.267.11a.36.36 0 0 1 .112.265.36.36 0 0 1-.112.264Zm4.101 0a.351.351 0 0 1-.262.11.366.366 0 0 1-.268-.11.358.358 0 0 1-.112-.264c0-.103.037-.191.112-.265a.367.367 0 0 1 .268-.11c.104 0 .19.037.262.11a.367.367 0 0 1 .107.265c0 .102-.035.19-.107.264ZM3.5 11.77c0 .294.104.544.311.75.208.204.46.307.76.307h.758l.01 2.182c0 .276.097.51.292.703a.961.961 0 0 0 .7.288.973.973 0 0 0 .71-.288.95.95 0 0 0 .292-.703v-2.182h1.343v2.182c0 .276.097.51.292.703a.972.972 0 0 0 .71.288.973.973 0 0 0 .71-.288.95.95 0 0 0 .292-.703v-2.182h.76c.291 0 .54-.103.749-.308.207-.205.311-.455.311-.75V5.365h-9v6.404Zm10.495-6.587a.983.983 0 0 0-.702.278.91.91 0 0 0-.293.685v4.063c0 .271.098.501.293.69a.97.97 0 0 0 .702.284c.28 0 .517-.095.712-.284a.924.924 0 0 0 .293-.69V6.146a.91.91 0 0 0-.293-.685.995.995 0 0 0-.712-.278Zm-12.702.283a.985.985 0 0 1 .712-.283c.273 0 .507.094.702.283a.913.913 0 0 1 .293.68v4.063a.932.932 0 0 1-.288.69.97.97 0 0 1-.707.284.986.986 0 0 1-.712-.284.924.924 0 0 1-.293-.69V6.146c0-.264.098-.491.293-.68Z" />
                            </svg></button>
                    </div>
                    <!-- Deivce preview for windows start -->
                    <div class="win-bg" ng-show="show_win_bg">
                    </div>
                    <!-- Deivce preview for windows end -->
    
    
                    <!-- windows -->
                    <div class="row box-content-preview" style="background-color:#fff; width: 260px; margin-left: 6%;"
                        ng-hide="hide_windows" id="windows">
                        <div class="col-sm-3">
                            <div class="" style="width: 60px; float: left; height: 60px;">
                                <img src="../images/dashboard/ajax-loader.gif" style="top:13px;left:5px;" class="loaderImg"
                                    ng-hide="loderImg" style="cursor:pointer;">
    
                                <div style="height: 60px; width: 60px; border: 1px solid #2d353c ;" id="isBasicStaticImg"
                                    ng-hide="web_push_obj.icon">
    
                                    <img src="../images/dashboard/1462811934_file_add.png" alt=""
                                        ng-click="openAskWindow('webpushfile',3)"
                                        style="margin-left: 15px;margin-top: 6px;cursor:pointer;" title="Upload Image" />
                                </div>
                                <div ng-show="web_push_obj.icon">
                                    <img src="{{web_push_obj.icon}}" alt="" height="{{imgHeight}}" width="{{imgWidth}}"
                                        ng-click="openAskWindow('webpushfile',3)" style="cursor:pointer;" />
                                </div>
                                <input type="file" id="webpushfile" accept=".jpg,.jpeg,.png" style="width: 1px; display: none;"
                                    class="notificationImageFile" />
                            </div>
                        </div>
                        <div id="win-text" class="col-sm-6" style=" margin-left: 8%;">
                            <div class="row" style="word-wrap: break-word;">
                                <div><b>{{web_push_obj.title}}</b></div>
                                <div class="trun" style="word-wrap: break-word;min-height: 10px;">
                                    <a href="{{web_push_obj.url}}" target="_blank">{{web_push_obj.url}}</a>
                                </div>
                                <div class="trun" style="word-wrap: break-word;min-height: 10px;">
                                    {{web_push_obj.message}}</div>
                            </div>
                        </div>
                    </div>
                    <!-- end of windows -->
                    <!-- Deivce preview for android start -->
                    <div class="and-bg" ng-show="show_and_bg">
                    </div>
                    <!-- Deivce preview for android end -->
                    <!-- start of android -->
                    <div class="row box-content-preview" style="background-color:#fff; width: 260px; margin-left: 6%;"
                        ng-hide="hide_android" id="android">
                        <div class="col-sm-9">
                            <i> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                                    class="bi bi-browser-chrome" viewBox="0 0 16 16">
                                    <path fill-rule="evenodd"
                                        d="M16 8a8.001 8.001 0 0 1-7.022 7.94l1.902-7.098a2.995 2.995 0 0 0 .05-1.492A2.977 2.977 0 0 0 10.237 6h5.511A8 8 0 0 1 16 8ZM0 8a8 8 0 0 0 7.927 8l1.426-5.321a2.978 2.978 0 0 1-.723.255 2.979 2.979 0 0 1-1.743-.147 2.986 2.986 0 0 1-1.043-.7L.633 4.876A7.975 7.975 0 0 0 0 8Zm5.004-.167L1.108 3.936A8.003 8.003 0 0 1 15.418 5H8.066a2.979 2.979 0 0 0-1.252.243 2.987 2.987 0 0 0-1.81 2.59ZM8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" />
                                </svg> Chrome.</i>
                            <div class="trun">
                                <a style="margin-left:1%;word-wrap:break-word;" href="{{web_push_obj.url}}"
                                    target="_blank">{{web_push_obj.url}}</a>
                            </div>
                            <div class="row" style="word-wrap: break-word;">
                                <div class="trun" style="margin-left:10px ;"><b>{{web_push_obj.title}}</b></div>
                                <div class="trun" style="word-wrap: break-word;min-height: 10px; margin-left:10px">
                                    {{web_push_obj.message}}</div>
                            </div>
                        </div>
                        <div id="icon-android" class="col-sm-3" style="padding: 3px;">
                            <div style="width: 60px; float: left; height: 60px;">
                                <img src="../images/dashboard/ajax-loader.gif" style="top:13px;left:5px;" class="loaderImg"
                                    ng-hide="loderImg" style="cursor:pointer;">
    
                                <div style="height: 60px; width: 60px; border: 1px solid #2d353c; right: 2%;"
                                    id="isBasicStaticImg" ng-hide="web_push_obj.icon">
    
                                    <img src="../images/dashboard/1462811934_file_add.png" alt=""
                                        ng-click="openAskWindow('webpushfile',3)"
                                        style="margin-left: 7px;margin-top: 6px;cursor:pointer;" title="Upload Image" />
                                </div>
                                <div ng-show="web_push_obj.icon">
                                    <img src="{{web_push_obj.icon}}" alt="" height="{{imgHeight}}" width="{{imgWidth}}"
                                        ng-click="openAskWindow('webpushfile',3)" style="cursor:pointer;" />
                                </div>
                                <input type="file" accept=".jpg,.jpeg,.png" id="webpushfile" style="width: 1px; display: none;"
                                    class="notificationImageFile" />
                            </div>
                        </div>
                    </div>
                    <!-- end of android -->
    
                    <div class="col-sm-12" style="margin-bottom: 20%;" id="heroImg">
                        <div id="WebIsExpanded" class="dataView2"
                            style="display: none; height:140px; width: 260px; margin:1% 0 0 5%;">
                            <div style="position:relative ; bottom:50px;">
                                <img src="../images/dashboard/ajax-loader.gif" class="loaderImg" ng-hide="exploderImg"
                                    style="cursor:pointer; position: absolute;">
                            </div>
                            <div class="row box-content-preview"
                                style="height:140px; width: 260px; padding: 0 0 0 0 ; background-color: #fff;">
                                <div id="WebExpImguploader" style="position: relative;">
                                    <img src="../images/dashboard/1462811934_file_add.png" id="WebExpImguploader" alt=""
                                        ng-click="openAskWindow('expandedNotify',3)"
                                        style="cursor:pointer; position: absolute; margin: 40px 0 0 100px;"
                                        title="Upload Expanded Image" />
                                </div>
                                <div ng-show="isExpendedImg" style="width: 260px;">
    
                                    <img src="{{expandedNotificationImageFile}}" alt=""
                                        ng-if="expandedNotificationImageFile" id="expandedNotificationImageFile"
                                        height="140" width="260" style="cursor:pointer;"
                                        ng-click="openAskWindow('expandedNotify',3)" />
                                    <!-- <div style="height: 41px;top: 168px; width: 240px; border: none;position: absolute;left: 0px; "> -->
                                    <!-- not supported in serviceworker -->
                                    <!-- <textarea 
                                    style="border: none;color: #000;" 
                                    ng-model="cTools.expandedNotificationDescription" 
                                    id="expandedNotificationDescription" placeholder="Push expanded description" class="form-control push_message_desc"
                                    ng-trim="false" 
                                    maxlength="250"
                                    ng-keyup="remainCharacter('expandedNotificationDescription', 250, 'androidPush')"
                                    ng-blur="remainCharacterHide()">
                                   </textarea> -->

                                    <!-- <i class="fa fa-pencil" style="float: right; margin-right:1px; margin-top:-50px; cursor:pointer" aria-hidden="true" href="#customfields-dialog" data-toggle="modal" ng-click="refreshCustomFields('expandedNotificationDescription')"></i> -->
                                    <!-- </div> -->
                                </div>
                                <input type="file" accept=".jpg,.jpeg,.png" id="expandedNotify" style=" display:none;width: 1px;"
                                    class="notificationImageFile" />
                            </div>
                        </div>
                    </div>
    
                    <div class="form-group" style="margin:5% 0% 0% 20% ;">
                        <div class="col-md-8">
                            <input bs-switch state="" type="checkbox" class="BSswitch" data-off-text="&nbsp;Edit"
                                data-on-text="&nbsp;Preview" data-label-text="&nbsp;Preview" data-on-color="success"
                                data-off-color="success" onSwitchChange="showBg">
                        </div>
                    </div>
                </div>
            </div>
        <!-- web push Setting section -->
        <div class="col col-sm-5 ui-sortable">
            <div class="panel-body">
                <div ng-cloak>
                    <legend>Web Push Settings</legend>

                    <div class="form-group">
                        <label class="col-md-3 control-label">Select Existing Template</label>
                        <a href="javascript:void(0)" ng-click="editTemplate('WEB_PUSH')"
                            class="col-md-1 href="">  <i class=" fa fa-pencil"></i> </a>
                        <div class="col-md-8">
                            <select class="template-select form-control input-sm">
                            </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">Template Name</label>
                        <div class="col-md-8">
                            <input type="text" id="templateName" class="form-control" placeholder="Template Name"
                                maxlength="40" ng-model="cTools.template_name">

                        </div>
                    </div>
                    <div class="clearfix down-space" ng-show="!cTools.defaultDevice"></div>
                    <div class="form-group exp-webPush" ng-show="!cTools.defaultDevice">
                        <label class="col-md-4 control-label">Expanded Image</label>
                        <div class="col-md-8">
                            <input bs-switch state="cTools.expendedImg" type="checkbox" class="BSswitch"
                                data-off-text="&nbsp;No" data-on-text="&nbsp;Yes" data-label-text="&nbsp;Yes"
                                data-on-color="success" data-off-color="success" onSwitchChange="WebExpandedImgAction">
                        </div>
                    </div>
                    <div class="clearfix down-space"></div>
                    <!-- Action Url Setting start here -->
                    <div class="form-group">
                        <label class="col-md-4 control-label">Action</label>
                        <div class="col-md-2"> <input bs-switch state="actionStyle" type="checkbox" class="BSswitch"
                                data-off-text="&nbsp;No" data-on-text="&nbsp;Yes" data-label-text="&nbsp;Yes"
                                data-on-color="success" data-off-color="success" onSwitchChange="webActionType">
                        </div>
                        <div class="form-group ifActionIsYes">
                            <div class="col-md-3" style="text-align:center;">
                                <button type="button" style="display: none; margin-left: 40px;" id="webAddActionBtn"
                                    href="#webActionsDialog" data-toggle="modal" class="btn btn-sm btn-info addAction"
                                    ng-click="clearAction()">{{actionIndexSave ? 'Update Action' : 'Add Action'}}
                                </button>
                            </div>
                        </div>
                    </div>
                    <!-- Action Url Setting ends here -->
                    <div class="clearfix down-space"></div>
                    <div id="webIfActionIsNo">

                        <div class="form-group">
                            <label class="col-md-4 control-label">Redirect URL</label>
                            <div class="col-md-8 relative">
                                <input type="text" id="web_push_redirectUrl" class="form-control inputEditCustomField"
                                    placeholder="Redirect URL" maxlength="256"
                                    ng-keydown="getValuesOnChange($event,'url')" ng-model="web_push_obj.url">
                                <i class="fa fa-2x fa-edit faEditCustomField"
                                    style="cursor:pointer;float: right; margin-top: 0px;" href="#customfields-dialog"
                                    data-toggle="modal" ng-click="refreshCustomFields('web_push_redirectUrl')"></i>
                                <span>{{template_url_error}}</span>
                            </div>
                        </div>
                    </div>

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

                    <div class="form-group">
                        <label class="col-md-4 control-label">Title</label>
                        <div class="col-md-8 relative">
                            <input type="text" id="web_title" class="form-control inputEditCustomField"
                                placeholder="Title" ng-keydown="getValuesOnChange($event,'title')"
                                ng-model="web_push_obj.title" maxlength="50">
                            <i class="fa fa-2x fa-edit faEditCustomField"
                                style="cursor:pointer;float: right; margin-top: 0px;" href="#customfields-dialog"
                                data-toggle="modal" ng-click="refreshCustomFields('web_title')"></i>
                            <span>{{template_title_error}}</span>
                        </div>
                    </div>

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

                    <div class="form-group">
                        <label class="col-md-4 control-label">Custom Data</label>
                        <div class="col-md-2">
                            <input bs-switch state="customDataStyle" type="checkbox" class="BSswitch"
                                data-off-text="&nbsp;No" data-on-text="&nbsp;Yes" data-label-text="&nbsp;Yes"
                                data-on-color="success" data-off-color="success"
                                onSwitchChange="customDataType">

                        </div>
                        <div class="form-group" ng-if="isCustomData">
                            <div class="col-md-1" style="margin-left: 50px;">
                                <button type="button" href="#customData" data-toggle="modal"
                                    class="btn btn-sm btn-danger">Add</button>
                            </div>
                        </div>
                    </div>

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

                    <div class="form-group">
                        <label class="col-md-4 control-label">Message</label>
                        <div class="col-md-8 relative">
                            <textarea class="form-control inputEditCustomField" rows="5"
                                ng-keydown="getValuesOnChange($event,'message')" ng-model="web_push_obj.message"
                                id="web_message" maxlength="120"></textarea>
                            <i class="fa fa-2x fa-edit faEditCustomField"
                                style="cursor:pointer;float: right; margin-top: 0px;" href="#customfields-dialog"
                                data-toggle="modal" ng-click="refreshCustomFields('web_message')"></i>
                            <span>{{template_message_error}}</span>
                        </div>
                    </div>

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

                    <div class="clearfix down-space"></div>
                </div>
                <div class="clearfix down-space"></div>
                <div class="form-group">
                    <div class="col-md-4">
                        &nbsp;
                    </div>
                    <div class="col-md-8">
                        <span ng-if="template_name_error" style="color: red">{{template_name_error}}</span>
                    </div>
                </div>
                <div class="clearfix down-space"></div>
                <div class="clearfix down-space"></div>
                <legend>
                </legend>
                <div class="form-group">
                    <label class="col-md-3 control-label"></label>
                    <div class="col-md-9" style="text-align: right;">
                        <button type="button" ng-show="btnWebSavePush" ng-click="saveWebSettingsTools()"
                            class="btn btn-sm btn-success">Submit </button>
                        <button type="button" ng-show="btnWebUpdatePush" ng-click="updateWebTemplateSettingsTools()"
                            class="btn btn-sm btn-success">Update </button>
                        <input type="hidden" ng-model="updateTemplateId" value="{{updateTemplateId}}">
                        <button type="button" id="btnClose" class="btn btn-sm btn-success"
                            ng-click="closeTemplate(clearTemplateId);">Close</button>

                    </div>

                </div>
            </div>
        </div>
        <!-- Setting ends here -->

        <!-- Dialog  custom field popup Start for action-->
        <div class="modal fade" id="webActionsDialog" style="z-index:1040!important;">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title">Manage Action</h4>
                    </div>
                    <div class="modal-body">

                        <div style="height:250px;">
                            <div class="form-group row" style="margin-bottom:20px;">
                                <label class="col-md-3 control-label">Action Name</label>
                                <div class="col-md-4">
                                    <input type="text" class="form-control" placeholder="Enter action name."
                                        id="actionName" ng-model="action.actionName" maxlength="30"
                                        value="{{action.actionName}}"></input>
                                    <span style="color:red;width:350px">{{actionNameError}}</span>
                                </div>
                            </div>
                            <div class="form-group row" style="margin-bottom:20px;">
                                <label class="col-md-3 control-label">Action Type</label>
                                <div class="col-md-7">
                                    <label class="radio-inline">
                                        <input type="radio" value="dl" ng-checked="{{action.actionType == 'dl'}}"
                                            ng-model="action.actionType" name="actionType">
                                        Deep Link
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" value="lp" ng-model="action.actionType"
                                            ng-checked="{{action.actionType == 'lp'}}" name="actionType">
                                        Landing Page
                                    </label>

                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-3 control-label">Action URL</label>
                                <div class="col-md-4">
                                    <input type="text" class="form-control" placeholder="Enter action url."
                                        id="actionExternalUrl" ng-model="action.actionExternalUrl"></input>
                                    <span style="color:red;width:350px">{{actionUrlError}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <label style="color:red;width:350px"></label>

                        <button class="btn btn-sm btn-primary m-r-5" ng-if="actionSave" type="button"
                            ng-click="addToActions()">Save</button>
                        <button class="btn btn-sm btn-primary m-r-5" type="button" ng-click="addToActionsUpdate()"
                            ng-if="actionIndexSave">Update</button>

                        <button class="btn btn-sm btn-primary m-r-5 cancelAction" type="button"
                            data-dismiss="modal">Cancel</button>

                    </div>
                </div>
            </div>
        </div>
        <!-- Dialog  custom field popup End-->
    </div>
</div>
</div>
</div>
