<%@ page language="C#" autoeventwireup="true" maintainscrollpositiononpostback="true" inherits="Transactions_PopUp_EmployeeLeaveQuota, App_Web_k4soorg1" %>

<%@ Register Src="../UserControls/TA_uc_OrgLevel_Filter.ascx" TagName="TA_uc_OrgLevel_Filter"
    TagPrefix="uc1" %>
<!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="htmlEmpLeavePop">
<head runat="server">
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
        name="viewport" />
    <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" />   
    <title>Timecheck</title>
</head>
<body>
    <form id="aspnetForm" runat="server" style="font-family: robotoregular !important">
        <div class="bla-table" style="margin-top: 0px">
            <h3 style="border-bottom: 1px solid #A7D3E8;">
                <asp:Label ID="lblbalance" runat="server"></asp:Label>
            </h3>
            <div class="row" style="padding-top: 10px">
                <div class="col-md-12">
                    <asp:GridView ID="grvLeaveQuota" runat="server" AllowPaging="True" AutoGenerateColumns="False"
                        PageSize="5" CssClass="bla-table leave-typebox" AllowSorting="true" OnPageIndexChanging="grvLeaveQuota_PageIndexChanging"
                        OnSorting="grvLeaveQuota_Sorting" Style="margin-top: 0px">
                        <Columns>
                            <asp:TemplateField HeaderText="Leave Type" SortExpression="Leave Type" HeaderStyle-CssClass="leave-type"
                                HeaderStyle-BackColor="white" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"
                                ItemStyle-CssClass="new-text">
                                <ItemTemplate>
                                    <asp:Label ID="lblLeaveType" runat="server" Text='<%# Eval("Leave Type")%>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Number of Days" HeaderStyle-CssClass="leave-type"
                                HeaderStyle-BackColor="white" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"
                                ItemStyle-CssClass="new-text" SortExpression="Number of Days">
                                <ItemTemplate>
                                    <asp:Label ID="lblNumberOfDays" runat="server" Text='<%# Eval("Number of Days")%>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Current Year Balance" HeaderStyle-CssClass="leave-type"
                                HeaderStyle-BackColor="white" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"
                                ItemStyle-CssClass="new-text"  SortExpression="Number of Days / year" >
                                <ItemTemplate>
                                    <asp:Label ID="lblNumberOfDaysYear" runat="server" Text='<%# Eval("Number of Days / year")%>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>
                        <PagerStyle Font-Overline="False" HorizontalAlign="Right" CssClass="GridPager" />
                        <PagerSettings FirstPageText="First" LastPageText="Last" Mode="NumericFirstLast"
                            NextPageText="Next" PreviousPageText="&lt;" />
                    </asp:GridView>
                </div>
            </div>
            <div class="row" style="margin-top: -15px;" id="divLOP" runat="server">
                <div class="col-md-12" align="center">
                    <table class="bla-table leave-typebox">
                        <thead>
                            <tr class="leave-type" align="center">
                                <th colspan="2" style="background-color: White; color: #0085B2; border-bottom: 1px solid #A7D3E8;
                                    font-weight: bold; padding: 4px">
                                    <asp:Label ID="lblLOPLeave" runat="server" Text="LOP Leave Days"></asp:Label>
                                    </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <asp:GridView ID="grvLOPLeave" runat="server" AllowPaging="True" AutoGenerateColumns="False"
                                        PageSize="5" AllowSorting="true" CssClass="bla-table leave-typebox" OnPageIndexChanging="grvLOPLeave_PageIndexChanging"
                                        OnSorting="grvLOPLeave_Sorting">
                                        <Columns>
                                            <asp:TemplateField HeaderText="Leave Type" SortExpression="LeaveType"  HeaderStyle-CssClass="leave-type"
                                HeaderStyle-BackColor="white" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center"
                                ItemStyle-CssClass="new-text">
                                                <ItemTemplate>
                                                    <asp:Label ID="Label1" runat="server" Text='<%# Bind("LeaveType") %>'></asp:Label>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                            <asp:TemplateField HeaderText="Number of Days" SortExpression="RemainingNoOfLOPDays" ItemStyle-HorizontalAlign="Center"
                                HeaderStyle-HorizontalAlign="center" HeaderStyle-CssClass="balance-leave"
                                HeaderStyle-BackColor="white" ItemStyle-BorderColor="#A7D3E8" ItemStyle-BorderStyle="None">
                                                <ItemTemplate>
                                                    <asp:Label ID="Label2" runat="server" Text='<%# Bind("RemainingNoOfLOPDays") %>'></asp:Label>
                                                </ItemTemplate>
                                            </asp:TemplateField>
                                        </Columns>
                                         <PagerStyle Font-Overline="False" HorizontalAlign="Right" CssClass="GridPager" />
                        <PagerSettings FirstPageText="First" LastPageText="Last" Mode="NumericFirstLast"
                            NextPageText="Next" PreviousPageText="&lt;" />
                                    </asp:GridView>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <!-- border-bottom-style: groove; border-bottom-width: 1px-->
                </div>
            </div>
            <div class="row" style="margin-top: -15px;" id="divOthers" runat="server" >
                <div class="col-md-12" align="center">
                    <table class="bla-table leave-typebox">
                        <thead>
                            <tr class="leave-type" align="center">
                                <th colspan="2" style="background-color: White; color: #0085B2; border-bottom: 1px solid #A7D3E8;
                                    font-weight: bold; padding: 4px">
                                    <asp:Label ID="lblOtherDetails" runat="server"></asp:Label></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="col-md-4" style="padding-left: 10px; border-color: #A7D3E8; border-right-style: groove;
                                    border-right-width: 1px;padding-top:10px" align="left">
                                    
                                </td>
                                <td class="col-md-8" style="border-color: #A7D3E8; border-right-style: groove; border-right-width: 1px;">
                                </td>
                            </tr>
                          
                            <tr>
                                <td style="padding-left: 10px;padding-top: 10px; border-color: #A7D3E8; border-right-style: groove;
                                    border-right-width: 1px; width: 43%" align="left">
                                    <asp:Label ID="lblRestrictedHoliday" Text="Restricted Holidays" runat="server"></asp:Label></td>
                                <td style="border-color: #A7D3E8;;padding-top: 10px; border-right-style: groove; border-right-width: 1px;"
                                    align="center">
                                    <asp:Label ID="lblRestrictedHolidayData" runat="server"></asp:Label></td>
                            </tr>
                            <tr>
                                <td style="padding-left: 10px;padding-top: 10px; border-color: #A7D3E8; border-right-style: groove;
                                    border-right-width: 1px;" align="left">
                                    <asp:Label ID="lblCompOff" Text="Comp Off Days" runat="server"></asp:Label></td>
                                <td style="border-color: #A7D3E8;padding-top: 10px; border-right-style: groove; border-right-width: 1px;"
                                    align="center">
                                    <asp:Label ID="lblCompensationOffData" runat="server"></asp:Label></td>
                            </tr>
                        </tbody>
                    </table>
                    <!-- border-bottom-style: groove; border-bottom-width: 1px-->
                </div>
            </div>
            <div class="row" style="display: none">
                <div class="col-md-12">
                    <asp:Label ID="lblLeave" runat="server" Text="Leave Days"></asp:Label>
                </div>
            </div>
        </div>
    </form>
</body>
</html>
