<?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');
}

?>
<div id="lec_msg"></div>
<div class="row">

	<div class="col-md-12">
		<div class="box box-primary">
			<div class="box-header">
				<div class="row">

					<!-- Course -->
					<div class="col-md-3">
						<select class="form-control" id="course_id">
							<option value="">Select Course</option>
							<?php
							if (isset($courses) && !empty($courses)) {
								foreach ($courses as $course) {
							?>
									<option value="<?php echo $course->id; ?>">
										<?php echo $course->course; ?>
									</option>
							<?php
								}
							}
							?>
						</select>
						<div class="col-md-12" id="filter_msg"></div>
					</div>

					<!-- Subject -->
					<div class="col-md-2">
						<select class="form-control" id="subject_id">
							<option value="">Select Subject</option>
						</select>
					</div>

					<!-- Chapter -->
					<div class="col-md-2">
						<select class="form-control" id="chapter_id">
							<option value="">Select Chapter</option>
						</select>
					</div>

					<!-- Action -->
					<div class="col-md-5">
						<button class="btn btn-danger pull-right  margin-r-5" id="all_delete">Delete Selected</button>
						<button class="btn btn-success pull-right  margin-r-5" type="button" id="clear_filter">Clear Filter</button>
						<button class="btn btn-primary pull-right margin-r-5" type="button" id="get_filter">Filter</button>

					</div>
				</div>
			</div>
			<div class="box-body">
				<div class="table-responsive">
					<table class="table table-bordered table-striped table-hover table-sm" id="upload_lecture_list">
						<thead style="font-size: 12px;">
							<th>
								<input type="checkbox" id="all_check_in" value="">
							</th>
							<th>Pos</th>
							<th>File Name</th>
							<th>Original Name</th>
							<th>Type</th>
							<th>Duration</th>
							<th>Course</th>
							<th>Subject</th>
							<th>Chapter</th>
							<th>Uploaded at</th>
							<th>Actions</th>
						</thead>
					</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/responsive.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 = $('#upload_lecture_list').DataTable({
			"processing": true,
			"serverSide": true,
			"pageLength": 50,
			"lengthMenu": [
				[50, 100, 500, 1000, 5000],
				[50, 100, 500, 1000, 5000]
			],
			"ajax": {
				"url": JS_BASE_URL + 'admin/lecture/lecture_posts',
				"dataType": "json",
				"type": "POST",
				"data": function(post_data) {
					post_data.course_id = $("#course_id").val(),
						post_data.subject_id = $("#subject_id").val(),
						post_data.chapter_id = $("#chapter_id").val()
				},
				"async": true,
				"error": function(jqXHR, exception) {
					console.log(jqXHR.responseText);
				}
			},

			"columns": [{
					"data": "id"
				},
				{
					"data": "pos"
				},
				{
					"data": "file_name"
				},
				{
					"data": "name"
				},
				{
					"data": "type"
				},
				{
					"data": "duration"
				},
				{
					"data": "course"
				},
				{
					"data": "subject"
				},
				{
					"data": "chapter"
				},
				{
					"data": "uploaded"
				},
				{
					"data": "Actions"
				},
			],

			"columnDefs": [{
				"targets": [0, 1, 4, 5, 6, 7, 8, 9, 10],
				"orderable": false,

			}]
		});

		upload_lecture_list.columns().every(function() {
			var that = this;
			var searchinput = $('#posts_filter').find('input');
			$(searchinput, this.footer()).on('change', function() {

				if (that.search() !== this.value) {
					that.search(this.value).draw();
				}
			});
		});

		$(document).on('click', '#get_filter', function() {
			upload_lecture_list.draw();
		});

		/**********************************************************************************/

		$(document).on('change', '#course_id', function() {
			course_id = $(this).val();
			lec_msg = $('#filter_msg');
			subject_id = $('#subject_id');
			chapter_id = $('#chapter_id');

			if (course_id !== null || course_id !== "") {
				$.ajax({
					url: JS_BASE_URL + 'admin/lecture/get_subject_by_id',
					type: 'POST',
					data: {
						course_id: course_id
					},
					dataType: 'json',
					async: true,

					beforeSend: function() {
						lec_msg.empty();
						lec_msg.append('<span class="text-warning">Fetching subjects ...</span>');
					},

					success: function(data) {
						if (data) {
							if (data.status == 1) {
								lec_msg.empty();
								lec_msg.append(data.message);

								if (data.return_data) {
									return_data = data.return_data;

									option = '<option value="">Select Subject</option>';

									for (var i = 0; i < return_data.length; i++) {
										option += '<option value="' + return_data[i].id + '">' + return_data[i].subject + '</option>';
									}

									subject_id.empty();
									subject_id.append(option);

									option_c = '<option value="">Select Chapter</option>';

									chapter_id.empty();
									chapter_id.append(option_c);
								} else {
									option_s = '<option value="">Select Subject</option>';
									subject_id.empty();
									subject_id.append(option_s);
								}
							} else {
								if (data.redirect_to) {
									lec_msg.empty();
									window.location.reload(true);
								} else {
									lec_msg.empty();
									lec_msg.append(data.message);
								}
							}
						}
					},

					error: function(jqXHR, exception) {
						console.log(jqXHR.responseText);
					}
				});
			}
		});

		/**********************************************************************************/

		$(document).on('change', '#subject_id', function() {
			subject_id = $(this).val();
			lec_msg = $('#filter_msg');
			chapter_id = $('#chapter_id');

			if (subject_id !== null || subject_id !== "") {
				$.ajax({
					url: JS_BASE_URL + 'admin/lecture/get_chapter_by_id',
					type: 'POST',
					data: {
						subject_id: subject_id
					},
					dataType: 'json',
					async: true,

					beforeSend: function() {
						lec_msg.empty();
						lec_msg.append('<span class="text-warning">Fetching chapters ...</span>');
					},

					success: function(data) {
						if (data) {
							if (data.status == 1) {
								lec_msg.empty();
								lec_msg.append(data.message);

								chapter_id.empty();

								if (data.return_data) {
									return_data = data.return_data;

									option = '<option value="">Select Chapter</option>';

									for (var i = 0; i < return_data.length; i++) {
										option += '<option value="' + return_data[i].id + '">' + return_data[i].chapter + '</option>';
									}

									chapter_id.empty();
									chapter_id.append(option);
								} else {
									option_c = '<option value="">Select Chapter</option>';

									chapter_id.empty();
									chapter_id.append(option_c);
								}
							} else {
								if (data.redirect_to) {
									lec_msg.empty();
									window.location.reload(true);
								} else {
									lec_msg.empty();
									lec_msg.append(data.message);
								}
							}
						}
					},

					error: function(jqXHR, exception) {
						console.log(jqXHR.responseText);
					}
				});
			}
		});

		/**********************************************************************************/

		$(document).on('click', '#all_check_in', function() {
			var all_check_in = $(this),
				_check_in = $('._check_in');

			if (typeof _check_in !== 'undefined' || _check_in !== null) {
				if (all_check_in.prop('checked') == true) {
					all_check_in.prop('checked', true);
					all_check_in.parent().parent().css({
						'background-color': '#000',
						'color': '#fff'
					});

					_check_in.prop('checked', true);
					_check_in.parent().parent().css({
						'background-color': '#ccc'
					});
				} else {
					all_check_in.prop('checked', false);
					all_check_in.parent().parent().removeAttr('style');

					_check_in.prop('checked', false);
					_check_in.parent().parent().removeAttr('style');
				}
			}
		});

		$(document).on('click', '._check_in', function() {
			var _check_in = $('._check_in');

			_check_in.each(function() {
				if ($(this).prop('checked') == true) {
					$(this).parent().parent().css({
						'background-color': '#ccc'
					});
				} else {
					$(this).parent().parent().removeAttr('style');
				}
			});
		});

		/**********************************************************************************/

		$(document).on('click', '#all_delete', function() {

			if (confirm("Are you sure, you want to delete.") == true) {
				var _check_in = $('._check_in'),
					lec_msg = $('#lec_msg'),
					_selected = [];

				if (typeof _check_in !== 'undefined' || _check_in !== null) {
					$('._check_in:checked').each(function() {
						_selected.push($(this).val());
					});

					if (_selected.length !== 0) {
						$.ajax({
							url: JS_BASE_URL + 'admin/lecture/delete_lecture_all',
							type: 'POST',
							data: {
								lectures: _selected
							},
							dataType: 'json',
							async: true,

							beforeSend: function() {
								lec_msg.empty();
								lec_msg.append('<div class="alert alert-warning" role="alert">Deleting records please wait ...</div>');
							},

							success: function(data) {
								if (data) {
									if (data.status == 1) {
										lec_msg.empty();

										window.location.reload(true);
									} else {
										if (data.redirect_to) {
											lec_msg.empty();
											window.location.reload(true);
										} else {
											lec_msg.empty();
											lec_msg.append(data.message);
										}
									}
								}
							},

							error: function(jqXHR, exception) {
								console.log(jqXHR.responseText);
							}
						});
					} else {
						alert('Select item for delete!');
					}
				}
			}

		});

		/**********************************************************************************/

		$(document).on('click', '#clear_filter', function() {
			course_id = $("#course_id");
			subject_id = $("#subject_id");
			chapter_id = $("#chapter_id");

			course_id.val("");
			subject_id.val("");
			chapter_id.val("");

			upload_lecture_list.draw();
		});

	});
</script>