<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="SlabIndex.aspx.cs" Inherits="HRMS.HR.Salary_Slabs.SlabIndex" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
      <div class="row">
        <div class="col-sm-12">
            <section class="panel">
              <header class="panel-heading">
                  List of Salary Slabs
          
             <div class="actions pull-right">
                    <div class="btn-group">
                    
                        
                       <asp:Button ID="btn_new" runat="server" CssClass="btn btn-info" Text="New Record" OnClick="btn_new_Click" />
                    </div>
                </div>
              </header>
              <br />
              
              <div class="panel-body">
              <div class="span6">
                                <div id="divMessage" runat="server" visible="false" class="alert alert-info alert-dismissable">

                                    <i class="icon-check-sign"></i>
                                    <asp:Label ID="lblMessage" class="msg" runat="server" Text="" ></asp:Label>
                                </div>
                                <div class="span6">
                                <div id="diverrorMessage" runat="server" visible="false" class="alert alert-danger alert-dismissable">

                                    <i class="icon-check-sign"></i>
                                    <asp:Label ID="lblerrorMessage" class="msg" runat="server" Text="" ></asp:Label>
                                </div>
                            </div>
                            </div>
              
           <asp:GridView ID="grd" runat="server" AutoGenerateColumns="False" 
                      cellpadding="0" border="0" class="display" 
                      onrowcommand="grd_RowCommand">
            <Columns>
                <asp:BoundField HeaderText="Id" DataField="SALARY_SLAB_ID" />
                <asp:BoundField HeaderText="Business Group" DataField="BG_NAME" />
                 <asp:BoundField HeaderText="Grade" DataField="GradeName" />
                <asp:BoundField HeaderText="Salary Range From" DataField="SALARY_RANGE_START" />
                <asp:BoundField HeaderText="Salary Range To" DataField="SALARY_RANGE_END" />
                <asp:BoundField HeaderText="Increment" DataField="INCREMENT" />
                <asp:BoundField HeaderText="Date From" DataField="DATE_FROM" />
                <asp:BoundField HeaderText="Date To" DataField="DATE_TO" />

                <asp:TemplateField ItemStyle-Width="6%" HeaderText="Action">
                    <ItemTemplate>
                        <%--   <%#Container.DataItemIndex+1 %>
                        <asp:CheckBox ID="chk" runat="server" />--%>
                        <asp:LinkButton ID="lnkEdit" runat="server" CommandName="gEdit"><i class="fa fa-pencil" style="font-size:20px !important"></i></asp:LinkButton>
                        &nbsp<asp:LinkButton ID="lnkDelete" Visible="false" runat="server" CommandName="gDelete" OnClientClick="return confirm('Are you sure to delete?')"><i class="fa fa-trash" style="font-size:20px !important"></i></asp:LinkButton>
                        
                        
                            
                     </ItemTemplate>

<ItemStyle Width="6%"></ItemStyle>
                </asp:TemplateField>
            </Columns>
            <%-- Mandatory--%>
            <RowStyle CssClass="rowStyle"/>
           <%-- Mandatory--%>
            <HeaderStyle CssClass="headerStyle" />
           <%-- optional--%>
           <FooterStyle  CssClass="footerStyle"  />
        </asp:GridView>
            <script src="/ThemeScrips/Datatables/media/js/jquery.js" type="text/javascript"></script>
            <script src="/ThemeScrips/Datatables/media/js/jquery.dataTables.min.js" type="text/javascript"></script>
            <script src="/ThemeScrips/Datatables/media/js/jquery.dataTables.js" type="text/javascript"></script>
            <script src="/ThemeScrips/Datatables/media/js/GridviewFix.js" type="text/javascript"></script>
            <script type="text/javascript">
                //without passing class names.
                $("#ContentPlaceHolder1_grd").GridviewFix().dataTable();
                //Passing class names
            </script>
                <br />
                
              </div>
              </section>
        </div>
    </div>
</asp:Content>
