<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-beta.1/dist/js/select2.min.js"></script>
<div id="lec_msg"></div>
<div class="row">

	<div class="col-md-8 col-lg-7">
		<?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 class="box box-primary">
			<div class="box-body">
				<form method="post" action="<?php echo base_url('admin/user/edit_client/' . $client->id); ?>" enctype="multipart/form-data">
					<div class="form-group">
						<label for="subject">Username</label>
						<input type="text" class="form-control" name="username" value="<?php echo $client->username; ?>" required="">
					</div>
					<div class="form-group">
						<label for="subject">Email</label>
						<input type="email" class="form-control" name="email" value="<?php echo $client->email; ?>" required="">
					</div>
					<div class="form-group">
						<label for="subject">Registration</label>
						&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="radio" name="registered" value="1" <?php echo ($client->registered == 1) ? 'checked="checked"' : ''; ?> required=""> Yes
						&nbsp;&nbsp;
						<input type="radio" name="registered" value="0" <?php echo ($client->registered == 0) ? 'checked="checked"' : ''; ?> required=""> No
					</div>

					<?php

					if (!empty($client->exp_date)) {
						if (date("Y-m-d H:i:s") < $client->exp_date) {
					?>
							<div class="form-group">
								<label for="subject">Active</label>
								&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<input type="radio" name="active" value="1" <?php echo ($client->active == 1) ? 'checked="checked"' : ''; ?> required=""> Yes
								&nbsp;&nbsp;
								<input type="radio" name="active" value="0" <?php echo ($client->active == 0) ? 'checked="checked"' : ''; ?> required=""> No
							</div>
						<?php
						}
					} else {
						?>
						<div class="form-group">
							<label for="subject">Active</label>
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							<input type="radio" name="active" value="1" <?php echo ($client->active == 1) ? 'checked="checked"' : ''; ?> required=""> Yes
							&nbsp;&nbsp;
							<input type="radio" name="active" value="0" <?php echo ($client->active == 0) ? 'checked="checked"' : ''; ?> required=""> No
						</div>
					<?php
					}

					?>

					<div class="form-group">
						<label for="subject">First Name</label>
						<input type="text" class="form-control" name="first_name" value="<?php echo $client->first_name; ?>">
					</div>
					<div class="form-group">
						<label for="subject">Last Name</label>
						<input type="text" class="form-control" name="last_name" value="<?php echo $client->last_name; ?>">
					</div>
					<div class="form-group">
						<label for="subject">Admission Code</label>
						<input type="text" class="form-control" name="admission_code" value="<?php echo $client->admission_code; ?>">
					</div>
					<div class="form-group">
						<label for="subject">Phone</label>
						<input type="text" class="form-control" name="phone" value="<?php echo $client->phone; ?>" required="">
					</div>

					<div class="form-group">
						<label for="subject">Aadhar Number</label>
						<input type="text" class="form-control" name="aadharno" value="<?php echo $client->aadharno; ?>">
					</div>

					<div class="form-group">
						<label for="group">Tags</label>
						<select class="form-control js-example-basic-multiple" name="user_group[]" multiple="multiple" data-placeholder="Select a State" style="width: 100%;">
							<?php
							if (!empty($selected_groups)) {
								foreach ($selected_groups as $group1) {
							?>
									<option selected value="<?php echo $group1->id; ?>"><?php echo $group1->tag; ?></option>
								<?php
								}
							}
							if (!empty($non_selected_groups)) {
								foreach ($non_selected_groups as $group2) {
								?>
									<option value="<?php echo $group2->id; ?>"><?php echo $group2->tag; ?></option>
							<?php
								}
							}
							?>
						</select>
					</div>

					<div class='form-data'>
						<i class='fa fa-plus' data-toggle="modal" data-target="#add_group"></i>

					</div>

					<hr />

					<button type="submit" class="btn btn-primary">Update</button>
				</form>
			</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() {
		$('.js-example-basic-multiple').select2();
	});
	$(document).ready(function() {

		var upload_lecture_list = $('#upload_lecture_list').DataTable({
			"processing": true,
			"serverSide": true,
			"pageLength": 100,
			"dom": 'Bfrtip',
			"buttons": [
				'copy', 'excel', 'print'
			],

			"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": "file_name"
				},
				{
					"data": "name"
				},
				{
					"data": "admin"
				},
				{
					"data": "pos"
				},
				{
					"data": "course"
				},
				{
					"data": "subject"
				},
				{
					"data": "chapter"
				},
				{
					"data": "uploaded"
				},
				{
					"data": "last_update"
				},
				{
					"data": "Actions"
				},
			],

			"columnDefs": [{
				"targets": [0, -1, -2, -3],
				"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('submit', '#group_add', function(e) {

			e.preventDefault();
			var form = $(this);
			var url = form.attr('action');
			var lec_msg = $('#msg_div');

			$.ajax({
				type: "POST",
				url: url,
				data: form.serialize(), // serializes the form's elements.
				dataType: 'json',
				beforeSend: function() {
					lec_msg.empty();
					lec_msg.append('<div class="alert alert-info" role="alert">please wait ...</div>');
				},
				success: function(data) {
					if (data.code == 200) {
						lec_msg.empty();
						lec_msg.addClass('alert alert-success');
						lec_msg.append(data.msg);
						window.location.reload(true);
					} else {
						lec_msg.empty();
						lec_msg.addClass('alert alert-danger');
						lec_msg.append(data.msg);
					}

					//
				}
			});
		});

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

		$(document).on('click', '#all_delete', function() {
			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>

<div class="modal fade" id="add_group">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title">Group Addition</h4>
			</div>
			<div class="modal-body">
				<form id='group_add' class="form-horizontal" action="<?php echo base_url('admin/user/addgroup'); ?>">
					<div class="box-body">
						<div class="form-group">
							<label for="group_name" class="col-sm-2 control-label">Name</label>

							<div class="col-sm-10">
								<input type="text" name="group_name" class="form-control" id="group_name" placeholder="Enter group name">
							</div>
						</div>
						<div class="form-group">
							<label for="group_description" class="col-sm-2 control-label">Description</label>

							<div class="col-sm-10">
								<input type="text" name="group_description" class="form-control" id="group_description" placeholder="Enter group description">
							</div>
						</div>
					</div>
					<!-- /.box-body -->
					<div class="box-footer">
						<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
						<button type="submit" class="btn btn-primary pull-right">Add Group</button>
					</div>
					<!-- /.box-footer -->
				</form>
			</div>
			<div class="modal-footer">
				<!--
		<button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>
		<button type="button" class="btn btn-primary">Save changes</button>-->
				<div id='msg_div'></div>
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal-dialog -->
</div>
<!-- /.modal -->