<%@ Page Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="SMIM_UserProfile_ST.aspx.cs"
    Inherits="HRMS.SMIM_UserProfile_ST" Title="Cloud HR - User Profile::." %>

<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">User Profile
                        
              <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="col-lg-6">

                            <div class="form-group">
                            <div class="col-lg-1"></div>
                            <label for="inputPassword1" class="col-lg-3 col-sm-3 control-label">User Name</label>
                            <div class="col-lg-6">
                            <asp:TextBox ID="txt_UserName" runat="server" placeholder="User Name" CssClass="form-control"></asp:TextBox>
                            <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_txt_UserName" ControlToValidate="txt_UserName" ErrorMessage="User Name is required." setfocusonerror="true" ValidationGroup="save"></asp:RequiredFieldValidator>
                            <asp:HiddenField ID="hid_UserId" runat="server"></asp:HiddenField>
                            </div>
                            </div>

                            <div class="form-group">
                            <div class="col-lg-1"></div>
                            <label for="inputPassword1" class="col-lg-3 col-sm-3 control-label">Password</label>
                            <div class="col-lg-6">
                            <asp:HiddenField ID="hid_pass" runat="server" />
                            
                            <asp:TextBox ID="txt_UserPassword" runat="server" placeholder="Password" TextMode="Password" CssClass="form-control"></asp:TextBox>
                            <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_txt_UserPassword" ControlToValidate="txt_UserPassword" ErrorMessage="Password is required." setfocusonerror="true" ValidationGroup="save"></asp:RequiredFieldValidator>
                            </div>
                            </div>

                            <div class="form-group">
                            <div class="col-lg-1"></div>
                            <label for="inputPassword1" class="col-lg-3 col-sm-3 control-label">User Policy</label>
                            <div class="col-lg-6">
                            <asp:DropDownList ID="ddl_UAccPolicyId" runat="server" CssClass="form-control select2"></asp:DropDownList><asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_ddl_UAccPolicyId" ControlToValidate="ddl_UAccPolicyId" ErrorMessage="User Policy is required. " ValidationGroup="save" setfocusonerror="true"></asp:RequiredFieldValidator>
                            </div>
                            </div>

                            <div class="form-group">
                            <div class="col-lg-1"></div>
                            <label for="inputPassword1" class="col-lg-3 col-sm-3 control-label">Status</label>
                             <div class="col-lg-6">
                                <asp:DropDownList ID="ddl_UserStatus" runat="server" CssClass="form-control select2">
                                    <asp:ListItem Value="">---- Select ----</asp:ListItem>
                                    <asp:ListItem Value="A">Active</asp:ListItem>
                                    <asp:ListItem Value="I">InActive</asp:ListItem>
                                    <asp:ListItem Value="B">Block</asp:ListItem>
                                    </asp:DropDownList><asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_ddl_UserStatus" ControlToValidate="ddl_UserStatus" ErrorMessage="Status is required. " ValidationGroup="save" setfocusonerror="true"></asp:RequiredFieldValidator>
                                </div>
                           </div>
                     
                        </div>
                     
                         <div class="col-lg-6">

                            <div class="form-group">
<div class="col-lg-1"></div>
<label for="inputPassword1" class="col-lg-3 col-sm-3 control-label">Person</label>
<div class="col-lg-6">
<asp:DropDownList ID="ddl_PERSON_ID" runat="server" CssClass="form-control select2"></asp:DropDownList></div>
</div>

                            <div class="form-group">
                            <div class="col-lg-1"></div>
                            <label for="inputPassword1" class="col-lg-3 col-sm-3 control-label">Email</label>
                            <div class="col-lg-6">
                            <asp:TextBox ID="txt_USR_EMAIL" runat="server" placeholder="Email" CssClass="form-control"></asp:TextBox>
                            </div>
                            </div>

                            <div class="form-group">
                            <div class="col-lg-1"></div>
                            <label for="inputPassword1" class="col-lg-3 col-sm-3 control-label">Start Date</label>
                            <div class="col-lg-6">
                            <asp:TextBox ID="txt_EFFECTIVE_START_DATE" runat="server" placeholder="Start Date" CssClass="form-control datetime"></asp:TextBox>
                            <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_txt_EFFECTIVE_START_DATE" ControlToValidate="txt_EFFECTIVE_START_DATE" ErrorMessage="Start Date is required." setfocusonerror="true" ValidationGroup="save"></asp:RequiredFieldValidator>
                            </div>
                            </div>

                            <div class="form-group">
                            <div class="col-lg-1"></div>
                            <label for="inputPassword1" class="col-lg-3 col-sm-3 control-label">End Date</label>
                            <div class="col-lg-6">
                            <asp:TextBox ID="txt_EFFECTIVE_END_DATE" runat="server" placeholder="End Date" CssClass="form-control datetime"></asp:TextBox>
                            </div>
                            </div>  
                        </div>
    
                         <div class="form-group">
                        <div class="col-lg-1"></div>
                        <div class="col-lg-offset-2 col-lg-8">
                        
                        </div>
                        </div> 
                        </div>
                           <div class="row" >
                          
                                    <div class="col-lg-12">
                                        <div class="panel">
                                            <div class="panel-heading">User Responsibility</div>
                                              <div class="actions pull-right">



                                                    <div class="btn-group">

                                                    <a href="#" id="aNew" runat="server" class="btn btn-info">Add Detail</a>
                                                    </div>
                                                </div>
                                            <div id="dtl_div" runat="server" class="panel-body">
                                             <asp:GridView ID="grd_ff_dtl" runat="server"  AutoGenerateColumns="False"   cellpadding="0" border="0" class="display" onrowcommand="grd_ff_dtl_RowCommand" >
                                                <Columns>
                                                    <asp:BoundField HeaderText="Responsibility" DataField="RESP_NAME" />
                                                    <asp:BoundField HeaderText="Date From" DataField="date_from" />
                                                    <asp:BoundField HeaderText="Date To" DataField="date_to" />                
                                                    <asp:TemplateField ItemStyle-Width="6%" HeaderText="Action">
                                                  <ItemTemplate>
                        
                                                    <asp:LinkButton ID="lnkEdit" runat="server" CommandName="gEdit"><i class="fa fa-pencil" style="font-size:20px !important"></i></asp:LinkButton>
                                                    &nbsp
                                                    <asp:HiddenField id="hid_resp_id" runat="server" Value='<%# bind("RESP_ID") %>' />
                                                    
                                                    
                                                    </ItemTemplate>

                                                    <ItemStyle Width="6%"></ItemStyle>
                                                 </asp:TemplateField>
                                                </Columns>
                                                <%-- Mandatory--%>
                                                <RowStyle CssClass="rowStyle"/>
                                               <%-- Mandatory--%>
                                                <HeaderStyle CssClass="headerStyle" />
                                               <%-- optional--%>
                                               <FooterStyle  CssClass="footerStyle"  />
                                    </asp:GridView>
                                        <script src="/ThemeScrips/Datatables/media/js/jquery.js" type="text/javascript"></script>
                                         <script src="/ThemeScrips/Datatables/media/js/jquery.dataTables.min.js" type="text/javascript"></script>
                                         <script src="/ThemeScrips/Datatables/media/js/jquery.dataTables.js" type="text/javascript"></script>
                                         <script src="/ThemeScrips/Datatables/media/js/GridviewFix.js" type="text/javascript"></script>
                                         <script type="text/javascript">
                                             //without passing class names.
                                             $("#ContentPlaceHolder1_grd_ff_dtl").GridviewFix().dataTable();
                                             //Passing class names
                                         </script>
                                         <br />
                                            </div>
                                        </div>
                                    </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>
