<%@ Page Language="C#"  MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="PAY_ELEMENT_TYPES.aspx.cs" Inherits="HRMS.PAY_ELEMENT_TYPES" Title="Cloud HR - Element Type" %>
<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-lg-12">
    <section class="panel">
    <header class="panel-heading">Element Type
    
    <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">Back</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="row">
                    
                    <div class="col-md-10 col-md-offset-1">
                     <label class="col-md-2 control-label">Business Group</label>
                     <div class="col-md-4">
                       <asp:DropDownList ID="ddl_BUSINESS_GROUP_ID" runat="server" CssClass="form-control select2"></asp:DropDownList>
                       <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_ddl_BUSINESS_GROUP_ID" ControlToValidate="ddl_BUSINESS_GROUP_ID" ErrorMessage="Business Group is required. " ValidationGroup="save" setfocusonerror="true"></asp:RequiredFieldValidator>
                     </div>
                    </div>
                    
                </div>
                
                
                <div class="row">
                    
                    <div class="col-md-10 col-md-offset-1">
                     <label class="col-md-2 control-label">Name</label>
                     <div class="col-md-4">
                         <asp:TextBox ID="txt_ELEMENT_NAME" runat="server" CssClass="form-control"></asp:TextBox>
                          <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_txt_ELEMENT_NAME" ControlToValidate="txt_ELEMENT_NAME" ErrorMessage="Name is required." setfocusonerror="true" ValidationGroup="save"></asp:RequiredFieldValidator>
                          <asp:HiddenField ID="hid_ELEMENT_TYPE_ID" runat="server"></asp:HiddenField>
                     </div>
                       <label class="col-md-2 control-label">Reporting Name</label>
                        <div class="col-md-4">
                         <asp:TextBox ID="txt_REPORTING_NAME" runat="server" CssClass="form-control"></asp:TextBox>
                        </div>
                    
                    </div>
                </div>
                <div class="row">
                    
                    <div class="col-md-10 col-md-offset-1">
                     <label class="col-md-2 control-label">Description</label>
                     <div class="col-md-10">
                       <asp:TextBox ID="txt_DESCRIPTION" runat="server" CssClass="form-control"></asp:TextBox>
                       <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_txt_DESCRIPTION" ControlToValidate="txt_DESCRIPTION" ErrorMessage="Description is required." setfocusonerror="true" ValidationGroup="save"></asp:RequiredFieldValidator>
                     </div>
                    </div>
                    
                </div>
                
                <div class="row">
                    
                    <div class="col-md-10 col-md-offset-1">
                     <label class="col-md-2 control-label">Classification</label>
                       <div class="col-md-4">
                         <asp:DropDownList runat="server" ID="ddl_CLASSIFICATION_ID" CssClass="form-control"></asp:DropDownList>
                       </div>
                    </div>
                    
                </div>
                
                <br />
                <div class="row">
                  <div class="col-md-10 col-md-offset-1">
                    <ul class="nav nav-tabs">
                      <li class="active"><a data-toggle="tab" href="#Standard">Standard</a></li>
                      <li><a data-toggle="tab" href="#Recalculation">Recalculation</a></li>
                      <li><a data-toggle="tab" href="#Proration">Proration</a></li>
    
                    </ul>
                  </div>
                </div>

                 <div class="tab-content">
                  <div id="Standard" class="tab-pane fade in active">
                      <div class="row">
                      
                        <div class="col-md-3 col-md-offset-2">
                            
                            <div class="row">
                               <h5>Type</h5>
                               <hr style="margin:0px !important;"/>
                               <asp:RadioButtonList ID="rdo_Type" runat="server" CssClass="radio"></asp:RadioButtonList>
                            </div>
                       
                            <div class="row" style="padding-top:5%;">
                               <h5>Termination</h5>
                               <hr style="margin:0px !important;"/>
                               <asp:RadioButtonList ID="rdo_termination" runat="server" CssClass="radio"></asp:RadioButtonList>
                            </div>
                       
                        </div>


                        <div class="col-md-6 col-md-offset-1">
                             <div class="row">
                              <asp:CheckBox ID="chk_MULTIPLE_ENTRIES_ALLOWED_FLAG" Text="Multiple Entries Allowed" runat="server" CssClass="checkbox"></asp:CheckBox>
                             </div>
                             <div class="row">
                              <asp:CheckBox ID="chk_CLOSED_FOR_ENTRY_FLAG" Text="Closed For Entry" runat="server" CssClass="checkbox"></asp:CheckBox>
                             
                             </div>
                             <div class="row">
                              <asp:CheckBox ID="chk_PROCESS_IN_RUN_FLAG" Text="Process in Run" runat="server" CssClass="checkbox"></asp:CheckBox>
                             </div>
                             <div class="row">
                              <asp:CheckBox ID="chk_ONCE_EACH_PERIOD_FLAG" Text="Once Each Period" runat="server" CssClass="checkbox"></asp:CheckBox>                             
                             </div>

                             <div class="row">
                              <asp:CheckBox ID="chk_shw_rpt" Text="Element show in PaySlip" runat="server" CssClass="checkbox"></asp:CheckBox>                             
                             </div>

                              <div class="row">
                              <asp:CheckBox ID="chk_othr_pros" Text="Other Processs" runat="server" CssClass="checkbox"></asp:CheckBox>                             
                             </div>

                            <div class="row">
                              <asp:CheckBox ID="chk_gl" Text="Link to GL" runat="server" CssClass="checkbox"></asp:CheckBox>                             
                             </div>

                        </div>
                      
                      </div>
                      <br />
                       <div class="row">
                           <div class="col-md-10 col-md-offset-1">
                                <label class="col-md-3 control-label">Processing Priority</label>
                                <div class="col-md-2">
                                   <asp:TextBox ID="txt_PROCESSING_PRIORITY" runat="server"  CssClass="form-control"></asp:TextBox>
                                </div>

                           </div>
                        </div>
                        <div class="row">
                           <div class="col-md-10 col-md-offset-1">
                                <label class="col-md-3 control-label">Standard</label>
                                <div class="col-md-2">
                                     <asp:CheckBox ID="chk_standard_link" runat="server" CssClass="checkbox"></asp:CheckBox>
                                </div>

                           </div>
                        </div>

                  </div>
                  <div id="Recalculation" class="tab-pane fade">
                       Recalculation
                  
                  </div>
                  <div id="Proration" class="tab-pane fade ">
                       Propration
                  </div>
                 
                 </div>


                <div class="row">
                   <div class="col-md-8 col-md-offset-1">
                      <h5>Currency</h5>
                      <hr />

                       <div class="row">
                          <div class="col-md-11">
                              <label class="control-label col-md-2">Input</label>
                               <div class="col-md-4">
                                      <asp:DropDownList runat="server" ID="ddl_INPUT_CURRENCY_CODE" CssClass="form-control"></asp:DropDownList>
                               </div>
                               <label class="control-label col-md-2">Output</label>
                               <div class="col-md-4">
                                    <asp:DropDownList runat="server" ID="ddl_OUTPUT_CURRENCY_CODE" CssClass="form-control"></asp:DropDownList>
                               </div>
                          </div>
                        </div>

                      </div>
               </div>
               <br />
                <div class="row">
                   <div class="col-md-8 col-md-offset-1">
                      <h5>Effective Dates</h5>
                      <hr />

                       <div class="row">
                          <div class="col-md-11">
                              <label class="control-label col-md-2">From</label>
                               <div class="col-md-4">
                                    <asp:TextBox ID="txt_EFFECTIVE_START_DATE" runat="server"  CssClass="form-control datetime"></asp:TextBox>
                                     <asp:RequiredFieldValidator SetFocusOnError="true" ValidationGroup="save" runat="server" id="Req_txt_EFFECTIVE_START_DATE" controltovalidate="txt_EFFECTIVE_START_DATE" errormessage="Date is Required!" />
                               </div>
                               <label class="control-label col-md-2">To</label>
                               <div class="col-md-4">
                                    <asp:TextBox ID="txt_EFFECTIVE_END_DATE" runat="server"  CssClass="form-control datetime"></asp:TextBox>
                               </div>
                          </div>
                        </div>

                      </div>
               </div>
               <br />
               <div class="row">
                     
                        <div class="col-md-2 col-md-offset-2">
                        <a href="#" id="btn_input_value" runat="server" class="btn btn-block btn-info">Input Values</a>

                        </div>
                </div>

        <div class="form-group">
        <asp:Repeater ID="add_info" runat="server">
        <HeaderTemplate> <header class="panel-heading">Additional Information</header><br /></HeaderTemplate>
        <ItemTemplate>
            <div class="form-group">
            <div class="col-lg-1"></div>
            <asp:Label ID="r_lbl" runat="server" class="col-lg-2 col-sm-2 control-label" Text='<%# Eval("PROMPT") %>'></asp:Label>
            <div class="col-lg-4">
            <asp:TextBox ID="txt_r_value" runat="server"  placeholder='<%# Eval("PROMPT") %>' Text='<%# Eval("value") %>' CssClass="form-control"></asp:TextBox>
            <asp:HiddenField ID="hid_field_name" runat="server" Value='<%# Eval("col_name") %>' ></asp:HiddenField>
            </div>
            </div>
        </ItemTemplate>
        </asp:Repeater>
        </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>
        $('.select2').select2();
    </script>
    
</asp:Content>