<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="Other_Process.aspx.cs" Inherits="HRMS.Other_Process" %>
<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">
                         CarryOver Process
                            <div class="pull-right">
                                <asp:Button ID="btn_process" CssClass="btn btn-info" runat="server" Text="Process" OnClick="btn_process_Click" />
                                <asp:Button ID="btn_cancel" CssClass="btn btn-info" runat="server" Text="Back" />
                            </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">
                            <asp:HiddenField ID="hid_elem_type" runat="server" />
                            <asp:HiddenField ID="hid_elem_lnk" runat="server" />
                            <asp:HiddenField ID="hid_ELEMENT_ENTRY_ID" runat="server" />
                        </div>

                        <div class="row">
                            <label class="control-label col-md-2">Date</label>
                            <div class="col-md-3">
                                <asp:TextBox ID="txt_date" runat="server" CssClass="form-control datetime"></asp:TextBox>
                            </div>

                            <label class="control-label col-md-2">Category</label>
                            <div class="col-md-3">
                                <asp:DropDownList ID="ddl_cat" runat="server" CssClass="form-control select2" AutoPostBack="true" OnSelectedIndexChanged="ddl_cat_SelectedIndexChanged">
                                    <asp:ListItem Text="--- Select ---" Value="0"></asp:ListItem>
                                    <asp:ListItem Text="Employee" Value="1"></asp:ListItem>
                                    <asp:ListItem Text="Payroll" Value="2"></asp:ListItem>
                                </asp:DropDownList>
                            </div>
                        </div>

                        <hr />


                                          <asp:GridView ID="grd_emp" runat="server" AutoGenerateColumns="False"  Visible="false"
                      cellpadding="0" border="0" class="display">
                        <Columns>
                            
                            <asp:BoundField DataField="ASSIGNMENT_ID" ItemStyle-CssClass="hidden" HeaderStyle-CssClass="hidden" />
                            <asp:BoundField HeaderText="Employee ID" DataField="PERSON_ID" />
                            <asp:BoundField HeaderText="Employee Name" DataField="Name" />
                            <asp:BoundField HeaderText="Organization" DataField="Org" />
                            <asp:BoundField HeaderText="Grade" DataField="Grade" />
                           <asp:TemplateField HeaderStyle-Width="100px">
                                        <HeaderTemplate>
                                             <asp:CheckBox runat="server" ID="chkAll" />
                                        </HeaderTemplate>

                                        <ItemTemplate>
                                            <asp:CheckBox runat="server" ID="chk_emp" CssClass="checkbox" HeaderStyle-Width="60px"/>
                                        </ItemTemplate>
                                     </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_emp").GridviewFix().dataTable();
                                      //Passing class names
                            </script>




                                       <asp:GridView ID="grd_payroll" runat="server" AutoGenerateColumns="False"  Visible="false"
                      cellpadding="0" border="0" class="display">
                        <Columns>
                            
                            <asp:BoundField HeaderText="Payroll ID" DataField="PAYROLL_ID" />
                            <asp:BoundField HeaderText="Payroll Name" DataField="PAYROLL_NAME" />
                            
                           <asp:TemplateField HeaderStyle-Width="100px">
                                        <HeaderTemplate>
                                             <asp:CheckBox runat="server" ID="chkAll" />
                                        </HeaderTemplate>

                                        <ItemTemplate>
                                            <asp:CheckBox runat="server" ID="chk_payroll" CssClass="checkbox" HeaderStyle-Width="60px"/>
                                        </ItemTemplate>
                                     </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_payroll").GridviewFix().dataTable();
                                      //Passing class names
                            </script>


                    </div>
                </section>
            </div>
        </div>
    </div>

    <script type="text/javascript" language="javascript">
        $("#<%=grd_emp.ClientID%> input[id*='chkAll']:checkbox").click(function () {
            //Check/uncheck all checkboxes in list according to main checkbox 
            $("#<%=grd_emp.ClientID%> input[id*='chk_emp']:checkbox").attr('checked', $(this).is(':checked'));
    });
</script>

     <script type="text/javascript" language="javascript">
         $("#<%=grd_payroll.ClientID%> input[id*='chkAll']:checkbox").click(function () {
             //Check/uncheck all checkboxes in list according to main checkbox 
             $("#<%=grd_payroll.ClientID%> input[id*='chk_payroll']:checkbox").attr('checked', $(this).is(':checked'));
        });
</script>


     <script src="../../ThemeScrips/jquery.min.js"></script>
    <link href="../../ThemeScrips/select2.min.css"
        rel="stylesheet" />
    <script src="../../ThemeScrips/select2.min.js"></script>
    <%--<script src="/ThemeScrips/select2.min.js"></script>--%>
    <script>
        $('.select2').select2();
    </script>
</asp:Content>
