@extends('layouts.app', ['activePage' => 'mailchimp', 'titlePage' => __('Mailchimp Lists')])

@section('content')
  <div class="content">
	<div class="container-fluid">

	  <div class="row">
 		<div class="col-xs-12 col-sm-12 col-md-12">
		  <div class="card">
			<div class="card-header card-header-primary">
				<h1 class="m-0">List Members</h1>  
			</div>
			 <div class="table-responsive p-2">
			@if($members == false)
				<div class="alert alert-danger">
				 	Something went wrong fetching the lists.
					<code>
						
					</code>
				 </div>		
			@else
			 	<table class="table table-striped data-table">
					<thead class="bg-primary text-white">
						<th>Name</th>
						<th>Email</th>
						<th>Status</th>
						<th>Merge Fields</th>
						<th>Marketing Permissions</th>
						<th>Last Modified</th>
					</thead>
						<tbody>
							@foreach($members->members as $member)
								<tr>
									<td>{{$member->full_name}}</td>
									<td>{{$member->email_address}}</td>
									@php
										switch($member->status)
										{
											case 'subscribed':
												$badge_class = 'success';
											break;
											case 'unsubscribed':
												$badge_class='danger';
											break;
											default:
												$badge_class='info';
										}
									
									@endphp
									
									
									<td><span class="badge badge-{{$badge_class}} p-2">{{$member->status}}</span></td>
									<td>
										<div style="overflow-y:scroll; max-height:150px; border:1px solid #eee;">

											@foreach($member->merge_fields as $field=>$value)
												{{$field}} => @php
												if(is_object($value))
												{
													print_r($value);
												}
												else
												{
													@endphp
														{{$value}}
													@php	
												}
											@endphp <br>
											@endforeach
										</div>
									</td>
									<td>
										<div style="overflow-y:scroll; max-height:150px; border:1px solid #eee;">
											@isset($member->marketing_permissions)
											@foreach($member->marketing_permissions as $field)
												
											
												{{$field->text}} => 
												@if($field->enabled === false)
													No
												@else
													Yes
												@endif
											<br>
											@endforeach
											@endisset
										</div>
									</td>
									<td>
										@php
											$dt = \DateTime::createFromFormat(DateTime::ISO8601,$member->last_changed);
											echo $dt->format('d/m/Y H:i');
										@endphp
									</td>
								</tr>
							
							
							@endforeach
						</tbody>
					<tfoot class="bg-primary text-white">
						<th>Name</th>
						<th>Email</th>
						<th>Status</th>
						<th>Merge Fields</th>
						<th>Marketing Permissions</th>
						<th>Last Modified</th>
					</tfoot>		
				</table> 
			@endif
		    @php
				 $count = count($members->members);
				 $total = $members->total_items;
				 echo '<p>Viewing '.$count.' of '.$total.' members</p>';
				 $pages = ceil($total/$pageLength);
				 if(isset($_GET['page']) && is_numeric($_GET['page']))
				 {
				 $page = $_GET['page'];
				 }
				 else
				 {
				 $page=1;
				 }
			@endphp
				 <div class="row my-2">
				 <div class="col-xs-12 col-sm-12 col-md-4 md-offset-4 offset-md-4">
				 <form action="" method="GET">
				 @csrf
				 <label class="control-label">Page:</label>
				 <select class="form-control" name="page">
				 	@php
						for($i=1;$i <= $pages;$i++)
						{
						echo "<option value='{$i}'";
							if($i == $page)
							{
							echo ' selected ';
							}
						echo ">{$i}</option>";
						}						
					@endphp
				 </select>
				<input type="submit" class="btn btn-primary" value="Go">
				 </form>
					 </div>
				</div>
			 </div> 
			  
		  </div>
		</div>
	  </div>
	  
	  </div>
  </div>
@endsection

@push('js')
<script type="text/javascript">
jQuery(document).ready(function($) {
    $('.dataTable').DataTable();
} );
</script>
@endpush