<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true"
    CodeBehind="Index.aspx.cs" Inherits="HRMS.User_Profile_Index" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div class="row">
        <div class="col-lg-12">
            <!--breadcrumbs start -->
            <ul class="breadcrumb">
                <li><a href="#"><i class="fa fa-home"></i> Home</a></li>
                <li><a href="#">User Management</a></li>
                <li class="active">User Profile</li>
            </ul>
            <!--breadcrumbs end -->
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12">
            <section class="panel">
              <header class="panel-heading" style="padding-bottom:30px">
                           <span class="label label-primary">List of User(s)</span>
                  
                <div class="pull-right">
                        <a href="#" id="aNew" runat="server" class="btn btn-info">New Record</a>
                </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>
           <div class="table-responsive">

         
           <asp:GridView ID="grdUSer" runat="server" AutoGenerateColumns="false" cellpadding="0" cellspacing="0" border="0" class="display" OnRowCommand="grdUser_RowCommand">
            <Columns>
                <asp:BoundField HeaderText="User Id" DataField="UserId" />
                <asp:BoundField HeaderText="User Name" DataField="UserName" />
                <asp:BoundField HeaderText="User Status" DataField="UserStatus_DESC" />
                <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" runat="server" Visible="false" CommandName="gDelete" OnClientClick="return confirm('Are you sure to delete?')"><i class="fa fa-trash" style="font-size:20px !important"></i></asp:LinkButton>
                        
                        
                            
                     </ItemTemplate>
                </asp:TemplateField>
            </Columns>
            <%-- Mandatory--%>
            <RowStyle CssClass="rowStyle"/>
           <%-- Mandatory--%>
            <HeaderStyle CssClass="headerStyle" />
           <%-- optional--%>
           <FooterStyle  CssClass="footerStyle"  />
        </asp:GridView>
                 </div>
        <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_grdUSer").GridviewFix().dataTable( {
    "language": {
        "infoEmpty": "No records available - Got it?",
    }
});
    //Passing class names
    //$("#GridViewExample").GridviewFix({header:"headerStyle",row:"rowStyle",footer:"footerStyle"}).dataTable();
</script>
                <br />
                <%--   <div class="dataTables_wrapper form-inline no-footer" id="Div1" role="grid">
                    <table style="width: 100%;" aria-describedby="tbCity_info" id="tbCity2" class="table table-striped table-bordered dataTable no-footer"
                        cellspacing="0" width="100%">
                        <thead>
                            <tr role="row">
                                <th aria-label="Title: activate to sort column ascending" aria-sort="ascending" style="width: 25%;"
                                    colspan="1" rowspan="1" aria-controls="example" tabindex="0" class="sorting_asc">Title</th>
                                <th aria-label="City Name: activate to sort column ascending" aria-sort="ascending" style="width: 25%;"
                                    colspan="1" rowspan="1" aria-controls="example" tabindex="0" class="sorting_asc">Company</th>
                                <th aria-label="Country Name: activate to sort column ascending" aria-sort="ascending" style="width: 20%;"
                                    colspan="1" rowspan="1" aria-controls="example" tabindex="0" class="sorting_asc">From Date</th>
                                <th aria-label="Country Name: activate to sort column ascending" aria-sort="ascending" style="width: 20%;"
                                    colspan="1" rowspan="1" aria-controls="example" tabindex="0" class="sorting_asc">To Date</th>
                               

                            </tr>
                        </thead>
                        <tbody>
                                <tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr>
                                <tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr><tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr><tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr><tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr><tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr><tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr><tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr><tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr><tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr><tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr><tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr><tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr><tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr><tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr><tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr><tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr><tr>
                                    <td>@item.Title</td>
                                    <td class="sorting_1" >CompanyName</td>
                                    <td>2500</td>
                                    <td>Testing</td>
                                </tr>
                            



                        </tbody>
                    </table>
                     <script src="../ThemeScrips/Datatable/js/jquery.js"></script>
                    <script src="../ThemeScrips/Datatable/js/jquery.dataTables.min.js"></script>
                    <script type="text/javascript">
                        $("#tbCity2").dataTable();
                        
                    </script>
                    </div>--%>
              </div>
              </section>
        </div>
    </div>
</asp:Content>
