<div class="key-value-pager">
    <div class="menu-header">
        <div class="menu-title" translate="KeyValueConfiguration"></div>
        <div class="menu-log">
            <a class="btn btn-not-important" href="javascript:void(0)" ng-click="showOperateLogPop()"> <i class="material-icons">description</i><span translate="log"></span></a>
        </div>
    </div>
    <div class="content-container key-value-container" ng-if="viewPermission">
        <div dx-data-grid="keyValueOptions" class="key-value-table" dx-item-alias="keyValue" id="KVgridContainer">
            <div data-options="dxTemplate:{name:'add'}">
                <div class="action-btns" ng-show="$parent.actionPermission">
                    <a class="btn btn-primary" href="javascript:void(0)" ng-click="addNewKvc()">
                        <i class="material-icons">add</i>
                        <span translate="Add" style="vertical-align:middle"></span>
                    </a>
                </div>
            </div>
            <div data-options="dxTemplate:{name:'detail'}">
                <div class="internal-grid-container">
                    <div class="internal-grid-title"><span translate="IndustryLine"></span><span style="font-weight:normal">{{keyValue.data.industrys}}</span></div>
                    <div class="internal-grid-title"><span translate="TaxTypeLine"></span><span style="font-weight:normal">{{keyValue.data.serviceTypes}}</span></div>
                    <div class="internal-grid-title">{{'ReportConfigurationEdit'|translate}} - {{keyValue.data.name}}</div>
                    <div dx-tab-panel="detailPanel(keyValue.key,keyValue.data.scopeCount)" dx-item-alias="itemData">
                        <div data-options="dxTemplate : { name: 'financialReportTemplate' }">
                            <div dx-data-grid="itemData.FROptions" class="key-value-table"></div>
                        </div>
                        <div data-options="dxTemplate : { name: 'taxReportTemplate' }">
                            <div dx-data-grid="itemData.TROptions" class="key-value-table" dx-item-alias="taxRef">
                                <div data-options="dxTemplate : { name: 'taxLink' }">
                                    <a ui-sref-active="active"
                                       ui-sref="declarationFormConfigurationLocation({ templateGroupId: taxRef.data.templateGroupID,
                                           templateId:taxRef.data.templateID,cellTemplateId:taxRef.data.cellTemplateID })"
                                       target="_blank">
                                        {{taxRef.data.name}}
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div data-options="dxTemplate : { name: 'modelTemplate' }">
                            <div dx-data-grid="itemData.MTOptions" class="key-value-table" dx-item-alias="modelRef">
                                <div data-options="dxTemplate : { name: 'modelLink' }">
                                    <!--<a ui-sref-active="active"
                                       ui-sref="declarationFormConfigurationLocation({ templateGroupId: taxRef.templateGroupID,templateId:taxRef.templateID,cellTemplateId:taxRef.cellTemplateID })">
                                    </a>-->
                                    <a ui-sref-active="active"
                                       ui-sref="modelConfigurationLocation({organizationId:modelRef.data.entityID,selectedModelCode:modelRef.data.code })"
                                       target="_blank">
                                        {{modelRef.data.entityName}}
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <operate-log is-show="isShowLog"></operate-log>
    <!-- Modal -->
    <key-value-config-editing editing-model="editingModel" state="state" edit-done="editDone(editingModel)" action-authority="actionPermission"></key-value-config-editing>

    <!--<div class="modal fade" id="delete-prompt-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="dialog">
        </div>
    </div>-->
</div>