@extends('themes.admin.'.setting('active_admin_theme').'.layouts.default')
@section('content')

	@push('custom-css')
		<style>
			.dt-buttons.btn-group {
				float: unset !important;
				margin-left: 20%;
			}
		</style>
	@endpush

	<!-- begin panel -->
	<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">Onboard Wizard</h4>
			</div>
			<!-- end panel-heading -->
			<div class="gadmin-pagesidebar-body">
				<div class="gadmin-pagesidebar-main">
					<ul class="nav gadmin-pagesidebar-ul" id="pills-tab" role="tablist">
						<li class="nav-item">
							<a class="nav-link gadmin-pagesidebar-options-success active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true"><i class="fa fa-plus"></i> Create User</a>
						</li>
						<li class="nav-item">
							<a class="nav-link gadmin-pagesidebar-options-success" id="pills-second-tab" data-toggle="pill" href="#pills-second" role="tab" aria-controls="pills-second" aria-selected="false"><i class="fa fa-plus"></i> Create Company</a>
						</li>
						<li class="nav-item">
							<a class="nav-link gadmin-pagesidebar-options-success" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false"><i class="fa fa-plus"></i> Add Meeting Room</a>
						</li>
						<li class="nav-item">
							<a class="nav-link gadmin-pagesidebar-options-success" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false"><i class="fa fa-plus"></i> Add Membership desk</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="gadmin-pagesidebar-width-2">
		<div class="panel panel-default " data-sortable-id="ui-widget-6">
			<div class="panel-heading">
				<h4 class="panel-title">
					{{$title}}
				</h4>
			</div>
			<div class="panel-body">
				<div class="tab-content" id="pills-tabContent">
					<div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
						<div class="row">
							<h4 class="handbook-sections-pagetitle">Create User</h4>
							<div class="col-md-12">
								<form id="user" class="form-horizontal form-bordered" enctype="multipart/form-data" action="{{url('admin/module/mp/add_user')}}" method="post">
									<div class="form-group row">
										<label class="col-md-3 col-form-label">{{ __('first_name')}}</label>
										<div class="col-md-8">
											<input class="form-control" type="text" id="name" name="first_name" placeholder="{{__('first_name')}}" data-parsley-required="true" value="">
										</div>
									</div>
									<div class="form-group row">
										<label class="col-md-3 col-form-label">{{__('last_name')}}</label>
										<div class="col-md-8">
											<input class="form-control" type="text" id="surname" name="last_name" placeholder="{{__('last_name')}}" data-parsley-required="true" value="">
										</div>
									</div>
									<div class="form-group row">
										<label class="col-md-3 col-form-label">{{__('email')}}</label>
										<div class="col-md-8">
											<input class="form-control" type="email" id="email" name="email" onkeyup="check_if_email_exists(this)" placeholder="{{__('email')}}" data-parsley-required="true" value="">
											<div class="alert alert-danger" id="u-email" style="margin-top:10px;display: none;">{{__('user_email_error')}}</div>
										</div>
									</div>
									<div class="form-group row">
										<label class="col-md-3 col-form-label">{{__('password')}}</label>
										<div class="col-md-8">
											<input class="form-control" type="password" id="password" name="password" placeholder="{{__('password')}}" data-parsley-required="true" data-parsley-equalto="#confirm_password" value="">
										</div>
									</div>
									<div class="form-group row">
										<label class="col-md-3 col-form-label">{{__('confirm_password')}}</label>
										<div class="col-md-8">
											<input class="form-control" type="password" id="confirm_password" name="confirm_password" placeholder="{{__('confirm_password')}}" data-parsley-required="true" data-parsley-equalto="#password" value="">
										</div>
									</div>
									<div class="form-group row">
										<label class="control-label col-md-3 col-sm-3 col-be-3" for="website">
											{{__('group_level')}}:
											<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Associate user with proposed usergroups"></i>
										</label>
										<div class="col-md-8 col-sm-8">
											<ul id="access-groups">
												@php $groups = new Group; @endphp
												@foreach($groups as $group)
													<li value="{{$group}}">{{$group}}</li>
												@endforeach
											</ul>
										</div>
									</div>
									<div class="form-group row m-b-0 form-save-bg">
										<label class="col-md-3 col-sm-4 col-form-label">&nbsp;</label>
										<div class="col-md-8 col-sm-8">
											<button type="submit" class="btn btn-success form-button-save">{{__('addmember_save_success')}}</button>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
					<div class="tab-pane fade" id="pills-second" role="tabpanel" aria-labelledby="pills-second-tab">
						<div class="row">
							<h4 class="handbook-sections-pagetitle">Create Company</h4>
							<div class="col-md-12">
								<form id="company" class="form-horizontal form-bordered" enctype="multipart/form-data" action="{{url('admin/module/mp/add_company')}}" method="post">
									<input type="hidden" name="user_id" value="{{$this->user->id}}" />
									<input type="hidden" name="type" value="hub" />
									<input type="hidden" name="max_members" value="0" />
									<input type="hidden" name="status" value="1" />
									<div class="form-group row">
										<label class="control-label col-md-3 col-sm-3 col-be-3" for="required">Company Representative (Admin):</label>
										<div class="col-md-5 col-sm-5">
											<select name="admin_id" class="form-control form-dropdown-dark">
												<option value="">Select Company Representative Person</option>
												@php $u = new User(); @endphp
												@if(setting('multihub'))
													@if(auth()->user()->isHubAdmin())
														@foreach($u->where('active', 1)->get() as $usr)
															@if((!$usr->is_super_admin() && $usr->is_hub_admin()) OR !$usr->is_admin())
																<option value="{{$usr->id}}">{{ucwords($usr->first_name.' '.$usr->last_name)}}</option>
															@endif
														@endforeach
													@elseif(auth()->user()->is_super_admin)
														@foreach($u->where('active', 1)->get() as $usr)
															<option value="{{$usr->id}}">{{ucwords($usr->first_name.' '.$usr->last_name)}}</option>
														@endforeach
													@else
														@foreach($u->where('active', 1)->get() as $usr)
															@if(!$usr->is_super_admin())
																<option value="{{$usr->id}}">{{ucwords($usr->first_name.' '.$usr->last_name)}}</option>
															@endif
														@endforeach
													@endif
												@else
													@foreach($u->where('active', 1)->get() as $usr)
														<option value="{{$usr->id}}">{{ucwords($usr->first_name.' '.$usr->last_name)}}</option>
													@endforeach
												@endif
											</select>
										</div>
									</div>
									<div id="member-groups" class="form-group row">
										<label class="control-label col-md-3 col-sm-3 col-be-3" for="required">Member User Groups:</label>
										<div class="col-md-4 col-sm-4">
											<ul id="user-groups">
											</ul>
										</div>
									</div>
									<div class="form-group row">
										<label class="control-label col-md-3 col-sm-3 col-be-3" for="required">Company Name:</label>
										<div class="col-md-6 col-sm-6">
											<input type="text" name="name" value="" class="required form-control">
										</div>
									</div>
									<div class="form-group row">
										<label class="control-label col-md-3 col-sm-3 col-be-3" for="required">Company Address:</label>
										<div class="col-md-6 col-sm-6">
											<input type="text" name="address" value="" class="required form-control">
										</div>
									</div>
									<div class="form-group row">
										<label class="control-label col-md-3 col-sm-3 col-be-3" for="required">Company Postcode</label>
										<div class="col-md-6 col-sm-6">
											<input type="text" name="zip" value="" class="required form-control">
										</div>
									</div>
									<div class="form-group row">
										<label class="control-label col-md-3 col-sm-3 col-be-3" for="required">Company City</label>
										<div class="col-md-6 col-sm-6">
											<input type="text" name="city" value="" class="required form-control">
										</div>
									</div>
									<div class="form-group row">
										<label class="control-label col-md-3 col-sm-3 col-be-3" for="required">Company County:</label>
										<div class="col-md-6 col-sm-6">
											<select name="county" class="form-control">
												<option value="">Select County</option>
												@foreach(get_counties() as $county)
													<option value="{{$county}}">{{$county}}</option>
												@endforeach
											</select>
										</div>
									</div>
									<div class="form-group row">
										<label class="control-label col-md-3 col-sm-3 col-be-3" for="required">Company Country:</label>
										<div class="col-md-6 col-sm-6">
											<select name="country" class="required form-control form-dropdown-dark" required>
												@foreach($countries as $country)
													<option value="{{$country->name}}">{{$country->name}}</option>
												@endforeach
											</select>
										</div>
									</div>
									<div class="form-group row m-b-0 form-save-bg">
										<label class="control-label col-md-3 col-sm-3 col-be-3 col-form-label"></label>
										<div class="col-md-6 col-sm-6">
											<button type="submit" class="btn btn-success form-button-save">Save Company Details</button>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
					<div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
						<div class="row">
							<h4 class="handbook-sections-pagetitle">Add Meeting Room</h4>
							<div class="col-md-12">
								<form id="form-meeting-room" class="form-horizontal form-bordered" enctype="multipart/form-data" action="{{url('admin/main/modify_object/MeetingRoomDepartment')}}" method="post">
									<input type="hidden" name="user_id"  value="{{$this->user->id}}" />
									<input type="hidden" name="edit" value="Add" />
									<input type="hidden" name="color" value="be-category-bar-green" />
									<input type="hidden" name="available_days" value="Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday" />
									<input type="hidden" name="description" value="" />
									<input type="hidden" name="redirect_url" value="{{url('admin/module/mp/quick_setup')}}" />
									@if(setting('multihub'))
										@php $hub_categories = []; @endphp
										@if(auth()->user()->isHubAdmin())
											@if(get_active_hub_ids(TRUE) > 1)
												@php
													$hub_categories = get_active_hub_ids();
													$c = new Company();
													$companies = $c->where_in('id', get_active_hub_ids())->where('type','hub')->get();
												@endphp
												<div class="form-group row">
													<label class="col-form-label col-md-3 col-sm-3 col-be-3" for="name">
														<b>{{__('hub')}}:</b>
														<i class="fa fa-question-circle" style="font-size:16px;color: #AFAFAF;" data-toggle="tooltip" data-placement="top" title="Hub"></i></label>
													<div class="col-md-9 col-sm-9 col-be-9">
														<select class="form-control" name="company_id" data-parsley-required="true" required>
															<option value="">{{__('select_hub_company')}}</option>
															@if($companies->exists())
																@foreach($companies as $company)
																	<option value="{{$company->id}}" >{{ucwords($company->name)}}</option>
																@endforeach
															@endif
														</select>
													</div>
												</div>
											@else
												@php $hub_categories = get_active_hub_id(); @endphp
												<input type="hidden" name="company_id" value="{{get_active_hub_id()}}" />
											@endif
										@else
											@php
												$c = new Company();
												$companies = $c->where('type','hub')->get();
											@endphp
											<div class="form-group row">
												<label class="col-form-label col-md-3 col-sm-3 col-be-3" for="name">
													<b>{{__('hub')}}:</b>
													<i class="fa fa-question-circle" style="font-size:16px;color: #AFAFAF;" data-toggle="tooltip" data-placement="top" title="Hub"></i></label>
												<div class="col-md-9 col-sm-9 col-be-9">
													<select class="form-control" name="company_id" data-parsley-required="true" required>
														<option value="0">{{__('select_hub_company')}}</option>
														@if($companies->exists())
															@foreach($companies as $company)
																<option value="{{$company->id}}">{{ucwords($company->name)}}</option>
															@endforeach
														@endif
													</select>
												</div>
											</div>
										@endif
									@endif
									<div class="form-group row">
										<label class="control-label col-md-3 col-sm-3 col-be-3" for="name">
											<b>Name:</b>
											<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Booking Room Name"></i></label>
										<div class="col-md-9 col-sm-9 col-be-9">
											<input class="form-control" type="text" id="nameM" name="name" value="" data-parsley-required="true" autocomplete="off" required />
											<span id="catName" style="color:red;font-weight:600;"></span>
										</div>
									</div>
									<input type="hidden" id="slugM" name="slug"  value="" />
									<div class="form-group row">
										<label class="control-label col-md-3 col-sm-3 col-be-3" for="website">
											<b>Add Room To Department:</b>
											<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" data-parsley-required="true" title="Booking Room Department"></i>
										</label>
										<div class="row">
											<div class="col-md-12 col-sm-12 col-be-12">
												<select name="category_id" class="form-control form-dropdown-dark" required>
													<option value="">Select Department for this Room</option>
													@if(setting('multihub'))
														@if(auth()->user()->isHubAdmin())
															@if(get_active_hub_ids(TRUE) > 1)
																@php $companyIds = get_active_hub_ids(); @endphp
															@else
																@php $companyIds = get_active_hub_id(); @endphp
															@endif
															@php $categories = new MeetingRoomCategory(); @endphp
															@foreach($categories->where_in('company_id', $companyIds)->get() as $category)
																<option value="{{$category->id}}" >{{$category->name}}</option>
															@endforeach
														@else
															@php $categories = new MeetingRoomCategory(); @endphp
															@foreach($categories->get() as $category)
																<option value="{{$category->id}}">{{$category->name}}</option>
															@endforeach
														@endif
													@else
														@php $categories = new MeetingRoomCategory(); @endphp
														@foreach($categories->get() as $category)
															<option value="{{$category->id}}" >{{$category->name}}</option>
														@endforeach
													@endif
												</select>
											</div>
										</div>
									</div>
									<div class="panel panel-default ">
										<div class="panel-heading">
											<h4 class="panel-title">
												Booking Dates & Times
											</h4>
										</div>
										<div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
											<div class="form-group row">
												<label class="control-label col-md-3 col-sm-3 col-be-3" for="roomsbookingdates">
													<b>Booking Dates:</b>
													<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Booking Dates"></i>
												</label>
												<div class="col-md-9 col-sm-9 col-be-9">

													<div class="form-group row">
														<label class="col-md-3 col-form-label">Available From:
															<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Meeting Room Start Date"></i>
														</label>
														<div class="col-md-9">
															<input type="text" class="form-control form-control-100 price start_date" name="start_date" value=""  placeholder="Start date" autocomplete="off" required />
														</div>
													</div>

													<div class="form-group row">
														<label class="col-md-3 col-form-label">Available To:
															<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Meeting Room End Date"></i>
														</label>
														<div class="col-md-9">
															<input type="text" class="form-control form-control-100 price end_date" name="end_date" value=""  autocomplete="off" placeholder="End date" required />
														</div>
													</div>

													<div class="form-group row">
														<label class="col-md-3 col-form-label">Start at:
															<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Meeting Room Time Start"></i>
														</label>
														<div class="col-md-4">
															<div class="input-group form-left-paddingbottom date price start_time" >
																<input type="text" name="start_time" value="" class="form-control form-control-100" required />
																<span class="input-group-addon">
																	<i class="fa fa-clock"></i>
																</span>
															</div>
														</div>
													</div>

													<div class="form-group row">
														<label class="col-md-3 col-form-label">Ends at:
															<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Meeting Room Time Ends"></i>
														</label>
														<div class="col-md-4">
															<div class="input-group form-left-paddingbottom date end_time" >
																<input type="text" name="end_time" value="" class="form-control form-control-100" required />
																<span class="input-group-addon">
																	<i class="fa fa-clock"></i>
																</span>
															</div>
														</div>
													</div>

												</div>
											</div>
										</div>
									</div>
									<div class="panel panel-default ">
										<div class="panel-heading">
											<h4 class="panel-title">
												Booking Prices & Add-On's
											</h4>
										</div>
										<div class="panel-body form-horizontal form-bordered form-margins form-margins-sections">
											<div class="form-group row">
												<label class="control-label col-md-3 col-sm-3 col-be-3" for="roomspaymentdetails">
													<b>Payment Details:</b>
													<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Booking Room Payment Details"></i>
												</label>
												<div class="col-md-9 col-sm-9 col-be-9">
													<div class="price input-group">
														<div class="price input-group">
															<input class="form-control price" type="text" name="vat" placeholder="Price VAT or Tax. Type 0.00 for No Add-On Price" value="" data-parlsey-type="digits" data-parsley-required="true" required />
															<div class="input-group-addon">%</div>
														</div>
														<input class="form-control required" type="text" min="0" step="0.01" data-number-to-fixed="2" data-number-stepfactor="100" name="price" value="" placeholder="Room Price (per unit) or 0.00 for Free Booking" data-parlsey-type="digits" data-parsley-required="true" autocomplete="off" />