<%@ Page Language="C#"  MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="PER_POSITIONS.aspx.cs" Inherits="HRMS.PER_POSITIONS" Title="Cloud HR - Position" %>
<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">Position</span>

                <div class="actions pull-right">
                     <div class="btn-group">
                       <table>
                        <tr>
                          <td>
                            <asp:Button ID="btnSave" class="btn btn-info" runat="server" Text="Save"  onclick="btnSave_Click" ValidationGroup="save" ></asp:Button>
                              &nbsp;
                          </td>
                          <td>
                            <a href="#" id="aCancel" runat="server" class="btn btn-info">Back</a>
                           </td>
                        </tr>
                       </table>
                       <span > &nbsp; &nbsp;</span>
                  </div>
               </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-5  ">
                    <asp:HiddenField ID="hid_POSITION_ID" runat="server"></asp:HiddenField>
                     <div class="row">
                            <label class="control-label col-md-4" >Name</label>
                         <div class="col-md-8 col-md-8">
                            <asp:TextBox ID="txt_NAME" runat="server"  CssClass="form-control"></asp:TextBox>
                            <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_txt_NAME" ControlToValidate="txt_NAME" ErrorMessage="Name is required." setfocusonerror="true" ValidationGroup="save"></asp:RequiredFieldValidator>
                         </div>
                      </div>
                   </div>
 
                  <div class="col-md-5 ">
                    <div class="row">
                         <label class="control-label col-md-5">Successor Position</label>
                       <div class="col-md-7 col-md-7">
                         <asp:DropDownList ID="ddl_SUCCESSOR_POSITION_ID" runat="server" CssClass="form-control select2"></asp:DropDownList>
                        </div>
                    </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="#pos_dtl">Position Details</a></li>
                            <%-- <li><a data-toggle="tab" href="#hiring_info">Hiring Information</a></li>
                             <li><a data-toggle="tab" href="#">Work Terms</a></li>
                             <li><a data-toggle="tab" href="#">Additional Detail</a></li>
                             <li><a data-toggle="tab" href="#">Budgets</a></li>--%>
                             
                          </ul> 
                      </div>
                </div>     

                 <div class="tab-content">
                           <div id="pos_dtl" class="tab-pane fade in active">
                              <div class="row">
                               <div class="col-md-10 col-md-offset-1">
                                   <div class="row">
                                    <div class="col-md-12 ">
                                    <label class="control-label"> Business Group </label>
                                    <br />
                                      <asp:Panel ID="pnl_org_dept" runat="server" BorderStyle="Solid" BorderWidth="1px" BorderColor="#F1F2F7" Style="padding:15px 5px 15px 5px;"> 
                                         <div class="row">
                                              <div class="col-md-10">  
                                                  <div class="row">
                                                          <label class="control-label col-md-4"> Business Group </label>
                                                     <div class="col-md-8">
                                                          <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>
                                         <div class="row">
                                              <div class="col-md-10">  
                                                  <div class="row">
                                                       <label class="col-md-4 control-label "> Organization </label>
                                                     <div class="col-md-8">
                                                        <asp:DropDownList ID="ddl_ORGANIZATION_ID" runat="server" CssClass="form-control select2"></asp:DropDownList>
                                                        <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_ddl_ORGANIZATION_ID" ControlToValidate="ddl_ORGANIZATION_ID" ErrorMessage="Organization is required. " ValidationGroup="save" setfocusonerror="true"></asp:RequiredFieldValidator>
                                                     </div>
                                                  </div>
                                              </div>
                                               

                                         </div>
                                         <div class="row">
                                              <div class="col-md-10">  
                                                  <div class="row">
                                                       <label class="control-label col-md-4 text-left"> Location </label>
                                                     <div class="col-md-8">
                                                      <asp:DropDownList ID="ddl_LOCATION_ID" runat="server" CssClass="form-control select2"></asp:DropDownList>
                                                      <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_ddl_LOCATION_ID" ControlToValidate="ddl_LOCATION_ID" ErrorMessage="Location is required. " ValidationGroup="save" setfocusonerror="true"></asp:RequiredFieldValidator>

                                                     </div>
                                                  </div>
                                              </div>
                                         </div>
                                         <div class="row">
                                              <div class="col-md-10">  
                                                  <div class="row">
                                                       <label class="control-label col-md-4 text-left"> Job </label>
                                                     <div class="col-md-8">
                                                       <asp:DropDownList ID="ddl_JOB_ID" runat="server" CssClass="form-control select2"></asp:DropDownList>
                                                       <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_ddl_JOB_ID" ControlToValidate="ddl_JOB_ID" ErrorMessage="Job is required. " ValidationGroup="save" setfocusonerror="true"></asp:RequiredFieldValidator>
                                                     </div>
                                                  </div>
                                              </div>
                                         </div>
                                    
                                    
                                    
                                     </asp:Panel>  
                                   </div>
                                   </div>
                                   <div class="row" style="padding-top:10px;">
                                             <div class="col-md-8 ">  
                                                  <div class="row">
                             
                                                     <label class="control-label col-md-4">Probation Period</label>
                                                     <div class="col-md-2" >
                                                      <asp:TextBox ID="txt_PROBATION_PERIOD" runat="server" CssClass="form-control"></asp:TextBox>
                                                         <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_txt_PROBATION_PERIOD" ControlToValidate="txt_PROBATION_PERIOD" ErrorMessage="Probation Period is required." setfocusonerror="true" ValidationGroup="save"></asp:RequiredFieldValidator>
                                                     </div>
                                                       <label class="control-label col-md-3">UOM</label>
                                                     <div class="col-md-3">
                                                          <asp:DropDownList ID="ddl_probation_uom" runat="server" CssClass="form-control" ToolTip="Probation Period UOM."></asp:DropDownList>
                                                          <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_ddl_probation_uom" ControlToValidate="ddl_probation_uom" ErrorMessage="Probation Period UOM is required." setfocusonerror="true" ValidationGroup="save"></asp:RequiredFieldValidator>
                                                     </div>
                                                  </div>
                                             </div>
                                             <div class="col-md-4">
                                                     <label class="control-label col-md-4">Permanent</label>
                                                    <div class="col-md-2">
                                                         <asp:CheckBox runat="server" ID ="chk_permanent" CssClass="checkbox" />
                                                    </div>
                                             </div>
                    
                                        </div>
                                   <div class="row" style="padding-top:10px;">
                                             <div class="col-md-8 ">  
                                                  <div class="row">
                             
                                                     <label class="control-label col-md-4">Time Start</label>
                                                     <div class="col-md-2" >
                                                         <asp:TextBox ID="txt_TIME_NORMAL_START" runat="server"  CssClass="form-control"></asp:TextBox>
                                                     </div>
                                                       <label class="control-label col-md-3">Time Finish</label>
                                                       <div class="col-md-2">
                                                             <asp:TextBox ID="txt_TIME_NORMAL_FINISH" runat="server"  CssClass="form-control"></asp:TextBox>
                                                       </div>
                                                  </div>
                                             </div>
                                             <div class="col-md-4">
                                                     <label class="control-label col-md-7">Working Hours</label>
                                                     <div class="col-md-5">
                                                         <asp:TextBox ID="txt_WORKING_HOURS" runat="server"  CssClass="form-control"></asp:TextBox>
                                                     </div>
                                             </div>
                    
                                        </div>

                                       
                                  <hr class="divider"  /> 

                                </div>
                              </div>
                               
                           </div>
                            <div id="hiring_info" class="tab-pane fade ">
                              <div class="row">
                               <div class="col-md-10 col-md-offset-1">

                                <div class="col-md-5">  
                                                  <div class="row">
                                                       <label class="control-label col-md-2"> Job </label>
                                                     <div class="col-md-8">
                                                     </div>
                                                  </div>
                                             </div> TES Tpos_dhiring_infotl

                                </div>
                              </div>
                              
                           </div>
                     
                 </div>

                
                
             

           

                <div class="row" style="padding-top:10px;">
   
                     <div class="col-md-6 ">
                        <div class="row">
                             <label class="control-label col-md-4">Comments</label>
                             <div class="col-md-8">
                               <asp:TextBox ID="txt_COMMENTS" runat="server" CssClass="form-control"></asp:TextBox>
                             </div>
                         </div>
                     </div>

                     <div class="col-md-5 ">

                         <div class="row">
                             <label class="control-label col-md-4">Status</label>
                             <div class="col-md-7">
                                <asp:DropDownList ID="ddl_status" runat="server" CssClass="form-control" ></asp:DropDownList>
                             </div>
                         </div>
                     </div>
                </div>

                <div class="row" style="padding-top:10px;">
   
                     <div class="col-md-6 ">
                        <div class="row">
                             <label class="control-label col-md-4">Effective Start Date</label>
                             <div class="col-md-4">
                               <asp:TextBox ID="txt_DATE_EFFECTIVE" runat="server" CssClass="form-control datetime"></asp:TextBox>
                                  <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_txt_DATE_EFFECTIVE" ControlToValidate="txt_DATE_EFFECTIVE" ErrorMessage="Date Effective is required." setfocusonerror="true" ValidationGroup="save"></asp:RequiredFieldValidator>
                             </div>
                         </div>
                     </div>

                     <div class="col-md-5 ">

                         <div class="row">
                             <label class="control-label col-md-4">Effective End Date</label>
                             <div class="col-md-5">
                             <asp:TextBox ID="txt_DATE_END" runat="server"  CssClass="form-control datetime"></asp:TextBox>
                             </div>
                         </div>
                     </div>
                </div>

           


<asp:Panel id="pnl_hidden" runat="server" Visible="false">



<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-md-1"></div>
<asp:Label ID="r_lbl" runat="server" class="col-md-2 col-sm-2 control-label" Text='<%# Eval("PROMPT") %>'></asp:Label>
<div class="col-md-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>




 </asp:Panel>

 </div>
 <br />
 <br />

    </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>