<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="add_element.aspx.cs" Inherits="HRMS.add_element" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    


    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Mosaddek">
    <meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <link rel="shortcut icon" href="http://thevectorlab.net/flatlab/img/favicon.png">
    


    <link href="/ThemeScrips/a_data/bootstrap.css" rel="stylesheet">
    <link href="/ThemeScrips/a_data/bootstrap-reset.css" rel="stylesheet">

    
    <link href="/ThemeScrips/font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet"
        type="text/css" />
    <link href="/ThemeScrips/a_data/jquery.css" rel="stylesheet" type="text/css" media="screen">
    <link rel="stylesheet" href="/ThemeScrips/a_data/owl.css" type="text/css">
    <link href="/ThemeScrips/a_data/datetimepicker.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="/ThemeScrips/a_data/datetimepicker.css">
    <!--right slidebar-->
    <link href="/ThemeScrips/a_data/slidebars.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="/ThemeScrips/a_data/style.css" rel="stylesheet">
    <link href="/ThemeScrips/a_data/style-responsive.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
    <!-- GridView Datatable CSS -->
    <link rel="stylesheet" type="text/css" href="/ThemeScrips/Datatables/media/css/demo_page.css" />
    <link href="/ThemeScrips/Datatables/media/css/demo_table.css" rel="stylesheet" type="text/css" />
    <%--<link href="/ThemeScrips/Datatables/media/css/demo_table_jui.css" rel="stylesheet" type="text/css" />--%>
    <style type="text/css">
        .jqstooltip
        {
            position: absolute;
            left: 0px;
            top: 0px;
            display: block;
            visibility: hidden;
            background: rgb(0, 0, 0) transparent;
            background-color: rgba(0,0,0,0.6);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
            color: white;
            font: 10px arial, san serif;
            text-align: left;
            white-space: nowrap;
            border: 1px solid white;
            z-index: 10000;
        }
        .jqsfield
        {
            color: white;
            padding: 5px 5px 8px 5px;
            font: 10px arial, san serif;
            text-align: left;
        }
    </style>
    <script src="/ThemeScrips/a_data/config.js" type="text/javascript"></script>
   
    <script type="text/javascript" src="/ThemeScrips/a_data/en.js"></script>
    <script type="text/javascript" src="/ThemeScrips/a_data/styles.js"></script>
    













    <link href="../ThemeScrips/a_data/bootstrap.css" rel="stylesheet">
    <link href="../ThemeScrips/a_data/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="../ThemeScrips/font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet"
        type="text/css" />
    <link href="../ThemeScrips/a_data/jquery.css" rel="stylesheet" type="text/css" media="screen">
    <link rel="stylesheet" href="../ThemeScrips/a_data/owl.css" type="text/css">
   
    <!-- Custom styles for this template -->
    <link href="../ThemeScrips/a_data/style.css" rel="stylesheet" />
    <link href="../ThemeScrips/a_data/style-responsive.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../ThemeScrips/Datatables/media/css/demo_page.css" />
    <link href="../ThemeScrips/Datatables/media/css/demo_table.css" rel="stylesheet" type="text/css" />
    <%--<link href="ThemeScrips/Datatables/media/css/demo_table_jui.css" rel="stylesheet" type="text/css" />--%>

 
 
     <script src="../ThemeScrips/a_data/config.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="../ThemeScrips/a_data/editor.css">
    <script type="text/javascript" src="../ThemeScrips/a_data/en.js"></script>
    <script type="text/javascript" src="../ThemeScrips/a_data/styles.js"></script>
    
<style type="text/css">
.hide
{
    visibility:hidden;
}
</style>
</head>
<body>
    <form id="form1" runat="server">
    <div>

      <ul class="nav nav-tabs" style="padding-top:05px">
        <li><a data-toggle="tab" href="#grd">Enable/Disable</a></li>
        <li class="active"><a data-toggle="tab" href="#add_elem">Add Element</a></li>
     </ul>
     
    <div class="tab-content">

     <div id="add_elem" class="tab-pane fade in active">

     <br />


                           <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_element_entry_id" runat="server" />
                <asp:Label ID="Label1" CssClass="control-label col-md-1 col-md-offset-3" runat="server" Text="Period"></asp:Label>    
                <div class="col-md-4">
                    <asp:TextBox ID="txt_pr_name" style="height:30px;margin-left:-20px" runat="server" CssClass="form-control" Enabled="false"></asp:TextBox>
                </div>
            </div>
                                        <hr style="margin-right:100px !important;margin-left:100px !important;"/>


            <div class="row">
                <asp:Label ID="Label2" CssClass="control-label col-md-2 col-md-offset-1" runat="server" Text="Element Name"></asp:Label>    
                <div class="col-md-3" >
                    <asp:HiddenField ID="hid_elm_lnk" runat="server" />
                    <asp:DropDownList runat="server" style="height:30px;margin-left:-40px" CssClass="form-control" AutoPostBack="true" ID="ddl_elemnt_name" OnSelectedIndexChanged="ddl_elemnt_name_SelectedIndexChanged"></asp:DropDownList>
                </div>

                 <asp:Label ID="Label3" CssClass="control-label col-md-2" style="margin-left:25px" runat="server" Text="Processing Type"></asp:Label>    
                <div class="col-md-3">
                    <asp:TextBox ID="txt_type" style="height:30px;margin-left:-33px" runat="server" CssClass="form-control"></asp:TextBox>
                </div>
            </div>


             <div class="row">
                <asp:Label ID="Label4" CssClass="control-label col-md-2 col-md-offset-1" runat="server" Text="Date From"></asp:Label>    
                <div class="col-md-3">
                   <asp:TextBox ID="txt_date_frm" style="height:30px;margin-left:-40px" runat="server" CssClass="form-control"></asp:TextBox>
                </div>


                <asp:Label ID="Label6" CssClass="control-label col-md-2" style="margin-left:25px" runat="server" Text="Date To"></asp:Label>    
                <div class="col-md-3">
                    <asp:TextBox ID="txt_date_to" style="height:30px;margin-left:-33px" runat="server" CssClass="form-control"></asp:TextBox>
                </div>
            </div>

             

            <div class="row">
                <div class="col-md-2 col-md-offset-3">
                    <asp:CheckBox ID="chk" runat="server" CssClass="checkbox" Text="Processed" />
                </div>
            </div>

            <div class="row">
                <div class="col-md-2 col-md-offset-3">
                    <asp:CheckBox ID="CheckBox2" runat="server" CssClass="checkbox" Text="Retroactive" />
                </div>
            </div>


             <hr style="margin-right:100px !important;margin-left:100px !important;"/>

            <div class="row">
                <div class="col-md-1 col-md-offset-2">
                    <asp:Button ID="btn_save" runat="server" CssClass="btn btn-info" Text="Save" onclick="btn_save_Click"/>
                </div>
                <div class="col-md-1">
                    <asp:Button ID="btn_cncel" runat="server" CssClass="btn btn-info" Text="Cancel"  />
                </div>
                    <div class="col-md-3">
                          <a href="#" data-target="#inputvalues" data-toggle="modal" id="btn_input_value"   runat="server" class="btn btn-block btn-default">Entry Values</a>
                    </div>
                    
                
            </div>

            <div class="row">
                              <div class="col-md-2 col-md-offset-1">
                                
                              </div>
                            </div>

            <!-- Modal content-->
 <div class="modal fade" id="inputvalues" role="dialog">
   <div class="modal-dialog modal-dialog-center">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Input Values:</h4>
      </div>
      <div class="modal-body">
        
          <div class="form-group">
           <asp:Repeater ID="rpt_inputEntries" runat="server">
                         <ItemTemplate>
                         <div class="row">
                           <div class="col-md-10  col-md-offset-1">
                             <asp:Label ID="r_lbl" runat="server" class="col-md-6 control-label" Text='<%# Eval("NAME") %>'></asp:Label>
                             <div class="col-md-6">
                                 <asp:TextBox ID="txt_SCREEN_ENTRY_VALUE" runat="server"  Text='<%# Eval("value") %>' CssClass="form-control"></asp:TextBox>
                                 <asp:HiddenField ID="hid_INPUT_VALUE_ID" runat="server" Value='<%# Eval("INPUT_VALUE_ID") %>' ></asp:HiddenField>
                                 <asp:HiddenField ID="hid_ELEMENT_ENTRY_VALUE_ID" runat="server" Value='<%# Eval("ELEMENT_ENTRY_VALUE_ID") %>' ></asp:HiddenField>

                             </div>
                           </div>
                         </div>
                         </ItemTemplate>
            </asp:Repeater>

          </div>
         
      </div>
      <div class="modal-footer">
        <%--<a data-toggle="modal" data-target="#myModal" id="btn_modal_popup" runat="server" class="btn btn-info">Save</a>--%>
        <asp:Button ID="btn_save_inputvalues" class="btn btn-info" runat="server" Text="Save" onclick="btn_save_inputvalues_Click"  ></asp:Button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
   </div>
</div>








        </div>

        <div id="grd" class="tab-pane fade">
                <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" cellpadding="0" cellspacing="0" border="0" class="display">
            <Columns>
                <asp:BoundField HeaderText="ID" DataField="ID"/>
                <asp:BoundField HeaderText="Name" DataField="NAME"/>

                <asp:TemplateField HeaderText="Action">
                    <ItemTemplate>
                        <asp:CheckBox ID="chk_elemnt" runat="server" />
                    </ItemTemplate>
                </asp:TemplateField>
             </Columns>
               <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.js" type="text/javascript"></script>
        <script src="../ThemeScrips/Datatables/media/js/GridviewFix.js" type="text/javascript"></script>
        <script src="../ThemeScrips/Datatables/media/js/jquery.dataTables.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            //without passing class names.
            $("#GridView1").GridviewFix().dataTable();
            //Passing class names
            //$("#GridViewExample").GridviewFix({header:"headerStyle",row:"rowStyle",footer:"footerStyle"}).dataTable();
        </script>
        </div>


       
    </div>





    </div>





    <script src="/ThemeScrips/a_data/jquery_004.js"></script>
    <script src="/ThemeScrips/a_data/bootstrap.js"></script>
    <script type="text/javascript" src="/ThemeScrips/a_data/jquery.searchabledropdown-1.0.8.min.js"></script>
    <script class="include" type="text/javascript" src="/ThemeScrips/a_data/jquery_007.js"></script>
    <script src="/ThemeScrips/a_data/jquery_003.js"></script>
    <script src="/ThemeScrips/a_data/jquery_002.js" type="text/javascript"></script>
    <script src="/ThemeScrips/a_data/jquery_006.js" type="text/javascript"></script>
    <script src="/ThemeScrips/a_data/jquery_005.js"></script>
    <script src="/ThemeScrips/a_data/owl.js"></script>
    <script src="/ThemeScrips/a_data/jquery.js"></script>
    <script src="/ThemeScrips/a_data/respond.js"></script>
    <!--right slidebar-->
    <script src="/ThemeScrips/a_data/slidebars.js"></script>
    <!--common script for all pages-->
    <script src="/ThemeScrips/a_data/common-scripts.js"></script>
    <script src="/ThemeScrips/a_data/bootstrap-datetimepicker.js" type="text/javascript"></script>
   
    <div style="width: 3px; z-index: auto; background: rgb(64, 64, 64) none repeat scroll 0% 0%;
        cursor: default; position: fixed; top: 0px; left: 207px; height: 540px; opacity: 0;"
        class="nicescroll-rails" id="ascrail2000" onkeydown="return ascrail2000_onkeydown()">
        <div style="position: relative; top: 0px; float: right; width: 3px; height: 371px;
            background-color: rgb(232, 64, 63); background-clip: padding-box; border-radius: 10px;">
        </div>
    </div>
    <div style="height: 3px; z-index: auto; background: rgb(64, 64, 64) none repeat scroll 0% 0%;
        top: 537px; left: 0px; position: fixed; cursor: default; display: none; width: 207px;
        opacity: 0;" class="nicescroll-rails" id="ascrail2000-hr">
        <div style="position: relative; top: 0px; height: 3px; width: 210px; background-color: rgb(232, 64, 63);
            background-clip: padding-box; border-radius: 10px;">
        </div>
    </div>
    <div style="width: 6px; z-index: 1000; background: rgb(64, 64, 64) none repeat scroll 0% 0%;
        cursor: default; position: fixed; top: 0px; height: 100%; right: 0px; opacity: 0;"
        class="nicescroll-rails" id="ascrail2001" onkeydown="return ascrail2001_onkeydown()">
        <div style="position: relative; top: 0px; float: right; width: 6px; height: 146px;
            background-color: rgb(232, 64, 63); background-clip: padding-box; border-radius: 10px;">
        </div>
    </div>
    <div style="height: 6px; z-index: 1000; background: rgb(64, 64, 64) none repeat scroll 0% 0%;
        position: fixed; left: 0px; width: 100%; bottom: 0px; cursor: default; display: none;
        opacity: 0;" class="nicescroll-rails" id="ascrail2001-hr">
        <div style="position: relative; top: 0px; height: 6px; width: 1366px; background-color: rgb(232, 64, 63);
            background-clip: padding-box; border-radius: 10px;">
        </div>
    </div>
    <!--script for this page-->
     <script src="/ThemeScrips/a_data/sparkline-chart.js"></script>
    <script src="/ThemeScrips/a_data/easy-pie-chart.js"></script>
    <script src="/ThemeScrips/a_data/count.js"></script>
   
    <script>

        //owl carousel

        $(document).ready(function () {

            // $("select[class='form-control']").searchable();

            $("#owl-demo").owlCarousel({
                navigation: true,
                slideSpeed: 300,
                paginationSpeed: 400,
                singleItem: true,
                autoPlay: true

            });

            $(".form_datetime").datetimepicker({
                format: 'dd-mm-yyyy',
                pickTime: false

            });

        });

        //custom select box

        $(function () {
            $('select.styled').customSelect();
        });

        function hrefURL(formName, uid) {


            var url = formName + "?" + uid;

            var query = window.location.search.substring(1);
            var params = query.split('&');
            var user = '';
            var Group = '';

            for (var i = 0; i < params.length; i++) {
                var pos = params[i].indexOf('=');
                if (pos > 0) {
                    var key = params[i].substring(0, pos);
                    if (key == "user") {
                        url = url + "user=" + params[i].substring(pos + 1) + "&";
                    } else if (key == "group") {
                        url = url + "group=" + params[i].substring(pos + 1) + "&";
                    }
                }
            }

            return url.substring(0, url.length - 1);
        };

        function numbersOnly(e) {
            var unicode = e.charCode ? e.charCode : e.keyCode
            if (unicode != 8) {
                if (unicode < 48 || unicode > 57)
                    return false
            }
        }
        function ascrail2000_onkeydown() {

        }

        function ascrail2001_onkeydown() {

        }

    </script>





    </form>
</body>
</html>
