<%@ page title="" language="C#" masterpagefile="~/Employee/MasterPage1.master" autoeventwireup="true" inherits="Admin_AvailLeaves, App_Web_jxsshvog" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <%--    <link href="../CSS/style.css"type="text/css" rel="Stylesheet" />
    <link href="../CSS/ForButton.css"type="text/css" rel="Stylesheet" />
        <link href="../css/buttoncss.css" type="text/css" rel="Stylesheet"/>

    <link href="../CSS/ForTextBox.css"type="text/css" rel="Stylesheet" /> 
    <script type="text/javascript" src="../js/JScript.js"></script>
--%> 
  <link href="../css/buttoncss.css" type="text/css" rel="Stylesheet"/>
   <style type="text/css">
        .style2
        {
            width: 100%;
         
      }
       	 .shadow_five {
        background-color: #B3EBF4;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        -moz-box-shadow: 3px 3px 5px #B1A59A;
        -webkit-box-shadow: 3px 3px 5px #B1A59A;
        -o-box-shadow: 3px 3px 5px #B1A59A;
        -ms-box-shadow: 3px 3px 5px #B1A59A;
        box-shadow: 3px 3px 5px #B1A59A;
        padding: 10px;
        margin-bottom: 10px;
    }
        .shadow_five1 {
            background-color: #F2FFC6;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            -ms-border-radius: 10px;
            border-radius: 10px;
            -moz-box-shadow: 3px 3px 5px #B1A59A;
            -webkit-box-shadow: 3px 3px 5px #B1A59A;
            -o-box-shadow: 3px 3px 5px #B1A59A;
            -ms-box-shadow: 3px 3px 5px #B1A59A;
            box-shadow: 3px 3px 5px #B1A59A;
            padding: 10px;
            margin-bottom: 10px;
        }
         .shadow_five2 {
            background-color: #FFF0DB;      
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -o-border-radius: 10px;
            -ms-border-radius: 10px;
            border-radius: 10px;
            -moz-box-shadow: 0px 0px 0px #B1A59A;
            -webkit-box-shadow: 0px 0px 0px #B1A59A;
            -o-box-shadow: 0px 0px 0px #B1A59A;
            -ms-box-shadow: 0px 0px 0px #B1A59A;
            box-shadow: 0px 0px 0px #B1A59A;
            padding: 10px;
            width: 580px;
        }
          .lb
    {
            clear: left;
            margin: 5px 2px 0 0;
            text-align: right;
            font-size: 14px;
            color: #660033;
            text-transform: capitalize;
            text-shadow: 0px 0.5px 0px #444;
            font-weight:normal;
            font-family:Eurostile LT;
        }
         .p1
        {
       background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f7 3%, #ff9966 12%,#ff9966 90%, #bfbfbf);
-webkit-box-shadow: 0 4px 25px rgba(0,0,0,0.32), inset 0 1px 0 white;
-moz-box-shadow: 0 4px 25px rgba(0,0,0,0.32), inset 0 1px 0 white;
box-shadow: 0 4px 25px rgba(0,0,0,0.32), inset 0 1px 0 white;
            height:35px;
            width:200px;
            margin-top:0px;
        }
     .Label
    {
 /* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(bottom, #FFCE47 0%, #F2813F 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #FFCE47 0%, #F2813F 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #FFCE47 0%, #F2813F 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFCE47), color-stop(1, #F2813F));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #FFCE47 0%, #F2813F 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to top, #FFCE47 0%, #F2813F 100%);
}
  
 .font
{
	font-size:12px;
	font-family:Verdana;
	}
  
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<%--    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
 <ContentTemplate>--%>
<asp:Panel ID="Panel1" runat="server" Width="1330px">  <%--BorderStyle="Groove"--%>
 <div class="p1" style="float:left;"  >
      <p style="font-family:Verdana; font-size:16px; margin-top:0px;color:Blue;font-weight:bold;padding-top:10px;">
     <b style="color:Blue;">&nbsp;&nbsp;&nbsp;&nbsp;Leave Request
      </p>
   
           </div>
    <table class="style2" >
        <%-- <tr>
         <td  class="style19" 
                style="font-size: 20px; font-weight: bold; color:Blue;height:30px;" 
                 bgcolor="#ff9966">
                &nbsp;&nbsp;<b style="color:Red;">Leave Request</b>  </td>
      
        </tr>--%>
        
        <tr><td></td></tr>
         <tr><td>
       
         <asp:Panel ID="pnlTime" runat="server" CssClass="shadow_five2" Width="97%" >
                 
         <table width="100%">

         <tr>
             <td class="style22" align="right">
                 &nbsp;</td>
             <td align="right" class="style54">
                 &nbsp;</td>
             <td class="style66">
                 &nbsp;</td>
             <td class="style25">
                 &nbsp;</td>
             <td>
                 
             </td>
         </tr>
        
            
            <tr><td colspan="5" class="style20"></td></tr>
<tr>
<td></td>
<td class="style54">  <asp:RadioButton ID="rbHalf" runat="server" Font-Bold="True" 
                    Font-Size="Medium" ForeColor="#910000" Text="Half Day" 
                     GroupName="A" AutoPostBack="True" 
                    oncheckedchanged="rbHalf_CheckedChanged" />   
</td>
<td class="style66">
<asp:RadioButton ID="rbSingle" runat="server" Font-Bold="True" 
                    Font-Size="Medium" ForeColor="#910000" Text="Single Day" 
                     GroupName="A" AutoPostBack="True" 
                    oncheckedchanged="rbSingle_CheckedChanged" />   
</td>
<td class="style25">
<asp:RadioButton ID="rbMultiple" runat="server" Font-Bold="True" 
                    Font-Size="Medium" ForeColor="#910000" Text="Multiple Day" 
                     GroupName="A" AutoPostBack="True" 
                    oncheckedchanged="rbMultiple_CheckedChanged" />   
</td>
<td></td>
</tr>
<tr><td colspan="5" class="style21"></td></tr>

    <tr>
    <td colspan="5">
        
         <asp:Panel ID="pnlHalf" runat="server" CssClass="shadow_five2" Width="97%" 
             Height="203px" Visible="false">
         <table width="100%" style="height: 167px">
         <tr>
                 <td align="right" class="style55">
                     </td>
                 <td align="right" >
                     
                     <asp:Label ID="Label1" runat="server" Font-Names="Verdana" Font-Size="12px" 
                         Text=" Date  " ForeColor="Black"></asp:Label>
                 </td>
                 <td class="style57">
                     </td>
                 <td class="style58">
                     <asp:TextBox ID="txtDate" runat="server" Width="170px"></asp:TextBox>
                     <cc1:CalendarExtender ID="txtDate_CalendarExtender" runat="server" 
                    Enabled="True" TargetControlID="txtDate">
                </cc1:CalendarExtender>
                 </td>
                 <td class="style59">
                     &nbsp;</td>
             </tr>
             <tr>
                 <td align="right" class="style60">
                     </td>
                 <td align="right" class="style69">
                     <asp:Label ID="Label2" runat="server" Font-Names="Verdana" Font-Size="12px" 
                         Text=" Hours " ForeColor="Black"></asp:Label>
                 </td>
                 <td class="style62">
                     </td>
                 <td class="style63">
                   <asp:DropDownList ID="ddl_amPM_list" runat="server" >
                 <asp:ListItem Value="-Select-">-Select-                 
                 </asp:ListItem>
                 <asp:ListItem Value="am">am
                 
                 </asp:ListItem>
                 <asp:ListItem Value="pm">pm
                 
                 </asp:ListItem>
                 </asp:DropDownList>
                     <asp:TextBox ID="txtHours" runat="server" Width="170px"></asp:TextBox>
                 </td>
                 <td class="style64">
                     &nbsp;</td>
             </tr>
         <tr>
             <td class="style26" align="right">
                 &nbsp;</td>
             <td align="right" class="style69">
                   <asp:Label ID="Label3" runat="server" Font-Names="Verdana" Font-Size="12px" 
                       Text=" Purpose " ForeColor="Black"></asp:Label>
            </td>
             <td class="style28">
                 </td>
             <td class="style29">
                  <asp:TextBox ID="txtPurpose" runat="server" Height="90px" 
                      Width="177px" TextMode="MultiLine"></asp:TextBox>
                  </td>
             <td class="style30">
                 &nbsp;</td>
         </tr>
        </table>
        </asp:Panel>
    </td>
    </tr>
    
    
     <tr>
    <td colspan="5">
        
         <asp:Panel ID="pnlSingle" runat="server" CssClass="shadow_five2" Width="97%" Height="148px" Visible="false">
         <table width="100%">
         <tr>
                 <td align="right" class="style55">
                     </td>
                 <td align="right" class="style68">
                    
                     <asp:Label ID="Label46" runat="server" Font-Names="Verdana" Font-Size="12px" 
                         Text=" Date  " ForeColor="Black"></asp:Label>
                 </td>
                 <td class="style57">
                     </td>
                 <td class="style58">
                     <asp:TextBox ID="txtDate1" runat="server" Width="170px"></asp:TextBox>
                     <cc1:CalendarExtender ID="txtDate1_CalendarExtender" runat="server" 
                    Enabled="True" TargetControlID="txtDate1">
                </cc1:CalendarExtender>
                 </td>
                 <td class="style59">
                     &nbsp;</td>
             </tr>
           
         <tr>
             <td class="style26" align="right">
                 &nbsp;</td>
             <td align="right" class="style68">
                   <asp:Label ID="Label41" runat="server" Font-Names="Verdana" Font-Size="12px" 
                       Text=" Purpose " ForeColor="Black"></asp:Label>
            </td>
             <td class="style28">
                 </td>
             <td class="style29">
                  <asp:TextBox ID="txtPurpose1" runat="server" Height="90px" 
                      Width="177px" TextMode="MultiLine"></asp:TextBox>
                  </td>
             <td class="style30">
            <%--   <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" 
                    ControlToValidate="txtPurpose1" ErrorMessage="Enter Purpose" 
                    ValidationGroup="1"></asp:RequiredFieldValidator>--%>
                 </td>
         </tr>
        </table>
        </asp:Panel>
    </td>
    </tr>
    
    
     <tr>
    <td colspan="5">
        
         <asp:Panel ID="pnlMultiple" runat="server" CssClass="shadow_five2" Width="97%" Visible="false"
             Height="178px">
         <table width="100%">
         <tr>
                 <td align="right" class="style55">
                     </td>
                 <td align="right" class="style70">
                   <%--  <asp:Label ID="Label4" runat="server" Font-Names="Verdana" Font-Size="14px" 
                         Text=" Reqiured Period "></asp:Label>
                     -&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--%>
                     <asp:Label ID="Label5" runat="server" Font-Names="Verdana" Font-Size="12px" 
                         Text=" From  "  ForeColor="Black"></asp:Label>
                 </td>
                 <td class="style57">
                     </td>
                 <td class="style58">
                     <asp:TextBox ID="txtFrom" runat="server" Width="170px"></asp:TextBox>
                     <cc1:CalendarExtender ID="txtFrom_CalendarExtender" runat="server" 
                    Enabled="True" TargetControlID="txtFrom">
                </cc1:CalendarExtender>
<%--                <asp:RequiredFieldValidator runat="server" ID="req_field_txt_from"  ></asp:RequiredFieldValidator>
--%>                 </td>
                 <td class="style59">
                <%--  <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" 
                    ControlToValidate="txtFrom" ErrorMessage="Enter 'from date'" 
                    ValidationGroup="1"></asp:RequiredFieldValidator> --%> 
                     </td>
             </tr>
             <tr>
                 <td align="right" class="style60">
                     </td>
                 <td align="right" class="style70">
                     <asp:Label ID="Label47" runat="server" Font-Names="Verdana" Font-Size="12px" 
                         Text=" To " ForeColor="Black"></asp:Label>
                 </td>
                 <td class="style62">
                     </td>
                 <td class="style63">
                     <asp:TextBox ID="txtTo" runat="server" Width="170px"></asp:TextBox>
                     <cc1:CalendarExtender ID="txtToDate_CalendarExtender" runat="server" 
                    Enabled="True" TargetControlID="txtTo">
                </cc1:CalendarExtender>
                 </td>
                 <td class="style64">
                 <%--  <asp:RequiredFieldValidator ID="RequiredFieldValidator13" runat="server" 
                    ControlToValidate="txtTo" ErrorMessage="Enter 'To date'" 
                    ValidationGroup="1"></asp:RequiredFieldValidator>--%>   </td>
             </tr>
         <tr>
             <td class="style26" align="right">
                 &nbsp;</td>
             <td align="right" class="style70">
                   <asp:Label ID="Label6" runat="server" Font-Names="Verdana" Font-Size="12px" 
                       Text=" Purpose " ForeColor="Black"></asp:Label>
            </td>
             <td class="style28">
                 </td>
             <td class="style29">
                  <asp:TextBox ID="txtPurpose2" runat="server" Height="90px" 
                      Width="177px" TextMode="MultiLine"></asp:TextBox>
                  </td>
             <td class="style30">
              <%-- <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" 
                    ControlToValidate="txtPurpose2" ErrorMessage="Enter Purpose" 
                    ValidationGroup="1"></asp:RequiredFieldValidator>--%>
                 </td>
         </tr>
        </table>
        </asp:Panel>
    </td>
    </tr>
    <tr><td colspan="5"></td></tr>
            
             <tr>
                 <td align="right" class="style26">
                     &nbsp;</td>
                 <td align="right" class="style54">
                     &nbsp;</td>
                 <td class="style71">
                     <asp:Button ID="btnSubmit" runat="server" CssClass="myButton" Visible="false"
                         onclick="btnSubmit_Click" Text="Submit" 
                         ValidationGroup="1" Width="100px" />
                     <br />
                     <asp:Label ID="lblInsert" runat="server" Font-Names="Verdana" Font-Size="12px" Visible="false"
                         ForeColor="Red"></asp:Label>
                 </td>
                 <td class="style65">
                     <br />
                 </td>
                 <td class="style30">
                     &nbsp;</td>
             </tr>
             
              <tr><td colspan="5">
              <asp:Panel ID="Panel2" runat="server" CssClass="contactpanelcss" Visible="false"> 
            <div style="overflow:scroll;height:300px;">
               <asp:GridView ID="GridView1" runat="server" CellPadding="4" 
                    AutoGenerateColumns="false" 
                    GridLines="None" Width="590px"
                    BackColor="LightGoldenrodYellow" BorderColor="Tan" BorderWidth="1px" 
                    Font-Names="Book Antiqua" Font-Size="11pt" ForeColor="Black">
                      <RowStyle BackColor="#ffc9bb" ForeColor="#333333" />
                     
                   <%-- <RowStyle BackColor="#FFFBD6" ForeColor="#333333" />--%>
                   
                    <Columns>
                     <asp:TemplateField Visible="false">
                            <ItemTemplate>
                               <asp:Label ID="lblRowId" Width="5px" runat="server" Text='<%# Eval("RowId")%>' ></asp:Label> 
                            </ItemTemplate>
                     </asp:TemplateField>
                        <asp:TemplateField HeaderText="Purpose" ItemStyle-Width="50px">
                            <ItemTemplate>
                              <asp:TextBox ID="lblPurpose" runat="server" Text='<%# Eval("Purpose")%>' Height="30px"
                                                Width="300px" ReadOnly="true" CssClass="font"></asp:TextBox>  
                            </ItemTemplate>
                          
                            <ItemStyle Width="50px" />
                          
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="From date" ItemStyle-Width="100px">
                          
                            <ItemTemplate>
                              <center>
                               <asp:TextBox ID="lblFromDatevar" runat="server" Text='<%# Eval("FromDatevar")%>' Height="30px"
                                                Width="120px" ReadOnly="true" CssClass="font"></asp:TextBox>  
                              </center> 
                            </ItemTemplate>
                        
                            <ItemStyle Width="100px" />
                        
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="To Date" ItemStyle-Width="100px">
                            <ItemTemplate>
                               <center>
                                 <asp:TextBox ID="lblToDatevar" runat="server" Text='<%# Eval("ToDatevar")%>' Height="30px"
                                                Width="120px" ReadOnly="true" CssClass="font"></asp:TextBox> 
                               </center> 
                            </ItemTemplate>
                        
                            <ItemStyle Width="100px" />
                        
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Days Type" ItemStyle-Width="80px">
                            <ItemTemplate>
                               <center>
                                <asp:TextBox ID="lblType" runat="server" Text='<%# Eval("Type")%>' Height="30px"
                                                Width="120px" ReadOnly="true" CssClass="font"></asp:TextBox> 
                               </center> 
                            </ItemTemplate>
                           
                            <ItemStyle Width="80px" />
                           
                        </asp:TemplateField>
                                        
                    
                            <%--<EditItemTemplate>
                                <asp:TextBox ID="txtTotal" runat="server" MaxLength="5" Width="40px"></asp:TextBox>
                            </EditItemTemplate>
                        </asp:TemplateField>
                        <asp:CommandField ShowEditButton="True" ItemStyle-Width="20px" />
                        <asp:TemplateField>
                                    <ItemTemplate>
                                        <asp:LinkButton ID="lnkRemove" runat="server" 
                                            CommandArgument='<%# Eval("RowId")%>'   
                                            CommandName="Delete" OnClick="DeleteCustomer" 
                                            OnClientClick="return confirm('Do you want to delete?')" Text="Delete" Width="20px">
                                        </asp:LinkButton>
                                    </ItemTemplate>
                                     +","+  Eval("PCode") +","+ Eval("assigndetails") %> <FooterTemplate><%# Eval("CCode")%>
        <asp:Button ID="btnAdd" runat="server" Text="Add"
            OnClick = "AddNewCustomer" />
   </FooterTemplate>
                       </asp:TemplateField>--%>
                       
                         
                        </Columns>
                        
                         <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
                            <PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" />
                            <SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" />
                            <HeaderStyle BackColor="#c04516" Font-Bold="True" ForeColor="White" />
                            <AlternatingRowStyle BackColor="White" />
                                                 
             <%--       <FooterStyle BackColor="LightGoldenrodYellow" />
                    <PagerStyle BackColor="LightGoldenrodYellow" ForeColor="#FFC46A" 
                        HorizontalAlign="Center" />
                    <SelectedRowStyle BackColor="#FFCF88" ForeColor="GhostWhite" />
                    <HeaderStyle BackColor="#A0A012" Font-Bold="True" />
                    <AlternatingRowStyle BackColor="#F8F4DA" />--%>
                </asp:GridView>
               </div> 
             </asp:Panel>
             </td></tr>
             
         </table>
         </asp:Panel>
         </td></tr>
    </table>
    

</asp:Panel>
<%--</ContentTemplate>
</asp:UpdatePanel>--%>
</asp:Content>

