@using Resources
@using Weee.Models.ExtensionMethods
@using Weee.DAL
@using Weee.Models

@*
    the Comment.Category is defined in areas/certification/views/LCA/ProductLCADetail.cshtml
    used by Normal company and Certificate company
    possible value of Category:

    LCI_Direct_Material,
    LCI_Indirect_Material,
    LCI_Wrap_Material,
    WorkHour,
    PowerUsage,
    WaterUsage,
    Waste_Water,
    Waste_Other,
    Transport,
    WasteTransport,
    Vehicle,
    GasolineEquipment,
    Kitchen_Company,
    Kitchen_Outsourcing,
    Kitchen_Other,
    Refrigerant,
    FireEquipment,
    SteamUsage,
    OtherCompound
*@

<div class="side_bar_right_vertical_line" style="height: 812px;"><div></div></div>

<div class="side_bar" ng-show="lcaDetail" lca-detail>
    <div style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/Detail/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('Detail'), Item : !isActive('Detail')}">
            <div>@Resource.StaticLabelLCAInfo</div>
            <div class="sidebar_triangle"></div>
        </a>
    </div>
    @*
        <div ng-show="lcaDetail.isProductLCA&&!lcaDetail.hasPCR"
             style="clear: both; width: 100%; height: 28px; position: relative;">
            <a href="#LCA/BOM/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('BOM'), Item : !isActive('BOM') }">
                <div>BOM</div>
                <div class="sidebar_triangle"></div>
            </a>
        </div>
    *@
    <div @*ng-show="lcaDetail.isProductLCA"*@
         @*ng-show="lcaDetail.isProductLCA&&lcaDetail.hasPCR"*@
         ng-show="lcaDetail.isProductLCA"
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/HighLevelAnalyze/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('HighLevelAnalyze'), Item : !isActive('HighLevelAnalyze') }">
            <div>@Resource.StaticLabelGlobal_HighLevelAnalysis</div>
            <div class="sidebar_triangle"></div>
        </a>
    </div>

    <div @*ng-show="lcaDetail.Status!=0&&lcaDetail.isProductLCA&&lcaDetail.hasPCR"*@
         ng-show="lcaDetail.isProductLCA"
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/DirectMaterial/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('DirectMaterial'), Item : !isActive('DirectMaterial') }">
            <div>BOM</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint" ng-click="showDirectComment=true;"
             ng-show="directMaterialCommits.length>0"
             ng-bind="directMaterialCommits.length">
        </div>
        <table-edit-modal display-option="showDirectComment">
            <div class="comment">
                <div ng-repeat="item in directMaterialCommits track by item.ID"
                     style="height:auto;color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    <div ng-show="lcaDetail.isProductLCA"
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/InDirectMaterial/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('InDirectMaterial'), Item : !isActive('InDirectMaterial') }">
            <div>@Resource.StaticLabelGlobal_LCIIndirectMaterial</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint" ng-click="showIndirectComment=true;"
             ng-show="indirectMaterialCommits.length>0"
             ng-bind="indirectMaterialCommits.length">
        </div>
        <table-edit-modal display-option="showIndirectComment">
            <div class="comment">
                <div ng-repeat="item in indirectMaterialCommits track by item.ID"
                     style="height:auto;color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    <div ng-show="lcaDetail.isProductLCA"
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/WrapMaterial/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('WrapMaterial'), Item : !isActive('WrapMaterial') }">
            <div>@Resource.StaticLabelGlobal_LCIWrapMaterial</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint" ng-click="showWrapMaterialCommits=true;"
             ng-show="wrapMaterialCommits.length>0"
             ng-bind="wrapMaterialCommits.length">
        </div>
        <table-edit-modal display-option="showWrapMaterialCommits">
            <div class="comment">
                <div ng-repeat="item in wrapMaterialCommits track by item.ID"
                     style="height:auto;color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    <div @*ng-show="lcaDetail.Status!=0"*@
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/WorkHour/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('WorkHour'), Item : !isActive('WorkHour') }">
            <div>@Resource.TotalWorkHours</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint" ng-click="showWorkHourCommits=true;"
             ng-show="workHourCommits.length>0"
             ng-bind="workHourCommits.length">
        </div>
        <table-edit-modal display-option="showWorkHourCommits">
            <div class="comment">
                <div ng-repeat="item in workHourCommits track by item.ID"
                     style="height:auto;color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>


    <div @*ng-show="lcaDetail.Status!=0"*@
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/Vehicle/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('Vehicle'), Item : !isActive('Vehicle') }">
            <div>@Resource.VehicleVehicleType</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint" ng-click="showVehicleCommits=true;"
             ng-show="vehicleCommits.length>0"
             ng-bind="vehicleCommits.length">
        </div>
        <table-edit-modal display-option="showVehicleCommits">
            <div class="comment">
                <div ng-repeat="item in vehicleCommits track by item.ID"
                     style="height:auto;color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    <div @*ng-show="lcaDetail.Status!=0"*@
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/GasolineEquipment/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('GasolineEquipment'), Item : !isActive('GasolineEquipment') }">
            <div>@Resource.ParamemterCategoriesGasolineEquipment</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint" ng-click="showGasolineEquipmentCommits=true;"
             ng-show="gasolineEquipmentCommits.length>0"
             ng-bind="gasolineEquipmentCommits.length">
        </div>
        <table-edit-modal display-option="showGasolineEquipmentCommits">
            <div class="comment">
                <div ng-repeat="item in gasolineEquipmentCommits track by item.ID"
                     style="height:auto;color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    <div @*ng-show="lcaDetail.Status!=0"*@
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/Kitchen/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('Kitchen'), Item : !isActive('Kitchen') }">
            <div>@Resource.Kitchen</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint" ng-click="showkitchenCommits=true;"
             ng-show="kitchenCommits.length>0"
             ng-bind="kitchenCommits.length">
        </div>
        <table-edit-modal display-option="showkitchenCommits">
            <div class="comment">
                <div ng-repeat="item in kitchenCommits track by item.ID"
                     style="height:auto;color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    <div @*ng-show="lcaDetail.Status!=0"*@
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/FireEquipment/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('FireEquipment'), Item : !isActive('FireEquipment') }">
            <div>@Resource.FireEquipment</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint" ng-click="showFireEquipmentCommits=true;"
             ng-show="fireEquipmentCommits.length>0"
             ng-bind="fireEquipmentCommits.length">
        </div>
        <table-edit-modal display-option="showFireEquipmentCommits">
            <div class="comment">
                <div ng-repeat="item in fireEquipmentCommits track by item.ID"
                     style="height:auto;color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    <div @*ng-show="lcaDetail.Status!=0"*@
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/Refrigerant/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('Refrigerant'), Item : !isActive('Refrigerant') }">
            <div>@Resource.RefrigerantEquipment</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint" ng-click="showRefrigerantCommits=true;"
             ng-show="refrigerantCommits.length>0"
             ng-bind="refrigerantCommits.length">
        </div>
        <table-edit-modal display-option="showRefrigerantCommits">
            <div class="comment">
                <div ng-repeat="item in refrigerantCommits track by item.ID"
                     style="height:auto;color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    <div @*ng-show="lcaDetail.Status!=0"*@ @*&&lcaDetail.isProductLCA*@ @*CFT-50*@
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/OtherCompound/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('OtherCompound'), Item : !isActive('OtherCompound') }">
            <div>@Resource.OtherCompound</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint" ng-click="showOtherCompoundCommits=true;"
             ng-show="otherCompoundCommits.length>0"
             ng-bind="otherCompoundCommits.length">
        </div>
        <table-edit-modal display-option="showOtherCompoundCommits">
            <div class="comment">
                <div ng-repeat="item in otherCompoundCommits track by item.ID"
                     style="height:auto;color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    <div @*ng-show="lcaDetail.Status!=0"*@
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/PowerUsage/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('PowerUsage'), Item : !isActive('PowerUsage') }">
            <div>@Resource.PowerUsage</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint" ng-click="showPowerUsageCommits=true;"
             ng-show="powerUsageCommits.length>0"
             ng-bind="powerUsageCommits.length">
        </div>
        <table-edit-modal display-option="showPowerUsageCommits">
            <div class="comment">
                <div ng-repeat="item in powerUsageCommits track by item.ID"
                     style="height:auto;color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    <div @*ng-show="lcaDetail.Status!=0"*@
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/SteamUsage/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('SteamUsage'), Item : !isActive('SteamUsage') }">
            <div>@Resource.SteamUsage</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint" ng-click="showSteamUsageCommits=true;"
             ng-show="steamUsageCommits.length>0"
             ng-bind="steamUsageCommits.length">
        </div>
        <table-edit-modal display-option="showSteamUsageCommits">
            <div class="comment">
                <div ng-repeat="item in steamUsageCommits track by item.ID"
                     style="height:auto;color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    <div ng-show="lcaDetail.isProductLCA"
         @*ng-show="lcaDetail.Status!=0"*@
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/WaterUsage/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('WaterUsage'), Item : !isActive('WaterUsage') }">
            <div>@Resource.WaterUsage</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint" ng-click="showWaterUsageCommits=true;"
             ng-show="waterUsageCommits.length>0"
             ng-bind="waterUsageCommits.length">
        </div>
        <table-edit-modal display-option="showWaterUsageCommits">
            <div class="comment">
                <div ng-repeat="item in waterUsageCommits track by item.ID"
                     style="height:auto;color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    <div ng-show="lcaDetail.isProductLCA"
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/Waste/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('Waste'), Item : !isActive('Waste') }">
            <div>@Resource.Waste</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint" ng-click="showWasteOtherCommits=true;"
             ng-show="wasteOtherCommits.length>0"
             ng-bind="wasteOtherCommits.length">
        </div>
        <table-edit-modal display-option="showWasteOtherCommits">
            <div class="comment">
                <div ng-repeat="item in wasteOtherCommits track by item.ID"
                     style="height:auto;color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    <div ng-show="lcaDetail.isProductLCA"
         @*ng-show="lcaDetail.Status!=0"*@
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/WasteWater/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('WasteWater'), Item : !isActive('WasteWater') }">
            <div>@Resource.ParamemterCategoriesWasteWater</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint" ng-click="showWasteWaterCommits=true;"
             ng-show="wasteWaterCommits.length>0"
             ng-bind="wasteWaterCommits.length">
        </div>
        <table-edit-modal display-option="showWasteWaterCommits">
            <div class="comment">
                <div ng-repeat="item in wasteWaterCommits track by item.ID"
                     style="height:auto;color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    <div ng-show="lcaDetail.isProductLCA"
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/Transport/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('Transport'), Item : !isActive('Transport') }">
            <div>@Resource.Transport</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint" ng-click="showTransportComment=true;"
             ng-show="transportCommits.length > 0"
             ng-bind="transportCommits.length">
        </div>
        <table-edit-modal display-option="showTransportComment">
            <div class="comment">
                <div ng-repeat="item in transportCommits track by item.ID"
                     style="height:auto; color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    <div ng-show="lcaDetail.isProductLCA"
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/WasteTransport/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('WasteTransport'), Item : !isActive('WasteTransport') }">
            <div>@Resource.WasteTransportation</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint" ng-click="showWasteTransportCommits=true;"
             ng-show="wasteTransportCommits.length>0"
             ng-bind="wasteTransportCommits.length">
        </div>
        <table-edit-modal display-option="showWasteTransportCommits">
            <div class="comment">
                <div ng-repeat="item in wasteTransportCommits track by item.ID"
                     style="height:auto;color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    @if (@User.Identity.GetUserAccountType(new WeeeDataContext()) != ACCOUNT_TYPE.ORGANICATION12)
    {
        <div ng-show="!lcaDetail.isProductLCA"
             style="clear: both; width: 100%; height: 28px; position: relative;">
            <a href="#LCA/RiskAssmtLayout/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('RiskAssmtLayout'), Item : !isActive('RiskAssmtLayout') }">
                <div>@Resource.RiskAssmt</div>
                <div class="sidebar_triangle"></div>
            </a>
        </div>
        @*<br />
            <button class="accordion" style="text-align: center; background-color: white; border: none; padding-top: 0px; outline: none; font-weight: bold; ">@Resource.AffiliateForm</button>
            <div class="panel" style="display:none">
                <a href="#LCA/MaterialTransport/{{lcaDetail.ID}}" style="text-align: right;" ng-class="{ Item_Active : isActive('MaterialTransport'), Item : !isActive('MaterialTransport') }">
                    <p>@Resource.MaterialTransport</p>
                </a>
                <a href="#LCA/EmployeeCommuting/{{lcaDetail.ID}}" style="text-align: right;" ng-class="{ Item_Active : isActive('EmployeeCommuting'), Item : !isActive('EmployeeCommuting') }">
                    <p>@Resource.EmployeeCommuting</p>
                </a>
            </div>
            <br />*@
    }

    <div @*ng-show="lcaDetail.Status!=0&&lcaDetail.isProductLCA&&lcaDetail.hasPCR"*@
         ng-show="lcaDetail.isProductLCA"
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/ProductUsageStage/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('ProductUsageStage'), Item : !isActive('ProductUsageStage') }">
            <div>@Resource.ProductUsageStage</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint"
             ng-click="showUsageStageCommits=true;"
             ng-show="usageStageCommits.length>0"
             ng-bind="usageStageCommits.length">
        </div>
        <table-edit-modal display-option="showUsageStageCommits">
            <div class="comment">
                <div ng-repeat="item in usageStageCommits track by item.ID"
                     style="height:auto; color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    <div @*ng-show="lcaDetail.Status!=0&&lcaDetail.isProductLCA&&lcaDetail.hasPCR"*@
         ng-show="lcaDetail.isProductLCA"
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/AbandonedStage/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('AbandonedStage'), Item : !isActive('AbandonedStage') }">
            <div>@Resource.AbandonedStage</div>
            <div class="sidebar_triangle"></div>
        </a>
        <div class="comment_hint"
             ng-click="showAbandonedStageCommits=true;"
             ng-show="abandonedStageCommits.length>0"
             ng-bind="abandonedStageCommits.length">
        </div>
        <table-edit-modal display-option="showAbandonedStageCommits">
            <div class="comment">
                <div ng-repeat="item in abandonedStageCommits track by item.ID"
                     style="height:auto; color:#595757">
                    @*<textarea class="comment_textarea"
                        readonly
                        ng-bind="item.CommentText"></textarea>*@
                    <textarea class="form-control" readonly rows="3" ng-bind="item.CommentText"></textarea>
                    <div class="comment_line"></div>
                </div>
            </div>
        </table-edit-modal>
    </div>

    <div @*ng-show="lcaDetail.Status!=0"*@
         style="clear: both; width: 100%; height: 28px; position: relative;">
        <a href="#LCA/Report/{{lcaDetail.ID}}" ng-class="{ Item_Active : isActive('Report'), Item : !isActive('Report') }">
            <div>@Resource.GenerateReport</div>
            <div class="sidebar_triangle"></div>
        </a>
    </div>

</div>

<style>
    .accordion {
        background-color: #eee;
        color: #444;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
    }

        .active, .accordion:hover {
            background-color: #ccc;
        }

    .panel {
        padding: 0 18px;
        background-color: white;
        overflow: hidden;
    }
</style>

<script>
    var acc = document.getElementsByClassName("accordion");
    var i;

    for (i = 0; i < acc.length; i++) {
        acc[i].addEventListener("click", function () {
            this.classList.toggle("active");
            var panel = this.nextElementSibling;
            if (panel.style.display === "block") {
                panel.style.display = "none";
            } else {
                panel.style.display = "block";
            }
        });
    }
</script>