<%@ 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 class="main_panel">

            <div class="row">
                <div class="col-md-12">
                    <section class="panel">
                        <ul class="nav nav-tabs" style="padding-top: 05px">
                            <li><a data-toggle="tab" id="gdv" href="#grd">Enable/Disable</a></li>
                            <li class="active"><a data-toggle="tab" href="#add_elem">Add Element</a></li>
                        </ul>



                        <div class="panel-body">
                            <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 datetime"></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 datetime"></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 DataField="ELEMENT_ENTRY_ID" ItemStyle-CssClass="hidden" HeaderStyle-CssClass="hidden" />

                                            <asp:BoundField HeaderText="ID" DataField="ID" />
                                            <asp:BoundField HeaderText="Name" DataField="NAME" />

                                            <asp:TemplateField HeaderText="Action">
                                                <ItemTemplate>
                                                    <asp:CheckBox ID="chk_elemnt" AutoPostBack="true" runat="server" Checked='<%#bool.Parse( Eval("STATUS").ToString()=="Y" ? "True" : "False") %>' OnCheckedChanged="chk_elemnt_CheckedChanged" />
                                                </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>
                    </section>
                </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

                });

                $(".datetime").datetimepicker({
                    format: 'dd-mm-yyyy',
                    autoclose: true,
                    pickTime: false,
                    minView: 2,
                    maxView: 4

                });

            });

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