<!--
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
-->
<div>
    <div class="form-group hide">
        <div class="row modalHeight">
            <div class="form-group col-md-12">
                {{#if tagModel}}
                <h4>{{tagModel.typeName}}</h4> </div>{{else}}
            <select class="form-control row-margin-bottom" data-id="addTagOptions" required>
            </select>
        </div>
        {{/if}}
        <div class="col-md-6">
            <div class="col-md-12 addtag-propagte-box">
                <div class="inline">
                    <label class="checkbox-inline btn">
                        <input type="checkbox" data-id="checkModalTagProperty" class="input" checked /> Propagate</label>
                </div>
                <div class="inline" data-id="removePropagationOnEntityDeleteBox">
                    <label class="checkbox-inline btn">
                        <input type="checkbox" data-id="removePropagationOnEntityDelete" class="input" title="Propagated classification are removed during entity delete"/> Remove propagation on entity delete</label>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="inline">
                <label class="checkbox-inline btn">
                    <input type="checkbox" data-id="checkTimezoneProperty" class="input" /> Apply Validity Period</label>
            </div>
        </div>
    </div>
    <div class="row modalHeight" style="display: none;" data-id="timeZoneDiv">
        <hr>
        <div class="col-sm-12">
            <div class="clearfix form-group">
                <button type="button" class="btn btn-action btn-sm pull-right" data-id="addTimezoneParms"><i class="fa fa-plus"></i> Add Validity Period</button>
            </div>
            <div class="panel panel-default" data-id="validityPeriodBody" style="display: none;">
                <div class="panel-body" data-id="addTimezoneDiv">
                </div>
            </div>
        </div>
    </div>
</div>
<div class="row modalHeight">
    <div class="col-sm-12">
        <div class="attrLoader" style="margin-left:45%;display:none">
            <i class="fa fa-refresh fa-spin-custom"></i>
        </div>
    </div>
    <div class="col-sm-12" style="display:none">
        <p>Classification Attributes(optional)</p>
        <p class="text-gray">Add attribute values for this classification</p>
        <div data-id="tagAttribute"></div>
    </div>
</div>
</div>