<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPages/Main.master" AutoEventWireup="true"
    CodeFile="MonitorSettlHist.aspx.cs" Inherits="MonitorSettlHist" %>

<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">
</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>Job Monitor (Settlement History)</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">Administration</li>
			  <li class="breadcrumb-item active">Job Monitor</li>
			</ol>
		  </div>
		</div>
	  </div><!-- /.container-fluid -->
	</section>
        <!-- /.content-header -->
        <!-- Main content -->
        <section class="content">
	    <div class="container-fluid">
		<!-- Default box -->
		<div class="card card-info">
			<div><asp:Label ID="lblError" runat="server" Text=""></asp:Label></div>
			<div class="card-body ">
            
            <div>
            <div class="btn-group btn-group-toggle" data-toggle="buttons">
                  <label class="btn btn-secondary bg-info active">
                    <asp:RadioButton ID="rdF" Text="File Loading" GroupName="2" AutoPostBack="False" runat="server" Checked="False" onclick="window.location.href = 'monitor.aspx';"/>
                  </label>
                  <label class="btn btn-secondary bg-info">
                    <asp:RadioButton ID="rdR" Text="Reconcilliation" GroupName="2" AutoPostBack="False" runat="server" Checked="False"  onclick="window.location.href = 'monitorhist.aspx';"/>
                  </label>
                  <label class="btn btn-secondary bg-info">
                    <asp:RadioButton ID="RadioButton1" Text="History" GroupName="2" AutoPostBack="False" runat="server" Checked="False" onclick="window.location.href = 'monitorhist.aspx';" />
                  </label>
                  <label class="btn btn-secondary bg-info">
                    <asp:RadioButton ID="RadioButton2" Text="EJ History" GroupName="2" AutoPostBack="False" runat="server" Checked="False" onclick="window.location.href = 'monitorejhist.aspx';" />
                  </label>
                  <label class="btn btn-secondary bg-info">
                    <asp:RadioButton ID="RadioButton4" Text="Settlement" GroupName="2" AutoPostBack="False" runat="server" Checked="False" onclick="window.location.href = 'monitorsettl.aspx';" />
                  </label>
                  <label class="btn btn-secondary bg-info">
                    <asp:RadioButton ID="RadioButton3" Text="Settle History" GroupName="2" AutoPostBack="False" runat="server" Checked="True"  />
                  </label>
                </div>
            </div>
            <div class="row" style="display:none">
			        <div class="col-12">
                    <div <%--class="btn-group btn-group-toggle" data-toggle="buttons"--%>>
                  <label class="btn btn-secondary bg-info active">
                  <asp:RadioButton ID="rdF1" Text="File Loading" GroupName="1" AutoPostBack="False" runat="server" Checked="True" />
                  </label>
                  <label class="btn bg-info">
                  <asp:RadioButton ID="rdR1" Text="Reconcilliation" GroupName="1" AutoPostBack="False" runat="server" Checked="False" />
                  </label>
                  <label class="btn bg-info">
                  <asp:RadioButton ID="rdS1" Text="Settlement" GroupName="1" AutoPostBack="False" runat="server" Checked="False" />
                  </label>
                  <label class="btn bg-info">
                  <asp:RadioButton ID="rdV1" Text="Revert" GroupName="1" AutoPostBack="False" Visible=false runat="server" Checked="False" />
                  </label>
                </div>
			        </div>
                    </div>
                    <br />
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                                    <asp:UpdateProgress ID="UpdateProgress1" runat="server" 
                                        AssociatedUpdatePanelID="UpdatePanel1" DisplayAfter="0">
                                        <ProgressTemplate>
                                        Refreshing...
                                        <%--<img alt="Loading" src="../Images/ajax-loader.gif" />--%>
                                        </ProgressTemplate>
                                    </asp:UpdateProgress>
			<asp:GridView ID="GridView1" class="table table-bordered table-hover" BorderStyle="None" BorderWidth="0" AllowPaging="true"
					GridLines="None" runat="server" AutoGenerateColumns=false  EmptyDataText="There are no Records"
					 onprerender="GridView1_PreRender"  
					>
				<Columns>
					<asp:BoundField DataField="display_name" HeaderText="Job Name" />
                                        <asp:BoundField DataField="started_by" HeaderText="Started By" />
                                        <asp:BoundField DataField="start_method" HeaderText="Start Method" />
                                        <asp:BoundField DataField="start_date" HeaderText="Start Date" />
                                        <asp:BoundField DataField="end_date" HeaderText="End Date" />
                                        <asp:BoundField DataField="file_name" HeaderText="File name" />
                                        <asp:BoundField DataField="channel_name" HeaderText="Channel name" />
                                        <asp:BoundField DataField="event_name" HeaderText="Event name" />
                                        <asp:BoundField DataField="recon_date" HeaderText="Recon date" />
                                        <asp:BoundField DataField="response" HeaderText="Response" />
				</Columns>
			</asp:GridView>
           
            </ContentTemplate>
            </asp:UpdatePanel>
            
                  <br />
                 
            
            </div>
					
			<!-- /.card-body -->

            
		</div>
		<!-- /.card -->
		
	</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>
    <!-- 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>
    <!-- /.content-wrapper -->
    <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)');

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

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

            $('#dateform').datetimepicker({
                //format: 'L'
                format: 'DD/MM/YYYY'
            });
        });
    </script>
</asp:Content>
