@extends(getTemplate('admin'))
@push('custom-css')
	<link href="{{url('assets/core/plugins/OwlCarousel2-2.3.4/dist/assets/owl.carousel.min.css')}}" rel="stylesheet" />
	<link href="{{url('assets/core/plugins/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.min.css')}}" rel="stylesheet" />
	<style>
		.owl-theme .owl-nav.disabled + .owl-dots {
			margin-top: -10px;
		}
		.dt-buttons{
			display: none;
		}
	</style>
@endpush
@section('content')
	<style>.tab-content > .tab-pane:not(.active) { display: block; height: 0; overflow-y: hidden; }</style>
		<!-- begin row -->
		<div class="row">
			<div class="col-md-5 col-sm-12 admin-hubs-dashboard-col-main">
				<!-- Super Admin Alerts -->
				@include('includes.component.hub-alert-widget',['alerts' => $alerts, 'count' => $countAlerts])
				<!-- Alerts End -->
				<div class="row">
					<!-- Stats -->
					@foreach($hubs as $hub)
						<div class="col-lg-6 col-md-6 col-sm-12 admin-hubs-dashboard-card-col-stats">
							<div class="widget widget-stats bg-gradient-gadmin">
								<div class="stats-icon stats-icon-lg"><i class="fa fa-globe fa-fw"></i></div>
								<div class="stats-content">
									<div class="stats-title">{{$hub->name}} VISITORS</div>
									<div class="stats-number">{{$hub->profileViews()}}</div>
									<div class="stats-progress progress">
										<div class="progress-bar"></div>
									</div>
									<div class="stats-desc">Total {{$hub->name}} Profile Views</div>
								</div>
							</div>
						</div>
						<div class="col-lg-6 col-md-6 col-sm-12 admin-hubs-dashboard-card-col-stats">
							<div class="widget widget-stats bg-gradient-gadmin">
								<div class="stats-icon stats-icon-lg"><i class="fas fa-user-friends fa-fw"></i></div>
								<div class="stats-content">
									<div class="stats-title">{{$hub->name}} MEMBERS</div>
									<div class="stats-number">{{$hub->getHubMembers(TRUE)}}</div>
									<div class="stats-progress progress">
										<div class="progress-bar"></div>
									</div>
									<div class="stats-desc">Active {{$hub->name}} Members</div>
								</div>
							</div>
						</div>
					@endforeach
					<!-- Stats End -->
					<!-- Menu Items -->
					@if(module_exists('tutorials'))
						<div class="col-lg-6 col-md-6 col-sm-12 admin-hubs-dashboard-card-col">
							<div class="card">
								<a href="{{url('admin/module/tutorials/all_posts')}}" class="gadmin-dashboard-cards-a">
									<div class="card-block gadmin-dashboard-cards-i admin-hubs-dashboard-card-style-1">
										<i class="fas fa-info"></i>
									</div>
								<div class="card-block">
									<h4 class="card-title gadmin-dashboard-cards-title">Tutorials & Guides</h4>
								</div>
								</a>
							</div>
						</div>
					@endif
					<div class="col-lg-6 col-md-6 col-sm-12 admin-hubs-dashboard-card-col">
						<div class="card admin-hubs-dashboard-card-2">
							<a href="{{url('admin/user/show')}}" class="gadmin-dashboard-cards-a">
								<div class="card-block gadmin-dashboard-cards-i admin-hubs-dashboard-card-style-3">
									<i class="fas fa-users"></i>
									</div>
							<div class="card-block">
								<h4 class="card-title gadmin-dashboard-cards-title">Member Accounts</h4>
							</div>
							</a>
						</div>
					</div>
					@if(module_exists('payments'))
						<div class="col-lg-6 col-md-6 col-sm-12 admin-hubs-dashboard-card-col">
							<div class="card admin-hubs-dashboard-card-2">
								<a href="{{url('admin/module/payments/sales')}}" class="gadmin-dashboard-cards-a">
									<div class="card-block gadmin-dashboard-cards-i admin-hubs-dashboard-card-style-1">
										<i class="fas fa-euro-sign"></i>
									</div>
								<div class="card-block">
									<h4 class="card-title gadmin-dashboard-cards-title">View All Payments</h4>
								</div>
								</a>
							</div>
						</div>
					@endif
					<div class="col-lg-6 col-md-6 col-sm-12 admin-hubs-dashboard-card-col">
						<div class="card admin-hubs-dashboard-card-2">
							<a href="{{url('admin/utility/show_companies')}}" class="gadmin-dashboard-cards-a">
								<div class="card-block gadmin-dashboard-cards-i admin-hubs-dashboard-card-style-3">
									<i class="far fa-address-card"></i>
								</div>
							<div class="card-block">
								<h4 class="card-title gadmin-dashboard-cards-title">Hub Companies</h4>
							</div>
							</a>
						</div>
					</div>
				</div>
			</div>
			<!-- Notifications -->
			<div class="col-md-7 col-sm-12 admin-hubs-dashboard-col-main">
				<!-- begin panel -->
				<div class="panel panel-theme panel-with-tabs" data-sortable-id="ui-unlimited-tabs-1">
					<!-- begin panel-heading -->
					<div class="panel-heading-2 p-0">
						<div class="panel-heading-btn m-r-10 m-t-8">
							<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
						</div>
						<!-- begin nav-tabs -->
						<div class="tab-overflow">
							<ul class="nav nav-tabs nav-tabs-theme">
								<li class="nav-item prev-button"><a href="javascript:;" data-click="prev-tab" class="nav-link"><i class="fa fa-arrow-left"></i></a></li>
								<li class="nav-item"><a href="#actmenu-tab-1" data-toggle="tab" class="nav-link active">Approvals</a></li>
								<li class="nav-item"><a href="#actmenu-tab-2" data-toggle="tab" class="nav-link">Recent Orders</a></li>
								<li class="nav-item"><a href="#actmenu-tab-3" data-toggle="tab" class="nav-link">Activity</a></li>
								<li class="nav-item"><a href="#actmenu-tab-4" data-toggle="tab" class="nav-link">Hub Profile</a></li>
								<li class="nav-item"><a href="#actmenu-tab-5" data-toggle="tab" class="nav-link">Desks & Memberships</a></li>
								<li class="nav-item"><a href="#actmenu-tab-6" data-toggle="tab" class="nav-link">Meeting Rooms</a></li>
								<li class="nav-item"><a href="#actmenu-tab-7" data-toggle="tab" class="nav-link">Events</a></li>
								<li class="nav-item next-button"><a href="javascript:;" data-click="next-tab" class="nav-link"><i class="fa fa-arrow-right"></i></a></li>
							</ul>
						</div>
						<!-- end nav-tabs -->
					</div>
					<!-- end panel-heading -->
					<!-- begin tab-content -->
					<div class="tab-content" id="hub-admin-id" data-hub-id="{{auth()->user()->id}}">
						<!-- begin tab-pane -->
						<div class="tab-pane fade active show" id="actmenu-tab-1">
							<div class="note-light">
								<div class="note-content gadmin-title-1">
									<div data-scrollbar="true" data-height="715px">
										<div id="approval-logs" class="log-container"></div>
										<!-- <div class="text-center hidden load-more-details">
											<a href="{{url('admin/main/notifications')}}" class="btn btn-2 btn-inverse">View More Details</a>
										</div> -->
									</div>
								</div>
							</div>
						</div>
						<!-- end tab-pane -->
						<!-- begin tab-pane -->
						<div class="tab-pane fade" id="actmenu-tab-2">
							<div class="note-light">
								<div class="note-content gadmin-title-1">
									<div data-scrollbar="true" data-height="715px">
										<div id="recent-order-logs" class="log-container"></div>
										<!-- <div class="text-center hidden load-more-details">
											<a href="{{url('admin/main/notifications')}}" class="btn btn-2 btn-inverse">View More Details</a>
										</div> -->
									</div>
								</div>
							</div>
						</div>
						<!-- end tab-pane -->
						<!-- begin tab-pane -->
						<div class="tab-pane fade" id="actmenu-tab-3">
							<div class="note-light">
								<div class="note-content gadmin-title-1">
									<div data-scrollbar="true" data-height="715px">
										<div id="member-activity-logs" class="log-container"></div>
										<!-- <div class="text-center hidden load-more-details">
											<a href="{{url('admin/main/notifications')}}" class="btn btn-2 btn-inverse">View More Details</a>
										</div> -->
									</div>
								</div>
							</div>
						</div>
						<!-- end tab-pane -->
						@include('includes.component.hub-approval-modal',[])
						<!-- begin tab-pane -->
						<div class="tab-pane fade" id="actmenu-tab-4">
							<h4><b>Hub Profile Details</b> <a href="{{url('admin/utility/show_companies')}}" class="btn btn-sm btn-inverse btn-actmenu-1">EDIT INVOICE DETAILS</a></h4>
							<hr>
							@if($hubCount > 1)
								<div class="accordion" id="accordionExample">
									@php $i=0; @endphp
									@foreach($hubs as $hub)
										@php  $hub = \App\Models\Company::find($hub->id); @endphp
										<form action="{{url('admin/main/update_hub_profile')}}" method="post">
											<div class="card">
												<input type="hidden" name="hub_id" value="{{$hub->id}}" />
												<div class="card-header" id="heading{{$hub->id}}">
													<h2 class="mb-0">
														<button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#collapse{{$hub->id}}" aria-expanded="true" aria-controls="collapse{{$hub->id}}">
															{{$hub->name}}
														</button>
													</h2>
												</div>
												<div id="collapse{{$hub->id}}" class="collapse @if($i === 0) show @endif" aria-labelledby="heading{{$hub->id}}" data-parent="#accordionExample">
													<div class="card-body">
														<div class="row">
															<div class="col-md-12">
																<h4 class="text-center">{{__('admin.about')}} {{$hub->name}}</h4>
																<textarea id="about-co{{$hub->id}}" name="about" class="tiny-mce-co hidden" placeholder="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum." cols="5" rows="5" >{!!$hub->about!!}</textarea>
															</div>
															<div class="col-md-12">
																<hr>
																<h4 class="text-center">{{__('admin.facilities')}} at {{$hub->name}}</h4>
																<div class="form-group row">
																	<div class="col-md-12">
																		@php
																			$a = new Amenity();
																			$ac = new Amenity_category();
																			$a_categories = $ac->get();
																			$ids = $hub->amenities();
																		@endphp
																		<div class="row">
																			@foreach($a_categories as $a_category)
																				@if($a_category->amenity->get()->exists())
																					@php  @endphp
																					<label class="col-md-12 col-form-label form-group-5"><b>{{ucwords($a_category->name)}}</b></label>
																					@foreach($a_category->amenity->get() as $amenity)
																						<label class="col-md-3 col-form-label" for="opt{{$amenity->id}}">{{ucwords($amenity->name)}}:
																						</label>
																						<div class="col-md-1">
																							<input
																								id="opt{{$amenity->id}}"
																								type="checkbox"
																								name="amenities[{{$amenity->id}}]"
																								class="form-control form-control-checkboxes"
																								value="{{$amenity->id}}"
																								autocomplete="nope"
																								data-parsley-required="false"
																								@if(in_array($amenity->id, $ids)) checked @endif
																							/>
																						</div>
																					@endforeach
																				@endif
																			@endforeach
																		</div>
																	</div>
																</div>
															</div>
															<hr>
															<div class="col-md-6">
																<h4 class="text-center">Profile {{__('admin.logo')}}</h4>
																<div class="form-group row">
																	<div class="col-md-12">
																		{!! dropzone('company_logo'.$hub->id, 'Company_logo', 1, 'companies', 1, 10000, fileTypes('image'), 'logo', false, ['file' => true, 'file_path' => $hub->logo] ) !!}
																	</div>
																</div>
															</div>
															<div class="col-md-6">
																<h4 class="text-center">Main Banner Image</h4>
																<div class="form-group row">
																	<div class="col-md-12">
																		{!!dropzone('dragNdropUploadCover'.$hub->id, 'Company_setting', $hub->id, 'companies/', 1, 50000, fileTypes('image'), 'cover', false, ['file' => true, 'file_path' => $hub->setting('cover')])!!}
																	</div>
																</div>
															</div>
															<div class="col-md-12">
																<h4 class="text-center">{{$hub->name}} {{__('admin.gallery')}}</h4>
																<div class="form-group row">
																	<div class="col-md-12">
																		{!!dropzone('dragNdropUploadGallery'.$hub->id, 'Company_setting', $hub->id, 'companies', 12, 50000, fileTypes('image'), 'gallery')!!}
																	</div>
																</div>
															</div>
														</div>
														<hr>
														<div class="text-center">
															<button type="submit" class="btn btn-2 btn-success">Save Profile Details</button>
														</div>
													</div>
												</div>
											</div>
										</form>
										@php $i++; @endphp
									@endforeach
								</div>
							@else
								<div class="row">
									<form action="{{url('admin/main/update_hub_profile')}}" method="post">
										@php  $hubs = new Company($hubs->id); @endphp
										<input type="hidden" name="hub_id" value="{{$hubs->id}}" />
										<div class="col-md-12">
											<h4 class="text-center">{{__('admin.about')}} {{$hub->name}}</h4>
											<textarea class="tiny-mce-co hidden" name="about">{!! htmlspecialchars_decode($hubs->about, ENT_QUOTES) !!}</textarea>
										</div>
										<div class="col-md-12">
											<hr>
											<h4 class="text-center">{{__('admin.facilities')}} at {{$hub->name}}</h4>
											<div class="form-group row">
												<div class="col-md-12">
													@php
														$a = new Amenity();
														$ac = new Amenity_category();
														$a_categories = $ac->get();
														$ids = $hubs->amenities();
													@endphp
													<div class="row">
														@foreach($a_categories as $a_category)
															@if($a_category->amenity->get()->exists())
																@php  @endphp
																<label class="col-md-12 col-form-label form-group-5"><b>{{ucwords($a_category->name)}}</b></label>
																@foreach($a_category->amenity->get() as $amenity)
																	<label class="col-md-3 col-form-label" for="opt{{$amenity->id}}">{{ucwords($amenity->name)}}:
																	</label>
																	<div class="col-md-1">
																		<input
																			id="opt{{$amenity->id}}"
																			type="checkbox"
																			name="amenities[{{$amenity->id}}]"
																			class="form-control form-control-checkboxes"
																			value="{{$amenity->id}}"
																			data-parsley-group="step-6"
																			autocomplete="nope"
																			data-parsley-required="false"
																			@if(in_array($amenity->id, $ids)) checked @endif
																		/>
																	</div>
																@endforeach
															@endif
														@endforeach
													</div>
												</div>
											</div>
										</div>
										<hr>
										<div class="row col-md-12">
											<div class="col-md-6">
												<h4 class="text-center">Profile {{__('admin.logo')}}</h4>
												<div class="form-group row">
													<div class="col-md-12">
														{!! dropzone('company_logo'.$hubs->id, 'Company_logo', 1, 'companies', 1, 10000, fileTypes('image'), 'logo', false, ['file' => true, 'file_path' => $hubs->logo] ) !!}
													</div>
												</div>
											</div>
											<div class="col-md-6">
												<h4 class="text-center">Main Banner Image</h4>
												<div class="form-group row">
													<div class="col-md-12">
														{!!dropzone('dragNdropUploadCover'.$hubs->id, 'Company_setting', $hubs->id, 'companies/', 1, 50000, fileTypes('image'), 'cover', false, ['file' => true, 'file_path' => $hubs->setting('cover')])!!}
													</div>
												</div>
											</div>
										</div>
										<div class="col-md-12">
											<h4 class="text-center">{{$hub->name}} {{__('admin.gallery')}}</h4>
											<div class="form-group row">
												<div class="col-md-12">
													{!!dropzone('dragNdropUploadGallery'.$hubs->id, 'Company_setting', $hubs->id, 'companies', 12, 50000, fileTypes('image'), 'gallery')!!}
												</div>
											</div>
										</div>
										<hr>
										<div class="text-center">
											<button type="submit" class="btn btn-2 btn-success">Save Profile Details</button>
										</div>
									</form>
								</div>
							@endif
						</div>
						<!-- end tab-pane -->
						<!-- begin tab-pane -->
						<div class="tab-pane fade" id="actmenu-tab-5">
							<h4><b>Desks & Membership Orders</b> <a href="{{url('admin/module/booking_memberships/show_memberships')}}" class="btn btn-sm btn-inverse btn-actmenu-1">VIEW DESK PLANS</a></h4>
							<hr>
							<div data-scrollbar="true" data-height="662px">
							@foreach($hubs as $hub)
								<div class="row">
									<div class="col-md-12">
										@if($hubCount > 1)<h4 class="text-center">{{$hub->name}}</h4><br/>@endif
										<table class="table table-striped table-bordered table-hover" width="100%" id="beDataTableM{{$hub->id}}" data-page-length="5"
											   data-href="{{url('admin/ajax/getDataTableData/Order')}}" data-object="Order" data-filter="{{'module-booking_memberships'}}"
											   data-cols="id,user_id,full_name,email,total,payment_method,created_at,status,id" data-order='[[6,"desc"]]'>
											<thead>
											<tr>
												<th width="1%" data-orderable="false" data-name="id"></th>
												<th class="text-nowrap" data-name="full_name">{{__('admin.customer')}}</th>
												<th class="text-nowrap" data-name="email">{{__('admin.customer_email')}}</th>
												<th class="text-nowrap" data-name="total">{{__('admin.order_total')}}</th>
												<th class="text-nowrap" data-name="created_at" data-time="true">{{__('admin.time_of_creation')}}</th>
												<th class="text-nowrap" data-name="payment_method">{{__('admin.payment_method')}}</th>
												<th class="text-nowrap" data-name="status">{{__('admin.status')}}</th>
												<th
													class="text-nowrap"
													data-custom="UserSubscription"
													data-custom-url="admin/user/subscriber"
													data-custom-icon="eye"
													data-custom-title="View Subscriptions"
													data-object="Order"
													data-action="true"
													data-searchable="false"
													data-view="payments/invoice/"
													data-name="id"
												>{{__('admin.account')}}</th>
											</tr>
											</thead>
										</table>
										@if($hubCount > 1)<br/><br/>@endif
									</div>
								</div>
								<script>
									$(document).ready(function(){
										beDataTable('#beDataTableM{{$hub->id}}');
									})
								</script>
							@endforeach
							</div>
						</div>
						<!-- end tab-pane -->
						<!-- begin tab-pane -->
						<div class="tab-pane fade" id="actmenu-tab-6">
							<h4><b>Meeting Room Orders</b> <a href="{{url('admin/module/meeting_rooms/show_room_departments')}}" class="btn btn-sm btn-inverse btn-actmenu-1">VIEW MEETING ROOMS</a></h4>
							<hr>
							<div data-scrollbar="true" data-height="662px">
							@foreach($hubs as $hub)
								<div class="row">
									<div class="col-md-12">
										@if($hubCount > 1)<h4 class="text-center">{{$hub->name}}</h4><br/>@endif
										<table class="table table-striped table-bordered table-hover" width="100%" id="beDataTableMR{{$hub->id}}" data-page-length="5"
											   data-href="{{url('admin/ajax/getDataTableData/Order')}}" data-object="Order" data-filter="{{'module-meeting_rooms'}}"
											   data-cols="id,module,full_name,email,total,payment_method,created_at,status,id" data-order='[[6,"desc"]]'>
											<thead>
											<tr>
												<th width="1%" data-orderable="false" data-name="id"></th>
												<th class="text-nowrap" data-name="full_name">{{__('admin.customer')}}</th>
												<th class="text-nowrap" data-name="email">{{__('admin.customer_email')}}</th>
												<th class="text-nowrap" data-name="total">{{__('admin.order_total')}}</th>
												<th class="text-nowrap" data-name="created_at" data-time="true">{{__('admin.time_of_creation')}}</th>
												<th class="text-nowrap" data-name="payment_method">{{__('admin.payment_method')}}</th>
												<th class="text-nowrap" data-name="status">{{__('admin.status')}}</th>
												<th
													class="text-nowrap"
													data-custom="UserMeetingRoom"
													data-custom-url="admin/module/meeting_rooms/show_rooms"
													data-custom-icon="eye"
													data-custom-title="View Booking"
													data-object="Order"
													data-action="true"
													data-searchable="false"
													data-view="payments/invoice/"
													data-name="id"
												>{{__('admin.account')}}</th>
											</tr>
											</thead>
										</table>
										@if($hubCount > 1)<br/><br/>@endif
									</div>
								</div>
								<script>
									$(document).ready(function(){
										beDataTable('#beDataTableMR{{$hub->id}}');
									})
								</script>
							@endforeach
							</div>
						</div>
						<!-- end tab-pane -->
						<!-- begin tab-pane -->
						<div class="tab-pane fade" id="actmenu-tab-7">
							<h4><b>Event Orders</b> <a href="{{url('admin/module/events/show_events')}}" class="btn btn-sm btn-inverse btn-actmenu-1">VIEW ALL EVENTS</a></h4>
							<hr>
							<div data-scrollbar="true" data-height="662px">
							@foreach($hubs as $hub)
								<div class="row">
									<div class="col-md-12">
										@if($hubCount > 1)<h4 class="text-center">{{$hub->name}}</h4><br/>@endif
										<table class="table table-striped table-bordered table-hover" width="100%" id="beDataTableE{{$hub->id}}" data-page-length="5"
											   data-href="{{url('admin/ajax/getDataTableData/Order')}}" data-object="Order" data-filter="{{'module-events'}}"
											   data-cols="id,module,full_name,email,total,payment_method,created_at,status,id" data-order='[[6,"desc"]]'>
											<thead>
											<tr>
												<th width="1%" data-orderable="false" data-name="id"></th>
												<th class="text-nowrap" data-name="full_name">{{__('admin.customer')}}</th>
												<th class="text-nowrap" data-name="email">{{__('admin.customer_email')}}</th>
												<th class="text-nowrap" data-name="total">{{__('admin.order_total')}}</th>
												<th class="text-nowrap" data-name="created_at" data-time="true">{{__('admin.time_of_creation')}}</th>
												<th class="text-nowrap" data-name="payment_method">{{__('admin.payment_method')}}</th>
												<th class="text-nowrap" data-name="status">{{__('admin.status')}}</th>
												<th
													class="text-nowrap"
													data-custom="UserEvent"
													data-custom-url="admin/module/events/show_event_attending_lists"
													data-custom-icon="eye"
													data-custom-title="View Booking"
													data-object="Order"
													data-action="true"
													data-searchable="false"
													data-view="payments/invoice/"
													data-name="id"
												>{{__('admin.account')}}</th>
											</tr>
											</thead>
										</table>
										@if($hubCount > 1)<br/><br/>@endif
									</div>
								</div>
								<script>
									$(document).ready(function(){
										beDataTable('#beDataTableE{{$hub->id}}');
									})
								</script>
							@endforeach
							</div>
						</div>
						<!-- end tab-pane -->
					</div>
					<!-- end tab-content -->
				</div>
			</div>
		</div>
		<!-- end row -->
		<div class="row">
			<div class="col-md-5 col-sm-12">
				<div class="admin-hubs-dashboard-card-col-stats">
					<div class="widget widget-stats bg-gradient-gadmin">
						<div class="stats-content">
							<div class="stats-title">PLATFORM UPDATE - <b>30/09/2021</b></div>
							<div class="stats-main">
							<p>Version 1.6</p>
							<p>Welcome to the new updated Version 1.6. This update brings various improvements to Desk Plans, Hubs Listing, Map and Hub Profile speed adjustments. A major part of this update has been the building of the Apps API covering everything from bookings, hubs, plans and many more areas to work with the new Android & Apple iOS Apps.</p>
							<ul>
								<li>Mobile Apps API</li>
								<li>Payments System improvements & future overhaul</li>
								<li>Hubs Listing, Map and Profile speed improvements</li>
								<li>Desk Plan improvements</li>
							</ul>
							<p>We are now moving into Version 1.7, including Door Access Controls. Thanks to everyone for sending in your feedback and you can reach us at: support@connectedhubs.ie</p>
							<p>The BaseWorx Team</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- begin col-7 -->
			<div class="col-md-7 col-sm-12">
				@include('includes.component.admin-alert-messenger', ['activeHubGroups' => $activeHubGroups])
			</div>
			<!-- end col-7 -->
		</div>

	@push('custom-js')
		<script src="{{url('assets/core/plugins/OwlCarousel2-2.3.4/dist/')}}owl.carousel.min.js"></script>
		<script src="{{url('assets/core/plugins/tinymce_5.7/js/tinymce/jquery.tinymce.min.js')}}"></script>
		<script src="{{url('assets/core/plugins/tinymce_5.7/js/tinymce/tinymce.min.js?apiKey=27xhkb8mfltvjs62yqkw8kh3tynd73sdf3wi7va8qdr7221f')}}"></script>
		<script src="{{asset('assets/themes/admin/default/assets/js/demo/dashboard-v2.js')}}"></script>
		<script>
			$(document).ready(function() {
				DashboardV2.init();

				// Init TinyMCE
				$('.tiny-mce-co').tinymce({
					plugins: 'advlist,anchor,autolink,autoresize,autosave,charmap,directionality,emoticons,fullscreen,hr,importcss,insertdatetime,legacyoutput,code,table,paste,link,lists,nonbreaking,noneditable,pagebreak,save,searchreplace,tabfocus,textpattern,wordcount,visualblocks,visualchars',
					skin: 'oxide-dark',
					content_css: 'default',
					max_height: 600,
					max_width: 500,
					min_height: 400,
					min_width: 400,
					menubar: 'edit insert view format table tools',
					toolbar: 'undo redo styleselect bold italic alignleft aligncenter alignright bullist numlist outdent indent code',
					font_formats: 'Arial=arial,helvetica,sans-serif;Open Sans=sans-serif;',
					importcss_append: true,
					branding: false,
					relative_urls: false,
					remove_script_host: false,
					autosave_ask_before_unload: false,
					urlconverter_callback: function(url, node, on_save, name) {

						let checkURL;
						let urlPrefix;
						// Get the first 7 characters of the string
						checkURL = url.substring(0, 7);
						// Determine if those characters are coming from the image uploader
						if(checkURL === "/system") {
							// prefix the incoming URL with url()
							urlPrefix = site_root;
							url = urlPrefix.concat(url);
						}else{

							if (!/^https?:\/\//i.test(url)) {
								url = 'https://' + url;
							}
						}
						// Return URL
						return url;
					},
				});
			});
		</script>
	@endpush
@endsection