@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">{{__('platform_settings')}}</h4>
			</div>
			<!-- end panel-heading -->
			<div class="gadmin-pagesidebar-body">
				<div class="gadmin-pagesidebar-main">
					<ul class="nav gadmin-pagesidebar-ul">
						@if(!auth()->user()->isHubAdmin())
							<li>
								<a href="{{url('admin/utility/add_handbook')}}" class=" gadmin-pagesidebar-options-success"><i class="fa fa-plus"></i> {{__('add').' Handbook'}}</a>
							</li>
						@endif
						<li>
							<form id="deleteForm" class="gadmin-pagesidebar-options-danger-button" action="{{url('admin/ajax/bulk_delete/Handbook')}}" method="POST">
								<button type="submit" id="deleteChecked" name="bulkDelete" class="gadmin-pagesidebar-options-danger"  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 class=" active">View Handbooks</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div class="gadmin-pagesidebar-width-2">
		<!-- begin panel -->
		<div class="panel panel-inverse " 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">
				<div class="col-md-12">
					<form id="deleteForm" action="{{url('admin/ajax/bulk_delete/Handbook')}}" method="POST">
						<table
							class="table table-striped table-responsive table-bordered table-hover"
							width="100%"
							id="beDataTable"
							data-href="{{url('')}}admin/ajax/getDataTableData/Handbook"
							data-object="Handbook"
							data-cols="id,company_id,file,content,created_at,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="company_id">{{__('company')}}</th>
								<th class="text-nowrap" data-orderable="true" data-searchable="true" data-image="true" data-name="file">File</th>
								<th class="text-nowrap" data-orderable="true" data-searchable="true" data-limit="200" data-name="content">Content</th>
								<th class="text-nowrap" data-orderable="true" data-time="true" data-searchable="true" data-name="created_at">{{__('created_at')}}</th>
								<th class="text-nowrap" data-object="Handbook" data-action="true" data-edit="admin/utility/add_handbook" data-delete="true" data-name="id">{{__('actions')}}</th>
							</tr>
							</thead>
						</table>
					</form>
				</div>
			</div>
		</div>
	</div>
	<script>
		$(document).ready(function(){
			beDataTable('#beDataTable', true);
		});
	</script>
	<!-- end panel -->
	@push('custom-js')
	@endpush
@endsection