@extends('admin.base')

@section('title', 'account management')

@section('account_content')

@include('datatableAssets')
<script src="{{asset('js/bootstrap.min.js')}}"></script>
	<div class="" id="course_list">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>{{ __('Virtual Course List') }}</h5>
						<div class="ibox-tools">
							<a class="collapse-link">
								<i class="fa fa-chevron-up"></i>
							</a>
						</div>
					</div>
					<div class="ibox-content">
						<div class ="row mb-10">
							<div class="col-sm-2">
								<button class="ui primary button form-control" onclick="parent.addMenuTab('{{ __('Add New Virtual Course') }}', '/admin/virtual_course/add_course', '/admin/virtual_course/add_course');">{{ __('Add New Virtual Course') }}</button>
							</div>
						</div>
						<div class="table" id="table">
							@include('admin.virtual_course.course_list_filter')
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	{{-- Start Confirm Modal --}}
	<div class="ui tiny modal" id="ssubmit_confirmation_modal">
		<div class="header">
			{{ __('Confirm Change') }}
		</div>
		<div class="actions">
			<div class="ui grey deny button" onclick="cancelChange()">
				{{ __('Cancel') }}
			</div>
			<button type="submit" class="ui yellow submit button" id="sconfirmSubmit"> {{ __('Confirm') }}</button>
		</div>
	</div>
	<div class="modal" tabindex="-1" role="dialog" id="submit_confirmation_modal">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h3 class="modal-title inline">{{ __('Confirm Change') }}</h3>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('Cancel') }}</button>
					<button type="submit" class="btn btn-primary" id="confirmSubmit">{{ __('Confirm') }}</button>
				</div>
			</div>
		</div>
	</div>
	{{-- End Confirm Modal --}}
	{{-- Start Confirm Modal --}}
	<div class="ui tiny modal" id="sdelete_course_modal">
		<div class="header">
			{{ __('Confirm Delete') }}
		</div>
		<div class="actions">
			<div class="ui grey deny button" onclick="cancelDelete()">
				{{ __('Cancel') }}
			</div>
			<button type="submit" class="ui yellow submit button" id="sconfirmDelete"> {{ __('Confirm') }}</button>
		</div>
	</div>
	<div class="modal" tabindex="-1" role="dialog" id="delete_course_modal">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<h3 class="modal-title inline">{{ __('Confirm Delete') }}</h3>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary" onclick="cancelDelete()">{{ __('Cancel') }}</button>
					<button type="submit" class="btn btn-primary" id="confirmDelete">{{ __('Confirm') }}</button>
				</div>
			</div>
		</div>
	</div>
	{{-- End Confirm Modal --}}

<script>
    function clearFilters() {
        window.location.href = window.location.href;
        //location.reload();
    }

    function cancelDelete () {
        $('#delete_course_modal').modal('hide');
    }

    //$('#courseAndUniversity').addClass('active');
    $('#virtualcourse').addClass('active');

</script>
<script src="{{asset('js/content.js')}}"></script>
@endsection