<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="EmpEndSettlement.aspx.cs" Inherits="HRMS.HR.People.EmpEndSettlement" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="main-panel">
        <div class="row">
            <div class="col-md-12">
                <section class="panel">
                    <header class="panel-heading" style="padding-bottom:30px">
                           <span class="label label-primary"></span>
                          <div class="pull-right">
                                <asp:button text="Save" CssClass="btn btn-info" ID="btn_save" Width="120px"
                                    ValidationGroup="save" runat="server" onclick="btn_save_Click" />
                                
                            </div>
                    </header>

                    <div class="panel-body">
                         <div class="span6">
                                <div id="divmessage" runat="server" visible="false"
                                    class="alert alert-info alert-dismissable">
                                    <asp:label text="" ID="lbl_msg" CssClass="msg" runat="server"></asp:label>
                                </div>
                            </div>

                            <div class="span6">
                                <div id="diverrmessage" runat="server" visible="false"
                                    class="alert alert-info alert-dismissable">
                                    <asp:label text="" id="lbl_err_msg" CssClass="msg" runat="server"></asp:label>
                                </div>
                            </div>


                        <div class="row" style="padding-top:10px">
                                <asp:HiddenField ID="hid_emp" runat="server" />
                                <label class="control-label col-md-2">Employee</label>
                                <div class="col-md-3">
                                    <div class="input-group">
                                        <asp:TextBox CssClass="form-control" ID="txt_emp_name" runat="server">
                                        </asp:TextBox>
                                        <asp:RequiredFieldValidator SetFocusOnError="true" ValidationGroup="save"
                                            runat="server" id="req_emp_name" controltovalidate="txt_emp_name"
                                            errormessage="Employee is Required!" />
                                        <span class="input-group-btn">
                                            <button id="btn_lov_emp" type="button" runat="server"
                                                class="btn btn-white" onserverclick="btn_lov_emp_ServerClick"><i
                                                    class="fa fa-search"></i></button>
                                        </span>
                                    </div>
                                </div>
                            </div>

                        <hr />

                        <div class="row">
                            <label class="control-label col-md-2" style="text-align:left">Employee Name</label>
                            <div class="col-md-3">
                                <label class="control-label" id="lbl_emp_name" runat="server" style="text-align:left;font-weight:bold;">Waqas Yaqoob</label>
                            </div>

                             <label class="control-label col-md-2"  style="text-align:left">Department</label>
                              <div class="col-md-3">
                                <label class="control-label" id="lbl_dept" runat="server" style="text-align:left;font-weight:bold;">Dot Net Department</label>
                            </div>
                        </div>

                        <div class="row">
                             <label class="control-label col-md-2"  style="text-align:left">Employee No.</label>
                            <div class="col-md-3">
                                <label class="control-label" id="lbl_emp_no" style="text-align:left;font-weight:bold;" runat="server">SLC-001</label>
                            </div>

                             <label class="control-label col-md-2" style="text-align:left">CNIC</label>
                              <div class="col-md-3">
                                <label class="control-label" id="lbl_nic" style="text-align:left;font-weight:bold;" runat="server">42101-4680708-1</label>
                            </div>
                        </div>

                        <div class="row">
                            <label class="control-label col-md-2" style="text-align:left">Designation</label>
                            <div class="col-md-3">
                                <label class="control-label" style="text-align:left;font-weight:bold;" id="lbl_desig" runat="server">Dot Net Developer</label>
                            </div>

                            <label class="control-label col-md-2" style="text-align:left;">Date Of Joining</label>
                              <div class="col-md-3">
                                <label class="control-label" style="text-align:left;font-weight:bold;" id="lbl_doj" runat="server">2017-01-01</label>
                            </div>
                        </div>



                        <hr />
                        <asp:GridView ID="grd" runat="server" AutoGenerateColumns="False" cellpadding="0" border="0" class="display" onrowcommand="grd_RowCommand">
                            <Columns>
                                <asp:BoundField HeaderText="Earning" DataField="Person_id"/>
                                <asp:BoundField HeaderText="Deduction" DataField="EMPLOYEE_NUMBER"/>
                            </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>
                    </div>
                </section>
            </div>
        </div>
    </div>
</asp:Content>
