<div id="tax-calendar-configuration-edit">
    <div class="taxCalendarHead">
        {{PageTitle}}
    </div>

    <div class="taxCalendarForm" id="taxCalendarConfigForm" dx-validation-group="{}">
        <div class="edit-line row">
            <div class="col-user-define-left col-padding">
                <span class="title-first-n">{{'TaskName' | translate}}：</span>
                <div class="form-box bh-box" ng-model="taxCalendarConfiguration.taskName" dx-text-box="bhOptions"></div>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <div class="form-box" ng-model="taxCalendarConfiguration.status" dx-radio-group="statusOptions"></div>
            </div>
            
            <div class="col-user-define-right col-padding">
                <span class="title-second">
                    <span style="color:red;">*</span>
                    {{'ValidDate' | translate}}：
                </span>

                <div ng-model="taxCalendarConfiguration.validDateStart" dx-validator="validateOption.validDateStartOption" class="form-box yxrq-box" dx-date-box="validDateStartOption"></div>
                {{'ToTitle' | translate}}
                <div class="form-box yxrq-box"  ng-model="taxCalendarConfiguration.validDateEnd" dx-date-box="validDateEndOption"></div><!--dx-validator="validateOption.validDateEndOption"-->
            </div>
        </div>
        <div class="edit-line row">
            <div class="col-user-define-left col-padding">
                <span class="title-first">
                    <span style="color:red;">*</span>
                    {{'CompanyName' | translate}}：
                </span>

                <div class="form-box common-box" ng-model="taxCalendarConfiguration.companyArr" dx-validator="validateOption.companyOptions" dx-tag-box="companyOptions"></div>
            </div>
            
            <div class="col-user-define-right col-padding">
                <span class="title-second">
                    <span style="color:red;">*</span>
                    {{'EventMonth' | translate}}：
                </span>

                <div class="form-box common-box" ng-model="taxCalendarConfiguration.monthArr" dx-validator="validateOption.configMonthOptions" dx-tag-box="configMonthOptions"></div>
            </div>
        </div>
        <div class="edit-line row">
            <div class="col-user-define-left col-padding">
                <span class="title-first">
                    <span style="color:red;">*</span>
                    {{'TaxEvent' | translate}}：
                </span>
                <div id="tax-project" class="form-box common-box" ng-model="taxCalendarConfiguration.taskTypeIdArr" dx-validator="validateOption.taskTypeOptions" dx-tag-box="taskTypeOptions"></div>
                &nbsp;&nbsp;<span ng-if="!isReadOnly" atms-permission permission-control-type="ngIf" permission-code="{{$root.adminPermission.systemConfiguration.calendar.editTaskType}}" ng-click="editTaskTypeList();" class="right-link">{{'EditTaxProject'|translate}}</span>
            </div>
            
            <div class="col-user-define-right col-padding">
                <div style="width: 100%;">
                    <span class="title-second">
                        <span style="color:red;">*</span>
                        {{'EventDay' | translate}}：
                    </span>
                    <div class="form-box common-box" ng-model="taxCalendarConfiguration.projectDayArr" dx-validator="validateOption.configDateOptions" dx-tag-box="configDateOptions"></div>
                </div>
            </div>
        </div>
        <div class="edit-line row">
            <div class="col-user-define-left col-padding">

<!--                <span class="title-first-n">{{'EventAddress' | translate}}：</span>-->
<!--                <div class="form-box common-box" ng-model="taxCalendarConfiguration.workPlaceIDs" dx-select-box="addressOptions"></div>-->
<!--                &nbsp;&nbsp;<span ng-if="!isReadOnly" atms-permission permission-control-type="ngIf" permission-code="{{$root.adminPermission.systemConfiguration.taxCalendarConfig.editWorkPlace}}" ng-click="editWorkPlaceList();" class="right-link">{{'EditWorkPlace'|translate}}</span>-->
            </div>
            

            <div class="col-descript-right">
                <span style="font-size:10px;display:inline-block;vertical-align:top;line-height:22px;">
                    {{'RelatedDayDescription' | translate}}
                </span>
                <div style="line-height:20px; font-size: 9px;vertical-align:top;display:inline-block;">
                    {{'RelatedDayInfo1' | translate}}<br />
                    {{'RelatedDayInfo2' | translate}}<br />
                    {{'RelatedDayInfo3' | translate}}<br />
                </div>
            </div>
        </div>
        <div class="edit-line row">
            <div class="col-user-define-left col-padding" style="line-height: 60px; margin-top: 5px;">
                <span class="title-first">
                    <span style="color:red;">*</span>
                    {{'EventPerson' | translate}}：
                </span>
                <div class="form-box common-box" ng-model="taxCalendarConfiguration.staff" dx-validator="validateOption.operatorOptions" dx-select-box="operatorOptions"></div>
                <br />

<!--                <span class="title-first-n">{{'RelatedPerson' | translate}}：</span>-->
<!--                <div class="form-box common-box" ng-model="taxCalendarConfiguration.notifierIdArr" dx-tag-box="notifierOptions"></div>-->
            </div>
            
            <div class="col-remark-right">
                <span class="title-second-n">{{'Remark' | translate}}：</span>
                <div class="form-box common-box" ng-model="taxCalendarConfiguration.notes" dx-text-area="bzOptions"></div>
            </div>
        </div>
    </div>

    <div class="taxCalendarFooter">
        <div ng-click="backToListPage();" class="btn btn-default btn-gray">{{'Cancel'|translate}}</div>
<!--        <div ng-if="!isReadOnly && calendarConfigId" ng-click="saveAsConfig();" class="btn btn-default btn-red">{{'SaveOther'|translate}}</div>-->
        <div ng-if="!isReadOnly" ng-click="saveConfig(1);" class="btn btn-default btn-red">{{'Save'|translate}}</div>
    </div>

    <div id="edit-tax-project-pop">
    </div>
    <script type="text/ng-template" class="content" id="edit-tax-project-pop.html">

        <div class="modal-header">
            <span class="close" data-dismiss="modal" aria-hidden="true" ng-click="hideEditTaskTypeListPanel()">&times;</span>

            <h4 class="modal-title">
                <i style="color: #b22;font-size: 23px; cursor: pointer;" class="fa fa-pencil"></i>
                &nbsp;{{'EditTaxProject' | translate}}
            </h4>
        </div>

        <div class="modal-body">
            <div class="row pop-grid-container">
                <div class="col-md-12">
                    <div dx-data-grid="taskTypeGridOptions"></div>
                </div>
            </div>
        </div>

        <div class="modal-footer">
            <button ng-click="hideEditTaskTypeListPanel();" class="btn btn-default btn-gray">{{'Cancel' | translate}}</button>
            <button ng-click="editTaskType();" class="btn btn-default btn-red">{{'NewTaxCalendar' | translate}}</button>
        </div>

    </script>

    <div id="edit-tax-project"></div>
    <script type="text/ng-template" class="content" id="edit-tax-project.html">
        <div class="modal-header">
            <span class="close" data-dismiss="modal" aria-hidden="true" ng-click="hideEditTaskTypePanel()">&times;</span>

            <h4 class="modal-title">
                <i style="color: #b22;font-size: 23px; cursor: pointer;" class="fa fa-pencil"></i>
                &nbsp;{{editTaskTypeTitle}}
            </h4>
        </div>

        <div class="modal-body" id="editTaskTypeForm" dx-validation-group="{}">
            <div class="row">
                <div class="col-lg-3">
                    <span class="form-title">
                        {{'TaxEvent' | translate}}：
                    </span>
                </div>
                <div class="col-lg-9">
                    <div class="box-font" dx-text-box="{}" dx-validator="validateOption.taskTypeText" ng-model="editTaskTypeEntity.name"></div>
                </div>
            </div>
        </div>

        <div class="modal-footer">
            <button ng-click="hideEditTaskTypePanel();" class="btn btn-default btn-gray">{{'Cancel' | translate}}</button>
            <button ng-click="confirmSubmitTaskType();" class="btn btn-default btn-red">{{'Confirm' | translate}}</button>
        </div>

    </script>

    <div id="edit-work-place-pop"></div>
    <script type="text/ng-template" class="content" id="edit-work-place-pop.html">

        <div class="modal-header">
            <span class="close" data-dismiss="modal" aria-hidden="true" ng-click="hideEditWorkPlaceListPanel()">&times;</span>

            <h4 class="modal-title">
                <i style="color: #b22;font-size: 23px; cursor: pointer;" class="fa fa-pencil"></i>
                &nbsp;{{'EditWorkPlace' | translate}}
            </h4>
        </div>

        <div class="modal-body">
            <div class="row pop-grid-container">
                <div class="col-md-12">
                    <div dx-data-grid="workPlaceGridOptions"></div>
                </div>
            </div>
        </div>

        <div class="modal-footer">
            <button ng-click="hideEditWorkPlaceListPanel();" class="btn btn-default btn-gray">{{'Cancel' | translate}}</button>
            <button ng-click="editWorkPlace();" class="btn btn-default btn-red">{{'NewTaxCalendar' | translate}}</button>
        </div>

    </script>

    <div id="edit-work-place"></div>
    <script type="text/ng-template" class="content" id="edit-work-place.html">
        <div class="modal-header">
            <span class="close" data-dismiss="modal" aria-hidden="true" ng-click="hideEditWorkPlacePanel()">&times;</span>

            <h4 class="modal-title">
                <i style="color: #b22;font-size: 23px; cursor: pointer;" class="fa fa-pencil"></i>
                &nbsp;{{editWorkPlaceTitle}}
            </h4>
        </div>
        <div class="modal-body" id="editWorkPlaceForm" dx-validation-group="{}">
            <div class="row">
                <div class="col-lg-3">
                    <span class="form-title">
                        {{'EventAddress' | translate}}：
                    </span>
                </div>
                <div class="col-lg-9">
                    <div class="box-font" ng-model="editWorkPlaceEntity.name" dx-validator="validateOption.workPlaceText" dx-text-box="{}"></div>
                </div>
            </div>
        </div>

        <div class="modal-footer">
            <button ng-click="hideEditWorkPlacePanel();" class="btn btn-default btn-gray">{{'Cancel' | translate}}</button>
            <button ng-click="confirmSubmitWorkPlace();" class="btn btn-default btn-red">{{'Confirm' | translate}}</button>
        </div>

    </script>

    <div id="user-promiss-check-container"></div>
    <script type="text/ng-template" class="content" id="user-promiss-check.html">
        <div class="modal-header">
            <span class="close" data-dismiss="modal" aria-hidden="true" ng-click="hideUserPromissCheckPanel()">&times;</span>

            <h4 class="modal-title">
                <i style="color: #b22;font-size: 23px; cursor: pointer;" class="fa fa-exclamation-triangle"></i>
                &nbsp;{{'用户权限检查' | translate}}
            </h4>
        </div>
        <div class="modal-body">
            <span style="margin-bottom: 10px; display: inline-block;">{{'UserCompanyPromissCheckTip1' | translate}}</span>
<!--            <div dx-data-grid="userPromissCheckOptions"></div>-->
            <span style="margin-top: 10px; display: inline-block;">{{'UserCompanyPromissCheckTip2' | translate}}</span>
        </div>

        <div class="modal-footer">
            <button ng-click="hideUserPromissCheckPanel();" class="btn btn-default btn-red">{{'Confirm' | translate}}</button>
        </div>

    </script>
</div>