@model PantheonRA.BackOffice.Models.TimeRecordViewModel

<div class="padding-bottom-12">
    <h4 class="panel-title" style="margin:5px 0px -10px 20px">
        <a role="button" id="collapse-all-records" class="text-color" onclick="collapseAllRecords()">
            <span id="collapse-close">@Loc.CloseAll</span><span id="collapse-open" style="display:none">@Loc.OpenAll</span>
        </a>
    </h4>
    <div style="position: relative">
        <a role="button" class="pull-right" style="margin-top:-7px; margin-right:30px" data-toggle="dropdown" title="@Loc.ShowHideColumns">
            <span class="default-icon-color"><i class="fas fa-ellipsis-v"></i></span>
        </a>

        <ul class="dropdown-menu checkbox-menu-timerecords show-hide-column" style="top:12px; right:30px">
            @foreach (var item in Model.GridSettings)
            {
                <li>
                    <label>
                        <input type="checkbox" id="@item.ColumnName-Id" class="custom-checkbox" onchange="showHideContent('@item.ColumnName')"
                               checked="@item.IsVisible">
                        @item.Translation
                    </label>
                </li>
            }
        </ul>
    </div>
</div>
