@extends(getTemplate('admin'))
@section('content')

	@push('custom-css')

	@endpush

	<!-- 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">
			<p>Active Subscriptions</p>
			<table id="data-table-subscriptions" class="table table-striped table-bordered table-hover" width="100%">
				<thead>
				<tr>
					<th>#</th>
					<th>Sub ID</th>
					<th>Approved</th>
					<th>Order ID</th>
					<th>User</th>
					<th>Hub</th>
					<th>Plan</th>
					<th>Created On</th>
					<th>Active From</th>
					<th>Expiry Time</th>
					<th>Period</th>
					<th>Installments</th>
					<th>Type</th>
				</tr>
				</thead>
				<tbody>
				@php $i = 1; @endphp
				@foreach($activeSubscriptions as  $activeSub)
					@php
						$data = json_decode($activeSub->custom_data);
						$membership = null;
                        $model = '';
						if(module_exists('booking_memberships') && $activeSub->module === 'booking_memberships'){
                            $membership = new Booking_membership($data->membership_id);
                            $model = 'Booking_membership';
						}
						if(module_exists('memberships') && $activeSub->module === 'memberships'){
                            $membership = new Membership($data->membership_id);
                            $model = 'Membership';
						}

                        $period = $membership ? explode('-',$membership->subscription_period) : '';
                        $user = new User($activeSub->user_id);
                        $orderId = $data->order_id ?? -1;
                        $order = new Order($orderId);
                        $hub = new Company($order->company_id);
                        $l = $activeSub->type === 'recurring' ? 'danger' : 'success';
						 $installments = $data->installments ?? 'none';
                         $charges = '';
                         if($installments !== 'none'){
                             if(!empty($data->chargeSchedule)){
								 foreach($data->chargeSchedule as $c){
									$charges .= $c > time() ? '<b>'.date('j M Y H:i', $c).'</b><br/>' : date('j M Y H:i', $c).'<br/>';
								 }
                             }
                         }
                         if(isset($data->approved))
                         	$approved = $data->approved === 'yes' ? '<span class="label label-success">'.$data->approved.'</span>' : '<span class="label label-danger">'.$data->approved.'</span>';
                         else
                             $approved = 'No Approvals';
                         $orderStatus = $order->status === 'paid' ? '<span class="label label-success">'.$order->status.'</span>' : '<span class="label label-warning">'.$order->status.'</span>';
                         $orderStatus .='<br/>'.$order->payment_method;
					@endphp
					<tr>
						<td>{{$i}}</td>
						<td>{{$activeSub->id}}</td>
						<td>{!!$approved!!}</td>
						<td><a href="{{url('payments/invoice/'.$orderId)}}" target="_blank">#{{$order->id}}</a> <br/>{!!$orderStatus!!}</td>
						<td><a href="{{url('admin/user/subscriber/'.$activeSub->user_id)}}" target="_blank">{{$user->full_name()}}</a></td>
						<td><a href="#" class="get-details" data-hub-id="{{$hub->id}}">{{$hub->name}}</a></td>
						<td><a href="{{url('admin/main/modify_object/'.$model.'/'.$membership->id)}}" target="_blank">{{$membership->name}}</a></td>
						<td>{{date('j M Y', $activeSub->created_at)}}</td>
						<td>{{date('j M Y H:i', $activeSub->active_from)}}</td>
						<td>{{date('j M Y H:i', $activeSub->expiry_time)}}</td>
						<td>{{$period[1]}}</td>
						<td>{!!'<b>'.$installments.'</b><br/>'.$charges!!}</td>
						<td><span class="label label-{{$l}}">{{$activeSub->type}}</span></td>
					</tr>
					@php $i++; @endphp
				@endforeach
				</tbody>
			</table>
			<br/><br/>
			<p>Pending Subscriptions</p>
			<table id="data-table-subscriptions" class="table table-striped table-bordered table-hover" width="100%">
				<thead>
				<tr>
					<th>#</th>
					<th>Sub ID</th>
					<th>Approved</th>
					<th>Order ID</th>
					<th>User</th>
					<th>Hub</th>
					<th>Plan</th>
					<th>Created On</th>
					<th>Active From</th>
					<th>Expiry Time</th>
					<th>Period</th>
					<th>Installments</th>
					<th>Type</th>
				</tr>
				</thead>
				<tbody>
				@php $i = 1; @endphp
				@foreach($pendingSubscriptions as  $activeSub)
					@php
						$data = json_decode($activeSub->custom_data);
						$membership = null;
                        $model = '';
						if(module_exists('booking_memberships') && $activeSub->module === 'booking_memberships'){
                            $membership = new Booking_membership($data->membership_id);
                            $model = 'Booking_membership';
						}
						if(module_exists('memberships') && $activeSub->module === 'memberships'){
                            $membership = new Membership($data->membership_id);
                            $model = 'Membership';
						}
                         $orderId = $data->order_id ?? -1;
                         $order = new Order($orderId);
                         $hub = new Company($order->company_id);
                         $period = $membership ? explode('-',$membership->subscription_period) : '';
                         $user = new User($activeSub->user_id);
                         $l = $activeSub->type === 'recurring' ? 'danger' : 'success';
                         $installments = $data->installments ?? 'none';
                         $charges = '';
                         if($installments !== 'none'){
                             if(!empty($data->chargeSchedule)){
								 foreach($data->chargeSchedule as $c){
									 $charges .= $c > time() ? '<b>'.date('j M Y H:i', $c).'</b><br/>' : date('j M Y H:i', $c).'<br/>';
								 }
                             }
                         }
                         if(isset($data->approved))
                         	$approved = $data->approved === 'yes' ? '<span class="label label-success">'.$data->approved.'</span>' : '<span class="label label-danger">'.$data->approved.'</span>';
                         else
                             $approved = 'No Approvals';
                         $orderStatus = $order->status === 'paid' ? '<span class="label label-success">'.$order->status.'</span>' : '<span class="label label-warning">'.$order->status.'</span>';
                         $orderStatus .='<br/>'.$order->payment_method;
					@endphp
					<tr>
						<td>{{$i}}</td>
						<td>{{$activeSub->id}}</td>
						<td>{!!$approved!!}</td>
						<td><a href="{{url('payments/invoice/'.$orderId)}}" target="_blank">#{{$order->id}}</a> <br/>{!!$orderStatus!!}</td>
						<td><a href="{{url('admin/user/subscriber/'.$activeSub->user_id)}}" target="_blank">{{$user->full_name()}}</a></td>
						<td><a href="#" class="get-details" data-hub-id="{{$hub->id}}">{{$hub->name}}</a></td>
						<td><a href="{{url('admin/main/modify_object/'.$model.'/'.$membership->id)}}" target="_blank">{{$membership->name}}</a></td>
						<td>{{date('j M Y', $activeSub->created_at)}}</td>
						<td>{{date('j M Y H:i', $activeSub->active_from)}}</td>
						<td>{{date('j M Y H:i', $activeSub->expiry_time)}}</td>
						<td>{{$period[1]}}</td>
						<td>{!!'<b>'.$installments.'</b><br/>'.$charges!!}</td>
						<td><span class="label label-{{$l}}">{{$activeSub->type}}</span></td>
					</tr>
					@php $i++; @endphp
				@endforeach
				</tbody>
			</table>
		</div>
	</div>
	<div class="modal fade" id="hubDetails" tabindex="-1" role="dialog" aria-labelledby="hubDetails" aria-hidden="true">
		<div class="modal-dialog modal-xl" role="document" style="max-width:95%">
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title" id="hubName"></h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<div id="active-loader" class="text-center" style="margin-top:60px"><p><i class="fas fa-spinner fa-spin" style="font-size:40px"></i></p><br/><h3 class="text-center">Loading <i class="fab fa-stripe"></i> Transaction Details ..</h3></div>
					<div class="stripeSettingsContainer"></div>
					<div class="detailsContainer"></div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
				</div>
			</div>
		</div>
	</div>
	<!-- end panel -->
	@push('custom-js')
		<script>
			$(document).ready(function(){
				$('.get-details').on('click', function(e){

					e.preventDefault();
					let modal = $('#hubDetails');
					let activeLoader = $('#active-loader');
					let detailsContainer = $('.detailsContainer');
					let stripeSettings = $('.stripeSettingsContainer');
					let hubName = $('#hubName');
					let hubId = $(this).attr('data-hub-id');
					hubName.html('');
					detailsContainer.empty();
					stripeSettings.empty();
					activeLoader.fadeIn();
					modal.modal({backdrop: 'static', keyboard: false});
					$.post(site_root + 'admin/ajax/get_hub_payment_details',{
						hub_id: hubId
					},'json').done(function(response){
						activeLoader.fadeOut(function () {
							if (response) {
								hubName.html(response.hubName);
								detailsContainer.append(response.table);
								stripeSettings.html(response.stripeSettings);
							}else{
								stripeSettings.html('No Payment Details Available');
							}
						});
					});
				});
			});
		</script>
	@endpush
@endsection