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

<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>Manage Events</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">Configurations</li>
			  <li class="breadcrumb-item active">Manage Events</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 color-palette-box">
			<div class="card-header">
				<h3 class="card-title">
                    <i class="fas fa-tag"></i>
                    Events List
                </h3>

				<div class="card-tools">
					<button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
						<i class="fas fa-minus"></i>
					</button>
					</div>
			</div>
			<div><asp:Label ID="lblError" runat="server" Text="Label"></asp:Label></div>
			<div class="card-body ">
			<asp:GridView ID="GridView1" class="table table-bordered table-hover" BorderStyle="None" BorderWidth="0"
					GridLines="None" runat="server" AutoGenerateColumns=false OnRowCommand="GridView1_RowCommand" 
					DataKeyNames="re_code" onprerender="GridView1_PreRender" >
				<Columns>
					<asp:BoundField DataField="re_code" HeaderText="" Visible="false" />
                    <asp:BoundField DataField="evant_name" HeaderText="Event Name" />
                    <asp:BoundField DataField="tran_source" HeaderText="Source" />
                    <asp:BoundField DataField="tran_dest" HeaderText="Destination"  />
                    <asp:BoundField DataField="type_name" HeaderText="Type"  />
                    <asp:BoundField DataField="recon_req_flag" HeaderText="Flag"  />
                    <asp:BoundField DataField="business_class" HeaderText="Busines Class"  />
                    
                    <asp:ButtonField ButtonType="Link" CommandName="v" Text="Event Channels"  ControlStyle-CssClass="btn btn-outline-info btn-block btn-sm" />
					
				</Columns>
			</asp:GridView>
			</div>
					
			<!-- /.card-body -->
		</div>
		<!-- /.card -->
		<div class="row">
			<div class="col-12">
				<%--<asp:Button ID="btnAdd" runat="server" Text="     Add     " OnClick="btnAdd_Click"
										class="btn btn-success float-right" />--%>
			</div>
			<div class="modal fade" id="modal-xl">
		   
				<div class="modal-dialog modal-xl">
					<div class="modal-content">
					<div class="modal-header">
						<h4 class="modal-title">Group</h4>
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
						</button>
					</div>
					<div class="modal-body">
							
						<div class="card-body">
                            <div class="form-group">
                                <asp:GridView ID="GridView2" class="table table-bordered table-hover" BorderStyle="None" BorderWidth="0"
					                GridLines="None" runat="server" AutoGenerateColumns=false OnRowCommand="GridView2_RowCommand" 
					                DataKeyNames="rc_code"  >
				                <Columns>
					                <asp:BoundField DataField="event_name" HeaderText="Event Name" />
                                        <asp:BoundField DataField="channel_name" HeaderText="Channel Name" />
                                        <asp:BoundField DataField="match_ref_no" HeaderText="Match Ref Number"  />
                    
                                    <asp:ButtonField ButtonType="Link" CommandName="d" Text="Deattach channel"  ControlStyle-CssClass="btn btn-outline-danger btn-block btn-sm" />
					
				                </Columns>
			                </asp:GridView>
                            </div>
							<div class="form-group">
							<label for="exampleInputEmail1">Channel</label>
							<asp:DropDownList ID="ddlChannels" runat="server" class="form-control"
                                            DataTextField="channel_name" DataValueField="rc_code" ></asp:DropDownList>
							</div>
							<div class="form-group">
							<label for="exampleInputPassword1">Match Ref Number</label>
								<asp:DropDownList ID="ddlMatchRefNumber" runat="server" class="form-control" >
                                                <asp:ListItem Text="1" Value="1"></asp:ListItem>
                                                <asp:ListItem Text="2" Value="2"></asp:ListItem>
                                                <asp:ListItem Text="3" Value="3"></asp:ListItem>
                                                <asp:ListItem Text="4" Value="4"></asp:ListItem>
                                            </asp:DropDownList>
							</div>
						</div>
						<!-- /.card-body -->

							  
					</div>
					<div class="modal-footer justify-content-between">
						<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
						<asp:Button ID="btnSave" runat="server" Text="Save changes" OnClick="btnSave_Click" class="btn btn-primary" />
					</div>
					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal-dialog -->
			  
				</div>
				<!-- /.modal -->
		</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>
	<!-- AdminLTE App -->
	<script src="../dist/js/adminlte.min.js"></script>
	<!-- AdminLTE for demo purposes -->
	<script src="../dist/js/demo.js"></script>
	<!-- /.content-wrapper -->
	<script>
		$(function () {

		    $('#ctl00_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)');
		});
</script>
</asp:Content>
