<%@ page language="C#" autoeventwireup="true" maintainscrollpositiononpostback="true" inherits="Transactions_PopUp_ShiftExchange, App_Web_v51eoseg" %>

<%--<%@ Register Src="../UserControls/TA_uc_OrgLevel_Filter.ascx" TagName="TA_uc_OrgLevel_Filter" TagPrefix="uc1" %>
--%>
<%--<%@ Register Src="../UserControls/TA_uc_OrgLevel_Filter_Modify.ascx" TagName="TA_uc_OrgLevel_Filter"
    TagPrefix="uc1" %>--%>
<%@ Register Src="../UserControls/TA_uc_OrgLevelFilter_Updated.ascx" TagName="TA_uc_OrgLevel_Filter"
    TagPrefix="uc1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" runat="server" id="htmlSelectEmpPop">
<head id="Head1" runat="server">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Timecheck</title>
    <link id="stylebootstrap" rel="stylesheet" runat="server" type="text/css" />
    <link id="stylefontawesome" rel="stylesheet" runat="server" type="text/css" />
    <link id="styleAdminLTE" rel="stylesheet" runat="server" type="text/css" />
    <link id="stylecustom" rel="stylesheet" runat="server" type="text/css" />
    <link id="stylefonts" rel="stylesheet" runat="server" type="text/css" />
    <link id="styleselect2" rel="stylesheet" runat="server" type="text/css" />    
    <link id="styleProgressBar" rel="stylesheet" runat="server" type="text/css" />
    <link id="styleAutocomp" rel="stylesheet" runat="server" type="text/css" />     


    <script type="text/javascript" src="../js/jquery-1.2.min.js"></script>

    <script language="javascript" src="../js/jquery.min.js" type="text/javascript"></script>

    <script language="javascript" type="text/javascript" src="../js/chkbox_delete.js"></script>

    <script language="javascript" type="text/javascript" src="../js/lockkeys.js"></script>

    <script language="javascript" type="text/javascript" src="../js/maxLength.js"></script>

    <script language="javascript" src="../js/jquery.autocomplete.js" type="text/javascript"></script>

    <script type="text/javascript" src="../bootstrap/js/1.4.3/jquery.min.js"></script>

    <script src="../bootstrap/js/1.8.5/jquery-ui.min.js" type="text/javascript"></script>

    <script language="javascript" src="../js/Popup.js" type="text/javascript"></script>

    <script language="javascript" src="../js/ShiftExchange.js" type="text/javascript"></script>

    <script language="javascript" src="../js/chkbox_delete.js" type="text/javascript"></script>

    <script src="../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>

    <script src="../plugins/select2/select2.full.min.js"></script>

    <style type="text/css">
        .completionListElement {
            visibility: hidden;
            margin: 0px !important;
            background-color: inherit;
            color: black;
            border: solid 1px gray;
            cursor: pointer;
            text-align: left;
            list-style-type: none;
            font-family: Verdana;
            font-size: 11px;
            padding: 0;
        }

        .listItem {
            background-color: white;
            padding: 1px;
        }

        .highlightedListItem {
            background-color: #c3ebf9;
            padding: 1px;
        }
    </style>
</head>
<body>
    <form id="aspnetForm" runat="server">
        <div class="content">
            <!--FILTERS-->
            <div class="panel-group" id="accordion">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="pull-left">
                                    <h4>
                                        <asp:Label ID="lblFilter" runat="server" Text="Filter"></asp:Label>
                                    </h4>
                                </div>
                                <div class="pull-right">
                                    <h6>
                                        <span style="color: Red;padding-left: 10px;">|</span><span style="padding-left: 10px; padding-right: 10px"><asp:Label
                                            ID="lbl_Man" runat="server"></asp:Label>
                                            (1 No.)</span>
                                    </h6>
                                </div>
                            </div>
                            <div class="clearfix">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix">
                </div>
            </div>
            <!--FILTERS-->
            <div class="emp-filter">
                <asp:ScriptManager ID="ScriptManager1" runat="server">
                </asp:ScriptManager>
                <div class="row">
                    <div class="form-horizontal">
                        <div class="col-md-12">
                            <%--Add Search text box and other search control here--%>
                            <div class="row form-group">
                                <div class="col-md-2">
                                    <asp:Label ID="lblEmployeeId" runat="server"></asp:Label>
                                </div>
                                <div class="col-md-3">
                                    <asp:TextBox onpaste="return true" ID="txtEmployeeId" runat="server" MaxLength="15"
                                        CssClass="form-control">
                                    </asp:TextBox>
                                </div>
                                <div class="col-md-1">
                                </div>
                                <div class="col-md-2">
                                    <asp:Label ID="lblEmployeeName" runat="server"></asp:Label>
                                </div>
                                <div class="col-md-3">
                                    <asp:TextBox onpaste="return true" ID="txtEmployeeName" runat="server" CssClass="form-control"></asp:TextBox>
                                    <cc1:AutoCompleteExtender ID="acEmployeeId" runat="server" CompletionSetCount="10"
                                        CompletionListItemCssClass="item" CompletionListHighlightedItemCssClass="AutocompleteCSS"
                                        CompletionInterval="10" Enabled="true" MinimumPrefixLength="1" TargetControlID="txtEmployeeId"
                                        ServicePath="../WebServices/AutoCompleteExtender.asmx" ServiceMethod="GetEmployeeId"
                                        CompletionListCssClass="autocomplete_completionListElement" FirstRowSelected="true">
                                    </cc1:AutoCompleteExtender>
                                    <cc1:AutoCompleteExtender ID="acEmployeeName" runat="server" CompletionSetCount="10"
                                        CompletionListItemCssClass="item" CompletionListHighlightedItemCssClass="AutocompleteCSS"
                                        CompletionInterval="10" Enabled="true" MinimumPrefixLength="1" TargetControlID="txtEmployeeName"
                                        ServicePath="../WebServices/AutoCompleteExtender.asmx" ServiceMethod="GetEmployeeName"
                                        CompletionListCssClass="autocomplete_completionListElement" FirstRowSelected="true">
                                    </cc1:AutoCompleteExtender>
                                </div>
                            </div>
                            <div class="row form-group">
                                <div class="col-md-2">
                                    <asp:Label ID="lblEmpCategory" runat="server" Text="Employee Category"></asp:Label>
                                </div>
                                <div class="col-md-3">
                                    <asp:HiddenField ID="hdnEmpCategory" runat="server" Value="0" />
                                    <asp:DropDownList ID="ddlEmpCatagory" runat="server" CssClass="form-control select2"
                                        AppendDataBoundItems="true">
                                        <asp:ListItem Value="0" Selected="True" Text="-Select-"></asp:ListItem>
                                    </asp:DropDownList>
                                </div>
                                <div class="col-md-1">
                                </div>
                                <div class="col-md-2">
                                    <asp:Label ID="lblEmpType" runat="server" Text="Employee Type"></asp:Label>
                                </div>
                                <div class="col-md-3">
                                    <asp:DropDownList ID="ddlEmpType" runat="server" CssClass="form-control select2"
                                        AppendDataBoundItems="true">
                                        <asp:ListItem Value="0" Selected="True" Text="-Select-"></asp:ListItem>
                                    </asp:DropDownList>
                                </div>
                            </div>
                            <div class="clearfix">
                            </div>
                            <div class="row">
                                <div class="row">
                                    <div class="line16">
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12">
                                    <uc1:TA_uc_OrgLevel_Filter ID="TA_uc_OrgLevel_Filter1" runat="server"></uc1:TA_uc_OrgLevel_Filter>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <asp:Label ID="lbl_Error" runat="server" Style="color: #ff0000"></asp:Label>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                </div>
                                <div class="col-md-5">
                                    <div class="pull-right-button">
                                        <%--Add serach button here--%>
                                        <asp:LinkButton ID="butGo" CssClass="btn save-btn fa-angle-right" runat="server"
                                            CausesValidation="False" OnClick="butGo_Click" />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--RES TABLE-->
            <div class="border-table new-space" id="divShift" runat="server" visible="false">
                <div class="table-responsive">
                    <%--Grid Add Here--%>
                    <asp:GridView ID="grv_Shift" runat="server" AllowPaging="True" AutoGenerateColumns="False"
                        PageSize="10" Width="100%" OnRowDataBound="grv_Shift_RowDataBound" OnPageIndexChanging="grv_Shift_PageIndexChanging"
                        CssClass="table das-table1">
                        <Columns>
                            <asp:TemplateField HeaderStyle-CssClass="empheader GridColumn50" ItemStyle-Width="50px"
                                ItemStyle-VerticalAlign="Middle" ItemStyle-HorizontalAlign="Center">
                                <HeaderTemplate>
                                </HeaderTemplate>
                                <ItemTemplate>
                                    <input id="rdbId" runat="server" onclick="InsertEmployeeDetailsShiftExchange(this);"
                                        type="radio" value='<%# Eval("Employee_Code_Id")%>' class="radioLeave radioLeave-primary" />
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Employee Id" HeaderStyle-CssClass="empheader GridColumn50">
                                <ItemTemplate>
                                    <asp:Label ID="lbl_EmpId" runat="server" Text='<%# Eval("Employee_Code_Id")%>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Employee Name" HeaderStyle-CssClass="empheader GridColumn50">
                                <ItemTemplate>
                                    <asp:Label ID="lbl_EmpName" runat="server" Text='<%# Eval("Employee Name")%>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>
                        <RowStyle Height="30px" CssClass="table-bg" BorderColor="#C5DFFC" />
                        <PagerStyle Font-Overline="False" HorizontalAlign="Right" CssClass="GridPager" />
                        <PagerSettings FirstPageText="<<" LastPageText=">>" Mode="NumericFirstLast" NextPageText=">"
                            PreviousPageText="<" />
                        <AlternatingRowStyle BackColor="white" />
                    </asp:GridView>
                </div>
                <div class="clearfix">
                </div>
                <div class="row page-nos">
                    <div class="col-md-6">
                    </div>
                    <div class="col-md-6 page-button">
                        <%--Add Cancel button Add button here--%>
                        <asp:LinkButton ID="btn_done1" CssClass="btn save-btn fa-check-circle-o" runat="server"
                            CausesValidation="False" OnClientClick="return CloseShiftExchangeWindow();" />
                        <input type="hidden" id="hdnEmployeeCodeId" runat="server" />
                        <input type="hidden" id="hdnTxtField" runat="server" />
                    </div>
                </div>
            </div>
            <!--RES TABLE-->
        </div>

        <script>
            $(".select2").select2();
        </script>

    </form>
</body>
</html>
