<?php

if (isset($message)) {
	echo '<div class="alert alert-success" role="alert">' . $message . '</div>';
}

if (!empty($this->session->flashdata('message'))) {
	echo $this->session->flashdata('message');
}

?>

<style>
	/* The switch - the box around the slider */
	.switch {
		position: relative;
		display: inline-block;
		width: 34px;
		height: 20px;
	}

	/* Hide default HTML checkbox */
	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

	/* The slider */
	.slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: indianred;
		-webkit-transition: .4s;
		transition: .4s;
	}

	.slider:before {
		position: absolute;
		content: "";
		height: 13px;
		width: 13px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

	input:checked+.slider {
		background-color: #30bd4e;
	}

	input:focus+.slider {
		box-shadow: 0 0 1px #30bd4e;
	}

	input:checked+.slider:before {
		-webkit-transform: translateX(13px);
		-ms-transform: translateX(13px);
		transform: translateX(13px);
	}

	/* Rounded sliders */
	.slider.round {
		border-radius: 17px;
	}

	.slider.round:before {
		border-radius: 50%;
	}
</style>
<div id="lec_msg"></div>
<div class="row">
	<div class="col-md-12">

		<div class="box box-primary">
			<div class="box-body">
				<div class="table-responsive">
					<table class="table table-bordered table-striped table-hover table-sm" id="user_list">
						<thead style="font-size: 12px;">
							<th>ID</th>
							<th>Name</th>
							<th>Host</th>
							<th>Stream URL</th>
							<th>Stream Key</th>
							<th>Created</th>
						</thead>
						<tbody>
							<?php
							if (!empty($streams->num_rows() > 0)) {
								foreach ($streams->result() as $stream) {
							?>
									<tr>
										<td><?php echo $stream->id; ?> </td>
										<td><?php echo $stream->name; ?> </td>
										<td><?php echo $stream->host; ?> </td>
										<td><?php echo $stream->stream_url; ?> </td>
										<td><?php echo $stream->stream_key; ?> </td>
										<td><?php echo $stream->created; ?> </td>
									</tr>
							<?php
								}
							}
							?>
						</tbody>
					</table>
				</div>

			</div>
		</div>
	</div>

</div>

<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/plugins/datatables/dataTables.bootstrap4.min.css'); ?>">

<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/plugins/datatables/buttons.bootstrap4.min.css'); ?>">
<script type="text/javascript" src="<?php echo base_url('assets/plugins/datatables/jquery.dataTables.min.js'); ?>">
</script>
<script type="text/javascript" src="<?php echo base_url('assets/plugins/datatables/dataTables.bootstrap4.min.js'); ?>">
</script>

<script type="text/javascript">
	$(document).ready(function() {

		var upload_lecture_list = $('#user_list').DataTable({});

		// Single delete
		// $(document).on('click', '.delete', function() {
		// 	return confirm('Are you sure? you want to delete user');
		// });

	});
</script>