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

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="row">
        <div class="col-md-12">
            <section class="panel">
            <header class="panel-heading">
                EOBI Profile
                <div class="pull-right">
                            <asp:Button CssClass="btn btn-info" ID="btn_save" Text="Save" runat="server" 
                                onclick="btn_save_Click" />
                            <asp:Button CssClass="btn btn-info" ID="btn_cancel" Text="Back" runat="server"/>
                        </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">
                                   <label class="col-md-2 control-label">Employee Name</label>
                                      <div class="col-md-4">
                                                     <div class="input-group">
                                                         <asp:TextBox ID="txt_locationCode" CssClass="form-control" runat="server" Text="Baqar Agha" Enabled="false"></asp:TextBox>
                                                         <span class="input-group-btn">
                                                            <button id="btn_lov_loc" type="button" runat="server" class="btn btn-white">
                                                            <i class="fa fa-search"></i></button>
                                                          </span>
                                                      </div>
                                     </div>

                            <label class="col-md-2 control-label">Employee No.</label>
                            <div class="col-md-3">
                                <asp:TextBox ID="txt_to_date" runat="server" CssClass="form-control" Text="0015" Enabled="false"></asp:TextBox>
                            </div>
                         </div>

                         <div class="row" style="padding-top:05px">
                            <label class="col-md-2 control-label">EOBI No.</label>
                            <div class="col-md-3">
                                <asp:TextBox ID="txt_strt_date" runat="server" CssClass="form-control" Text="KM-1539"></asp:TextBox>
                            </div>

                            <label class="col-md-3 control-label">CNIC No.</label>
                            <div class="col-md-3">
                                <asp:TextBox ID="TextBox1" runat="server" CssClass="form-control" Text="00000-00000000-0" Enabled="false"></asp:TextBox>
                            </div>
                         </div>


                          <div class="row" style="padding-top:05px">
                            <label class="col-md-2 control-label">Organization</label>
                            <div class="col-md-3">
                                <asp:TextBox ID="TextBox2" runat="server" CssClass="form-control" Text="Syslync Consulting" Enabled="false"></asp:TextBox>
                            </div>

                            <label class="col-md-3 control-label">Position</label>
                            <div class="col-md-3">
                                <asp:TextBox ID="TextBox3" runat="server" CssClass="form-control" Text=".Net Developer" Enabled="false"></asp:TextBox>
                            </div>
                         </div>

                         <div class="row" style="padding-top:05px">
                            <label class="col-md-2 control-label">Date From</label>
                            <div class="col-md-3">
                                <asp:TextBox ID="TextBox4" runat="server" CssClass="form-control" Text="2019-01-01"></asp:TextBox>
                            </div>

                            <label class="col-md-3 control-label">Date To</label>
                            <div class="col-md-3">
                                <asp:TextBox ID="TextBox5" runat="server" CssClass="form-control"></asp:TextBox>
                            </div>
                         </div>

                         <hr />

                         <asp:GridView ID="GridView1" runat="server"  CellPadding="0" border="0" AutoGenerateColumns="false" CssClass="display">
                                <Columns>
                                   <asp:BoundField DataField="Month"  HeaderText="Month" />
                                   <asp:BoundField DataField="Year" HeaderText="Year" />
                                   <asp:BoundField DataField="Amount" HeaderText="Amount" />
                                </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_GridView1").GridviewFix().dataTable();
                //Passing class names
            </script>
            </div>
        </section>
        </div>
    </div>
</asp:Content>
