<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPages/Main.master" AutoEventWireup="true"
	CodeFile="SecurityReports.aspx.cs" Inherits="SecurityReports" %>
    <%@ Register Src="../UserControls/DatePicker.ascx" TagName="DatePicker" TagPrefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
	<!-- DataTables -->
	<link rel="stylesheet" href="../plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
	<link rel="stylesheet" href="../plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
	<link rel="stylesheet" href="../plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
    <%--<link href="../css/Buttons.css" rel="stylesheet" type="text/css">
    <link href="../css/commone.css" rel="stylesheet" type="text/css">--%>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
	<asp:ScriptManager ID="ScriptManager1" runat="server">
	</asp:ScriptManager>
	<!-- Content Wrapper. Contains page content -->
	<div class="content-wrapper">
		<!-- Content Header (Page header) -->
	<section class="content-header">
	  <div class="container-fluid">
		<div class="row mb-2">
		  <div class="col-sm-6">
			<h1>Security Reports</h1>
		  </div>
		  <div class="col-sm-6">
			<ol class="breadcrumb float-sm-right">
			  <li class="breadcrumb-item"><a href="#">Home</a></li>
			  <li class="breadcrumb-item active">Reports</li>
			  <li class="breadcrumb-item active">Security Reports</li>
			</ol>
		  </div>
		</div>
	  </div><!-- /.container-fluid -->
	</section>
		<!-- /.content-header -->
		<!-- Main content -->
        <asp:Label ID="lbl_error" runat="server" Text="" class="fieldError"></asp:Label>
	<section class="content">
	    <div class="container-fluid">
        <div class="card card-warning">
              <%--<div class="card-header">
                <h3 class="card-title">Search Filters</h3>
              </div>--%>
              <!-- /.card-header -->
              <div class="card-body">
                  <div class="row">
                  
                    
                    <div class="col-sm-6">
                      <div class="form-group">
                        <label>Report Name</label>
                        <asp:DropDownList ID="ddl_reports" runat="server" Width="550px" class="form-control select"
                                            AutoPostBack="True" DataTextField="NAME" DataValueField="ID" OnSelectedIndexChanged="ddl_reports_SelectedIndexChanged">
                                        </asp:DropDownList>
                        
                      </div>
                    </div>
                    <div class="col-sm-3">
                    <label>&nbsp;</label><br />
                    
                                        <asp:Button ID="btn_execute" runat="server" Text="Execute Report" CssClass="btn btn-primary btn-l"
                                            OnClick="btnSearch_Click" />
			        </div>
                    <table runat="server" id="tbl_rpt_userProfile" border="0" width="100%" cellpadding="0" cellspacing="0"
                                class="add_ItemTB">
                                <tr>
                                    <td class="tdNormal">
                                        Users Group:
                                    </td>
                                    <td>
                                        <asp:DropDownList ID="ddl_userProfile_userGroup" runat="server" 
                                            DataTextField="group_name" Width="250px" DataValueField="gid" 
                                            class="fieldNormal" AutoPostBack="true" 
                                            onselectedindexchanged="ddl_userProfile_userGroup_SelectedIndexChanged">
                                        </asp:DropDownList>
                                    </td>
                                </tr>
                                </table>

                            <table runat="server" id="tbl_rpt_userActivities" border="0" width="100%" cellpadding="0" cellspacing="0"
                                class="add_ItemTB">
                                <tr>
                                    <td class="tdNormal" style="width:25%">
                                        Users ID:
                                    </td>
                                    <td style="width:25%">
                                        <asp:TextBox ID="txt_userActivities_userId" runat="server" Width="100%" class="fieldNormal"></asp:TextBox>
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                </tr>
                                <tr >
                                    <td class="tdNormal">
                                        Change Date (From):
                                    </td>
                                    <td style="width:25%">
                                       <uc1:DatePicker ID="dtp_userActivities_fromDate" runat="server" />
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                   
                                </tr>
                                <tr>
                                    <td class="tdNormal" style="width:25%">
                                        Change Date (To):
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                       <uc1:DatePicker ID="dtp_userActivities_toDate" runat="server" />
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                   
                                </tr>
                            </table>

                            <table runat="server" id="tbl_rpt_userViolations" border="0" width="100%" cellpadding="0" cellspacing="0"
                                class="add_ItemTB">
                                <tr>
                                    <td class="tdNormal" style="width:25%">
                                        Users ID:
                                    </td>
                                    <td style="width:25%">
                                        <asp:TextBox ID="txt_userViolations_userId" runat="server" Width="100%" class="fieldNormal"></asp:TextBox>
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                </tr>
                                <tr >
                                    <td class="tdNormal">
                                        Change Date (From):
                                    </td>
                                    <td style="width:25%">
                                       <uc1:DatePicker ID="dtp_userViolations_fromDate" runat="server" />
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                   
                                </tr>
                                <tr>
                                    <td class="tdNormal" style="width:25%">
                                        Change Date (To):
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                       <uc1:DatePicker ID="dtp_userViolations_toDate" runat="server" />
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                    <td class="tdNormal" style="width:25%">
                                    </td>
                                   
                                </tr>
                            </table>
                  </div>
              </div>
              <!-- /.card-body -->
            </div>
		
        
	</div><!-- /.container-fluid -->
	</section>
		<!-- /.content -->
	</div>
	<!-- Toastr -->
	<!-- jQuery -->
	<script src="../plugins/jquery/jquery.min.js"></script>
	<!-- Bootstrap 4 -->
	<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
	<!-- SweetAlert2 -->
	<script src="../plugins/sweetalert2/sweetalert2.min.js"></script>
	<!-- Toastr -->
	<script src="../plugins/toastr/toastr.min.js"></script>
	<!-- AdminLTE App -->
	<script src=".../dist/js/adminlte.min.js"></script>
	<!-- AdminLTE for demo purposes -->
	<script src="../plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
	<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
	<script src="../plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
	<script src="../plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
	<script src="../plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
	<script src="../plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
	<script src="../plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
	<script src="../plugins/jszip/jszip.min.js"></script>
	<script src="../plugins/pdfmake/pdfmake.min.js"></script>
	<script src="../plugins/pdfmake/vfs_fonts.js"></script>
	<script src="../plugins/datatables-buttons/js/buttons.html5.min.js"></script>
	<script src="../plugins/datatables-buttons/js/buttons.print.min.js"></script>
	<script src="../plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
    <script src="../plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
	<!-- AdminLTE App -->
	<script src="../dist/js/adminlte.min.js"></script>
	<!-- AdminLTE for demo purposes -->
	<script src="../dist/js/demo.js"></script>
    <script src="../plugins/select2/js/select2.full.min.js"></script>
    <!-- Bootstrap4 Duallistbox -->
    <script src="../plugins/bootstrap4-duallistbox/jquery.bootstrap-duallistbox.min.js"></script>
    <!-- InputMask -->
    <script src="../plugins/moment/moment.min.js"></script>
    <script src="../plugins/inputmask/jquery.inputmask.min.js"></script>
    <!-- date-range-picker -->
    <script src="../plugins/daterangepicker/daterangepicker.js"></script>
    <!-- bootstrap color picker -->
    <script src="../plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
    <!-- Tempusdominus Bootstrap 4 -->
    <script src="../plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
    <!-- Bootstrap Switch -->
    <script src="../plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
    <!-- BS-Stepper -->
    <script src="../plugins/bs-stepper/js/bs-stepper.min.js"></script>
    <!-- dropzonejs -->
    <script src="../plugins/dropzone/min/dropzone.min.js"></script>
    <!-- AdminLTE App -->
	<script>

		$(function () {

		    $('#ContentPlaceHolder1_GridView1').DataTable({
		        "responsive": true, "lengthChange": false, "autoWidth": false,
		        "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
		    }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');

        //Date picker
		    //$('#ContentPlaceHolder1_TextBox1').daterangepicker()

		    $('#reservationdate').datetimepicker({
		    //format: 'L'
		        format: 'DD/MM/YYYY'
		    });

		    //$('#reservationdatetime').datetimepicker({ icons: { time: 'far fa-clock'} });
//        $('#ContentPlaceHolder1_GridView1').DataTable({
//            "responsive": true, "lengthChange": false, "autoWidth": false,
//            "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
//        }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');

//        $('#ContentPlaceHolder1_gvChannel').DataTable({
//            "responsive": true, "lengthChange": false, "autoWidth": false,
//            "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
//        }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');

//        $('#ContentPlaceHolder1_gvEJ').DataTable({
//            "responsive": true, "lengthChange": false, "autoWidth": false,
//            "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
//        }).buttons().container().appendTo('#example1_wrapper .col-md-6:eq(0)');
		});
</script>
</asp:Content>
