<%@ page language="C#" masterpagefile="~/MasterFile/TimeCheck.master" autoeventwireup="true" inherits="Transactions_TA_UI_Transactions_PermissionSanctionModify, App_Web_c55clzp2" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="ConPermissionSanctionModify" ContentPlaceHolderID="BodyContentPH"
    runat="Server">
    <!--[if gt IE 5.5]>
	<link rel="stylesheet" type="text/css" href="../css/ProgressforIE.css" />
	
<![endif]-->

    <script type="text/javascript">
        var SelectLeaveType = "Select Leave Type";
        var LeaveorRestricted = "Select Leave/Restricted Holiday";
        var FromDate = "Fill From Date";
        var ToDate = "Fill To Date";
        var Reason = "Fill Reason";
        var Confirm = "Are you sure to, Save?";

        var MaxLength = "Maximum length is ";


        function MaxLengthh(maxLength) {

            MaxLength = maxLength;
        }
        function SetAlertMessages(selectLeaveType, leaveorRestricted, fromDate, toDate, reason, confirm) {

            SelectLeaveType = selectLeaveType;
            LeaveorRestricted = leaveorRestricted;
            FromDate = fromDate;
            ToDate = toDate;
            Reason = reason;
            Confirm = confirm;
        }

        function Validation() {
            return confirm(Confirm);
        }
    </script>

    <div class="content-header">
        <h1 style="background-image: url('../dist/img/lve-san.png'); background-repeat: no-repeat; padding-left: 35px">
            <asp:Label ID="lbl_Header" runat="server"></asp:Label>
        </h1>
        <asp:SiteMapPath ID="site" runat="server" CssClass="breadcrumb">
            <NodeStyle CssClass="active" />
        </asp:SiteMapPath>
    </div>
    <div class="content">
        <div class="col-md-12" style="color: Red; display: none">
            <span class="fa fa-asterisk"></span>
            <asp:Label ID="lbl_IndicatesMandatoryFields" runat="server" ForeColor="Red"></asp:Label>
        </div>
        <div class="inr-ftr">
            <div class="row">
                <div class="col-sm-2">
                </div>
                <div class="col-sm-2 col-sm-offset-8">
                    <div class="pull-right" style="height: 36px">
                    </div>
                </div>
                <div class="clearfix">
                </div>
            </div>
        </div>
        <asp:UpdatePanel ID="upLeave" runat="server">
            <ContentTemplate>
                <asp:Panel ID="pnlProgress" runat="server" Style="display: none;">
                    <asp:Panel ID="pnlLoading" runat="server" HorizontalAlign="center">
                        <div class="InsideProgressBar">
                            <div class="row" style="margin-top: 10px">
                                <img src="../dist/img/logo-Progress.png" />
                            </div>
                            <div class="row" style="min-width: 280px">
                                <img src="../dist/img/default.gif" style="width: 100px" />
                            </div>
                            <div class="row" style="margin-bottom: 10px">
                                <asp:Label ID="lblLoading" runat="server" ForeColor="black" Style="text-align: center"
                                    Font-Bold="true" Font-Size="12px" Font-Italic="true" Font-Family="Arial" Text="Please Wait..."></asp:Label>
                            </div>
                            <div class="clear clearfix">
                            </div>
                        </div>
                    </asp:Panel>
                </asp:Panel>
                <asp:HiddenField ID="hdnProgress" runat="server" />
                <cc1:ModalPopupExtender ID="popupProgress" runat="server" TargetControlID="hdnProgress"
                    BackgroundCssClass="ModalPopup" PopupControlID="pnlProgress" BehaviorID="popupProgress">
                </cc1:ModalPopupExtender>
            </ContentTemplate>
            <Triggers>
                <asp:PostBackTrigger ControlID="btn_Save" />
            </Triggers>
        </asp:UpdatePanel>
        <div class="emp-filter">
            <div class="form-horizontal">
                <div class="row">
                    <div class="col-md-12">
                        <div class="row form-group">
                            <div class="col-md-2">
                                <asp:Label ID="lbl_empid" runat="server"></asp:Label>
                            </div>
                            <div class="col-md-3">
                                <asp:Label ID="lblempid" runat="server" CssClass="form-control"></asp:Label>
                            </div>
                            <div class="col-md-1">
                            </div>
                            <div class="col-md-2">
                                <asp:Label ID="lbl_EmpName" runat="server"></asp:Label>
                            </div>
                            <div class="col-md-3">
                                <asp:Label ID="lbl_EmployeeName" runat="server" CssClass="form-control"></asp:Label>
                            </div>
                        </div>
                        <div class="row form-group">
                            <div class="col-md-2">
                                <asp:Label ID="lbl_Permissiondate" runat="server"></asp:Label>
                            </div>
                            <div class="col-md-3">
                                <asp:Label ID="lblPermissionDate" runat="server" Text="PermissionDate" CssClass="form-control"></asp:Label>
                            </div>
                        </div>
                        <div class="row form-group">
                            <div class="col-md-2">
                                <asp:Label ID="lbl_PermissionFromTime" runat="server"></asp:Label>
                            </div>
                            <div class="col-md-3">
                                <asp:Label ID="lblPermissionFromTime" runat="server" Text="From Time" CssClass="form-control"></asp:Label>
                            </div>
                            <div class="col-md-1">
                            </div>
                            <div class="col-md-2">
                                <asp:Label ID="lbl_PermissionToTime" runat="server"></asp:Label>
                            </div>
                            <div class="col-md-3">
                                <asp:Label ID="lblPermissionToTime" runat="server" Text="To Time" CssClass="form-control"></asp:Label>
                            </div>
                        </div>
                        <div class="row form-group">
                            <div class="col-md-2">
                                <asp:Label ID="lbl_Reason" runat="server"></asp:Label>
                            </div>
                            <div class="col-md-3">
                                <asp:Label ID="lblReason" runat="server" Text="lblReason" Style="overflow-y: auto; overflow-x: auto; word-break: break-all; word-wrap: break-word; display: inline-block; height: 56px"
                                    CssClass="form-control"></asp:Label>
                            </div>
                            <div class="col-md-1">
                            </div>
                            <div class="col-md-2">
                                <asp:Label ID="lbl_Remarks" runat="server" Text="Label"></asp:Label>
                            </div>
                            <div class="col-md-3">
                                <asp:TextBox onpaste="return true" ID="txtRemarks" runat="server" Style="resize: none"
                                    CssClass="form-control" MaxLength="250" onkeypress="return chkMaxLen(event,this,250,MaxLength);"
                                    TextMode="MultiLine"></asp:TextBox>
                            </div>
                        </div>
                      
                          <div id="divComments" runat="server">
                            <div class="form-group">
                                <div class="col-md-11 src-LeavePaddingRight">
                                    <div id="divLeaveConversation" runat="server">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row form-group">
                            <div class="col-md-2">
                                <asp:Label ID="lblStatus" Text="Status" runat="Server"></asp:Label>
                            </div>
                            <%--  <div class="col-md-9" visible="false">
                                <asp:RadioButtonList ID="rblStatus" runat="server" RepeatDirection="Horizontal" CssClass="radio radio-primary"
                                    RepeatLayout="Flow">
                                    <asp:ListItem Text="Approved" Value="Approved"></asp:ListItem>
                                    <asp:ListItem Text="Forwarded" Value="Forwarded"></asp:ListItem>
                                    <asp:ListItem Text="Pending" Value="Pending"></asp:ListItem>
                                    <asp:ListItem Text="Rejected" Value="Rejected"></asp:ListItem>
                                </asp:RadioButtonList>
                                
                            </div>--%>
                            <div class="col-md-10 pad-left-0px">
                                <div class="col-md-2">
                                    <asp:RadioButton ID="rbApproved" Text="Approved" runat="server" CssClass="radio radio-primary"
                                        GroupName="ValStatus" AutoPostBack="true" OnCheckedChanged="rbApproved_OnCheckedChanged" />
                                </div>
                                <div class="col-md-2">
                                    <asp:RadioButton ID="rbForwarded" Text="Forwarded" runat="server" CssClass="radio radio-primary"
                                        GroupName="ValStatus" AutoPostBack="true" OnCheckedChanged="rbForwarded_OnCheckedChanged" />
                                </div>
                                <div class="col-md-2">
                                    <asp:RadioButton ID="rbPending" Text="Pending" runat="server" CssClass="radio radio-primary"
                                        GroupName="ValStatus" AutoPostBack="true" OnCheckedChanged="rbPending_OnCheckedChanged" />
                                </div>
                                <div class="col-md-2">
                                    <asp:RadioButton ID="rbRejected" Text="Rejected" runat="server" CssClass="radio radio-primary"
                                        GroupName="ValStatus" AutoPostBack="true" OnCheckedChanged="rbRejected_OnCheckedChanged" />
                                </div>
                                <asp:Label ID="lbl_Error" runat="server" Style="color: #ff0000"></asp:Label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-5">
                            </div>
                            <div class="col-md-6">
                                <div class="pull-right-button">
                                    <asp:LinkButton ID="btn_Save" runat="server" CssClass="btn save-btn fa-floppy-o"
                                       OnClientClick="javascript:if(Validation()) $find('popupProgress').show();else return false;"  OnClick="btn_Save_Click" />
                                    <asp:LinkButton ID="btn_Cancel" runat="server" CausesValidation="False" CssClass="btn save-btn fa-angle-left"
                                        OnClick="btn_Cancel_Click" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
