<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="Salary_Slabs.aspx.cs" Inherits="HRMS.Salary_Slabs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <!-- Modal -->
    <div id="myModal" class="modal fade" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Choose an option:</h4>
                </div>
                <div class="modal-body">

                    <div class="row">
                        <div class="col-md-4">
                            <asp:Button ID="btn_update" class="btn btn-info btn-block" runat="server" Text="Update" ValidationGroup="save" OnClick="btn_update_Click"></asp:Button>
                        </div>
                        <label class="control-label">Keep history of existing information</label>
                    </div>
                    <br />
                    <div class="row">
                        <div class="col-md-4">
                            <asp:Button ID="btn_correct" class="btn btn-info btn-block" runat="server" Text="Correction" OnClick="btn_save_Click" ValidationGroup="save"></asp:Button>
                        </div>
                        <label class="control-label">Correct existing information</label>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                </div>
            </div>

        </div>
    </div>




    <div class="main_panel">
        <div class="row">
            <div class="col-md-12">
                <section class="panel">
                    <header class="panel-heading">
                        Salary Slabs

                        <div class="pull-right">
                                                                <a data-toggle="modal" data-target="#myModal" id="btn_modal_popup" runat="server" class="btn btn-info">Save</a>

                            <asp:Button ID="btn_save" runat="server" CssClass="btn btn-info" Text="Save" OnClick="btn_save_Click" />
                            <asp:Button ID="btn_bck" runat="server" CssClass="btn btn-info" Text="Back" OnClick="btn_bck_Click" />
                        </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="row">
                            <asp:HiddenField ID="hid_slab" runat="server" />
                            <label class="control-label col-md-2">Business Group</label>
                            <div class="col-md-3">
                                <asp:DropDownList ID="ddl_bg" runat="server" CssClass="form-control select2"></asp:DropDownList>
                            </div>

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

                        <div class="row" style="padding-top: 05px;">
                            <label class="control-label col-md-2">Salary Range From</label>
                            <div class="col-md-3">
                                <asp:TextBox ID="txt_rng_frm" runat="server" CssClass="form-control" Style="text-align: right"></asp:TextBox>
                            </div>

                            <label class="control-label col-md-2">Salary Range To</label>
                            <div class="col-md-3">
                                <asp:TextBox ID="txt_rng_to" runat="server" CssClass="form-control" Style="text-align: right"></asp:TextBox>
                            </div>
                        </div>


                        <div class="row" style="padding-top: 05px;">
                            <label class="control-label col-md-2">Increment</label>
                            <div class="col-md-3">
                                <asp:TextBox ID="txt_inc" runat="server" CssClass="form-control" Style="text-align: right"></asp:TextBox>
                            </div>
                        </div>


                        <div class="row" style="padding-top: 05px;">
                            <label class="control-label col-md-2">Date From</label>
                            <div class="col-md-3">
                                <asp:TextBox ID="txt_date_frm" runat="server" CssClass="form-control datetime"></asp:TextBox>
                            </div>

                            <label class="control-label col-md-2">Date To</label>
                            <div class="col-md-3">
                                <asp:TextBox ID="txt_date_to" runat="server" CssClass="form-control datetime"></asp:TextBox>
                            </div>
                        </div>



                    </div>
                </section>
            </div>
        </div>
    </div>
    <script src="../../ThemeScrips/jquery.min.js"></script>
    <link href="../../ThemeScrips/select2.min.css" rel="stylesheet" />
    <script src="../../ThemeScrips/select2.min.js"></script>
    <script>
        $('.select2').select2();
    </script>
</asp:Content>
