@extends('themes.admin.'.setting('active_admin_theme').'.layouts.default')
@section('content')
	@push('custom-css')
	@endpush
	<div class="gadmin-pagesidebar-width-1 gadmin-mhide">
		<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">{{__('act_settings')}}</h4>
			</div>
			<!-- end panel-heading -->
			<div class="gadmin-pagesidebar-body">
				<div class="gadmin-pagesidebar-main">
					<ul class="nav gadmin-pagesidebar-ul">
						@if(setting('multihub'))
							@if(!auth()->user()->isHubAdmin())
								@php $allHubs = (new Company())->where('type','hub')->get(); @endphp
								<select name="hub_selection" class="hub-selection form-control form-dropdown-dark hubs-dropdown-selects">
									<option class="hubs-dropdown-options" value="{{url('admin/utility/act')}}">{{__('act_settings')}}</option>
									@if($allHubs->exists())
										@foreach($allHubs as $hubx)
											<option class="hubs-dropdown-options" value="{{url('admin/utility/act/'.$hubx->id)}}" @if((int)$hubx->id === (int)request()->segment(4)) selected @endif>{{ucwords($hubx->name).' '.__('act_settings')}}</option>
										@endforeach
									@endif
								</select>
								<li><hr></li>
							@else
								@php $hub = new Company(request()->segment(4)); @endphp
								<li><a class="active">{{$hub->name.' '.__('act_settings')}}</a></li>
							@endif
						@else
							<li><a href="{{url('admin/utility/act')}}">{{__('act_settings')}}</a></li>
						@endif
					</ul>
				</div>
			</div>
		</div>
	</div>

	<div class="gadmin-pagesidebar-width-2">
		<!-- begin panel -->
		<div class="panel panel-inverse " data-sortable-id="ui-widget-6">
			@php
				$hub = request()->segment(4) ? (new Company(request()->segment(4))) : (new Company())->where('type','main')->get();
				$act = json_decode($hub->setting('act'));
			@endphp
			<div class="panel-heading">
				<h4 class="panel-title">
					<img src="{{show('assets/images/platform/ACT365-logo.png')}}" class="img-responsive" style="width:70px;" alt="ACT365 Door Access System" /> {{$hub->name}} Door Access System
				</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="row">
					<div class="col-md-8">
						@if(auth()->user()->isHubAdmin() && isset($act->sandbox) && (int)$act->sandbox === 1)
							<div class="alert alert-info">
								<p><i class="fa fa-exclamation-circle"></i> ACT365 SYSTEM TEST MODE.</p>
								<p>Testing in progress. Please check back later.</p><p> Thank You.</p>
							</div>
						@else
						<form id="act365" class="form-horizontal form-bordered" enctype="multipart/form-data" method="post" data-parsley-validate="true">
							<input type="hidden" name="company_id" value="{{$hub->id}}" />
							<div class="form-group row m-b-15">
								<label class="col-md-3 col-sm-3 col-form-label" for="act-active">Act365 Active:
									<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Act365 Active"></i>
								</label>
								<div class="col-md-3 col-sm-3">
									<select id="act-active" name="act[active]" class="form-control">
										<option value="1" @if(isset($act->active) && (int)$act->active === 1) selected @endif>Yes</option>
										<option value="0" @if(!isset($act->active) OR (int)$act->active === 0) selected @endif>No</option>
									</select>
								</div>
							</div>
							@if(auth()->user()->is_super_admin)
								@php $actMode = (isset($act->active) && $act->active) ? '' : 'hidden'; @endphp
								<div class="act-mode {{$actMode}}">
									<div class="form-group row m-b-15">
										<label class="col-md-3 col-sm-3 col-form-label" for="act-sandbox">Act365 Live:
											<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="top" title="Act365 Active"></i>
										</label>
										<div class="col-md-3 col-sm-3">
											<select id="act-sandbox" name="act[sandbox]" class="form-control">
												<option value="1" @if(isset($act->sandbox) && (int)$act->sandbox === 1) selected @endif>No</option>
												<option value="0" @if(!isset($act->sandbox) OR (int)$act->sandbox === 0) selected @endif>Yes</option>
											</select>
										</div>
									</div>
								</div>
							@else
								<input id="act-sandbox" type="hidden" name="act[sandbox]" value="0" />
							@endif
							@php $actCreds = (isset($act->active) && (int)$act->active === 1 && ((!auth()->user()->isHubAdmin() && isset($act->sandbox) && (int)$act->sandbox === 0) or (auth()->user()->isHubAdmin()))) ? '' : 'hidden'; @endphp
							<div class="act-live {{$actCreds}}">
								<div class="form-group row m-b-15 live">
									<label class="col-md-3 col-form-label" for="act-username">Account Username</label>
									<div class="col-md-3">
										@php $live_user = isset($act->username) ? $act->username : ''; @endphp
										<input class="form-control live" type="password" id="act-username" name="act[username]" value="{{$live_user}}" placeholder="Account Username" required />
									</div>
								</div>
								<div class="form-group row m-b-15 live">
									<label class="col-md-3 col-form-label" for="act-password">Account Password</label>
									<div class="col-md-3">
										@php $live_pwd = isset($act->password) ? $act->password : ''; @endphp
										<input class="form-control live" type="password" id="act-password" name="act[password]" value="{{$live_pwd}}" placeholder="Account Password" required />
									</div>
								</div>
							</div>
							<div class="errors hidden">
								<div class="alert alert-danger" >
									<p><i class="fa fa-exclamation-triangle"></i>
										<span class="errorInfo"></span>
									</p>
								</div>
							</div>
							<div class="form-group row m-b-15 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 loader" data-original-text="Save" data-original-icon="fa-paper-plane"><i class="fa fa-paper-plane"></i> {{__('save')}}</button>
								</div>
							</div>
						</form>
						@endif
					</div>
					<div class="col-md-4">
						<img src="{{show('assets/images/platform/ACT365-logo.png')}}" class="img-responsive" style="width:300px;" alt="ACT365 Door Access System" />
						<div class="act-info-container @if(!isset($act->active) or (int)$act->active !== 1) hidden @endif"><div class="loader-container"><p><i class="fas fa-spinner fa-spin l-icon"></i><br/>Loading System Info...</p></div></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- end panel -->
	@push('custom-js')
		<script>
			$(document).ready(function () {

				let $form = $('#act365');
				let btn = $form.find('.loader');
				let formError = $form.find('.errorInfo')
				let formErrorContainer = $form.find('.errors');
				let actActive = $('#act-active');
				let actSandbox = $('#act-sandbox');
				let actCredentialsContainer = $('.act-live');
				let actModeContainer = $('.act-mode');
				let credentials = $('.live');

				@if(auth()->user()->is_super_admin)

					actActive.on('change', function () {
						if ($(this).val() === '1') {
							actModeContainer.slideDown();
							if (actSandbox.val() === '0') {
								actCredentialsContainer.slideDown(function () {
									credentials.attr('required', true);
								});
							} else {
								actCredentialsContainer.slideUp(function () {
									credentials.attr('required', false);
								});
							}
						} else {
							actModeContainer.slideUp();
							actCredentialsContainer.slideUp(function () {
								credentials.attr('required', false);
							});
						}
					});

					actSandbox.on('change', function () {
						if ($(this).val() === '0') {
							actCredentialsContainer.slideDown(function () {
								credentials.attr('required', true);
							});
						} else {
							actCredentialsContainer.slideUp(function () {
								credentials.attr('required', false);
							});
						}
					});
				@else
					actActive.on('change', function () {
						if ($(this).val() === '1') {
							actCredentialsContainer.slideDown(function () {
								credentials.attr('required', true);
							});
						} else {
							actCredentialsContainer.slideUp(function () {
								credentials.attr('required', false);
							});
						}
					});
				@endif

				@if(isset($act->active) && (int)$act->active === 1)
					getActStatus({{$hub->id}})
				@endif

				btn.on('click', function(e){

					e.preventDefault();
					$.ajax({
						url: site_root + 'admin/ajax/update_act_settings',
						type: 'POST',
						dataType: 'json',
						context: btn,
						data: $form.serialize(),
					}).done(function (response, textStatus, jqXHR) {

						formErrorContainer.fadeOut('fast');

						if (response.success) {

							getActStatus({{$hub->id}})

						} else {

							formError.empty().html(response.message);
							formErrorContainer.fadeIn('fast');
							if (response.message === 'ACT365 System Disabled') {
								$('.act-info-container').fadeOut();
								setTimeout(function() {
									formErrorContainer.fadeOut();
								},2000);
							}
						}
					}).fail(function (response, textStatus, errorThrown) {

						formError.empty().html('Server Error.Please contact admin!');
						formErrorContainer.fadeIn('fast');
						console.error('Form error occurred: ' + response, textStatus, errorThrown);

					}).always(function () {

					});
				});
			});

			function getActStatus(hubId){
				let container = $('.act-info-container');
				container.html('<div class="loader-container"><p><i class="fas fa-spinner fa-spin l-icon"></i><br/>Loading System Info...</p></div>').fadeIn();
				setTimeout(function(){
					$.post(site_root + 'admin/ajax/get_act_info_widget',{ hub_id: hubId }).done(function(response){
						container.empty().append(response).fadeIn('slow');
					});
				},1000);
			}
		</script>
	@endpush
@endsection