<%@ Page Language="C#"  MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="PAY_ACCRUAL_BANDS.aspx.cs" Inherits="HRMS.PAY_ACCRUAL_BANDS" Title="Cloud HR - Accural Bands" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"></asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<asp:Panel ID="main_pnl" runat="server">
<div class="row">
<div class="col-md-12">
<section class="panel">
<header class="panel-heading" style="padding-bottom:30px">
                           <span class="label label-primary">Accural Bands</span>

<div class="pull-right">
<asp:Button ID="btnSave" class="btn btn-info" runat="server" Text="Save"  onclick="btnSave_Click" ValidationGroup="save" ></asp:Button>
<a href="#" id="aCancel" runat="server" class="btn btn-info">Cancel</a>
</div>

</header>
<div class="panel-body">
<div class="span6">
<div id="divMessage" runat="server" visible="false" class="alert alert-info alert-dismissable">
<i class="icon-check-sign"></i>
<asp:Label ID="lblMessage" class="msg" runat="server" Text="" ></asp:Label>
</div>
<div class="span6">
<div id="diverrorMessage" runat="server" visible="false" class="alert alert-danger alert-dismissable">
<i class="icon-check-sign"></i>
<asp:Label ID="lblerrorMessage" class="msg" runat="server" Text="" ></asp:Label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-md-1"></div>
<label for="inputPassword1" class="col-md-2 col-sm-2 control-label"></label>
<div class="col-md-4">
<asp:HiddenField ID="hid_ACCRUAL_BAND_ID" runat="server"></asp:HiddenField>
<asp:HiddenField ID="hid_BUSINESS_GROUP_ID" runat="server"></asp:HiddenField>
<asp:HiddenField ID="hid_ACCRUAL_PLAN_ID" runat="server"></asp:HiddenField>


</div>
</div>


    <div class="form-group">
<div class="col-md-1"></div>
<label class="col-md-2 control-label">Grade</label>
<div class="col-md-4">
<asp:DropDownList ID="ddl_grd" runat="server" CssClass="form-control select2"></asp:DropDownList>
</div>
</div>

<div class="form-group">
<div class="col-md-1"></div>
<label class="col-md-2 control-label">From Year Of Service</label>
<div class="col-md-4">
<asp:TextBox ID="txt_LOWER_LIMIT" runat="server"  CssClass="form-control"></asp:TextBox>
<asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_txt_LOWER_LIMIT" ControlToValidate="txt_LOWER_LIMIT" ErrorMessage="From is required." setfocusonerror="true" ValidationGroup="save"></asp:RequiredFieldValidator>
</div>
</div>

<div class="form-group">
<div class="col-md-1"></div>
<label  class="col-md-2 control-label">To Year Of Service</label>
<div class="col-md-4">
<asp:TextBox ID="txt_UPPER_LIMIT" runat="server"  CssClass="form-control"></asp:TextBox>
<asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_txt_UPPER_LIMIT" ControlToValidate="txt_UPPER_LIMIT" ErrorMessage="To is required." setfocusonerror="true" ValidationGroup="save"></asp:RequiredFieldValidator>
</div>
</div>

<div class="form-group">
<div class="col-md-1"></div>
<label class="col-md-2  control-label">Annual Rate</label>
<div class="col-md-4">
<asp:TextBox ID="txt_ANNUAL_RATE" runat="server"  CssClass="form-control"></asp:TextBox>
<asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_txt_ANNUAL_RATE" ControlToValidate="txt_ANNUAL_RATE" ErrorMessage="Annual Rate is required." setfocusonerror="true" ValidationGroup="save"></asp:RequiredFieldValidator>
</div>
</div>


<div class="form-group">
<div class="col-md-1"></div>
<label class="col-md-2  control-label">Ceiling</label>
<div class="col-md-4">
<asp:TextBox ID="txt_CEILING" runat="server" CssClass="form-control"></asp:TextBox>
</div>
</div>

<div class="form-group">
<div class="col-md-1"></div>
<label  class="col-md-2 control-label">Maximum Carryover</label>
<div class="col-md-4">
<asp:TextBox ID="txt_MAX_CARRY_OVER" runat="server" CssClass="form-control"></asp:TextBox>
</div>
</div>



</div>
</section>
</div>
</div>
</asp:Panel>
    <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>