@extends('themes.admin.'.setting('active_admin_theme').'.layouts.default')
@section('content')
	@push('custom-css')

	@endpush
	<div class="gadmin-pagesidebar-width-1">
		<div class="panel panel-default gadmin-pagesidebar-width-1-panel ">
			<!-- begin panel-heading -->
			<div class="panel-heading gadmin-pagesidebar-width-1-heading">
				<h4 class="panel-title">{{__('admin.modules_modulesoptions')}}</h4>
			</div>
			<!-- end panel-heading -->
			<div class="gadmin-pagesidebar-body">
				<div class="gadmin-pagesidebar-main">
					<ul class="nav gadmin-pagesidebar-ul">
						<li>
							<a href="{{url('admin/modules/install')}}" class=" gadmin-pagesidebar-options-success"><i class="fa fa-plus"></i> {{__('add_new_module')}}</a>
						</li>
						<li>
						<form id="deleteForm" class="gadmin-pagesidebar-options-danger-button" action="{{url('admin/ajax/bulk_delete/Module')}}" method="POST">
							<button type="submit" id="deleteChecked" name="bulkDelete" class="gadmin-pagesidebar-options-danger" data-swal="warning" style="display:none"><i class="fa fa-trash"></i> {{__('bulk_delete')}}</button>
						</form>
						</li>
					</ul>
					<ul class="nav gadmin-pagesidebar-ul gadmin-mhide">
						<li><hr></li>
						<li><a href="{{url('admin/modules/install')}}" class="">{{__('install_module')}}</a></li>
						<li><a class=" active">{{__('installed_modules')}}</a></li>
						<li><hr></li>
						<li><a href="{{url('admin/utility/backup')}}" class="">{{__('backup')}}</a></li>
						<li><a href="{{url('admin/utility/restore')}}" class="">{{__('restore')}}</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

<div class="gadmin-pagesidebar-width-2">
	<!-- begin panel -->
	<div class="panel panel-default " data-sortable-id="ui-widget-6">
		<div class="panel-heading">
			<h4 class="panel-title">
				{{$title}}
			</h4>
		</div>
		<div id="info-alert" class="alert" style="display:none">
			<span class="close"  onclick="$('#info-alert').fadeOut()">×</span>
			<div class="alert-container"></div>
		</div>
		<div class="panel-body">
			<form id="deleteForm" action="{{url('admin/ajax/bulk_delete/Module')}}" method="POST">
				<table
					class="table table-striped table-responsive table-bordered table-hover"
					width="100%"
					id="beDataTable"
					data-href="{{url('admin/ajax/getDataTableData/Module')}}"
					data-object="Module"
					data-cols="id,name,version,active,install_time,id"
				>
					<thead>
					<tr>
						<th width="1%" data-orderable="false" data-bulk="true" data-name="id"><input id="select_all" name="select_all" value="1" type="checkbox"></th>
						<th class="text-nowrap" data-orderable="true" data-searchable="true" data-name="name">{{__('name')}}</th>
						<th class="text-nowrap" data-orderable="true" data-searchable="true" data-name="version">{{__('version')}}</th>
						<th class="text-nowrap" data-orderable="true" data-searchable="true" data-name="active">{{__('active')}}</th>
						<th class="text-nowrap" data-orderable="true" data-searchable="true" data-time="true" data-name="install_time">{{__('created_at')}}</th>
						<th class="text-nowrap" data-object="module" data-action="true" data-edit="false" data-suspend="false" data-delete="true" data-name="id">{{__('actions')}}</th>
					</tr>
					</thead>
				</table>
			</form>
		</div>
	</div>
</div>
	<script>
        $(document).ready(function() {
            beDataTable('#beDataTable');
        })
	</script>
	<!-- end panel -->
	@push('custom-js')
	@endpush
@endsection