<?php 

/* Check the absolute path to the Social Auto Poster directory. */
if ( !defined( 'SAP_APP_PATH' ) ) {
    // If SAP_APP_PATH constant is not defined, perform some action, show an error, or exit the script
    // Or exit the script if required
    exit();
}

global $sap_common;
$SAP_Mingle_Update = new SAP_Mingle_Update();
$license_data = $SAP_Mingle_Update->get_license_data();
if( !$sap_common->sap_is_license_activated() ){
	$redirection_url = '/mingle-update/';
	header('Location: ' . SAP_SITE_URL . $redirection_url );
	die();
}
include SAP_APP_PATH . 'header.php';

include SAP_APP_PATH . 'sidebar.php';

?>
<div class="content-wrapper">
	<!-- Content Header (Page header) -->
	<section class="content-header">
		<h1>
			<span class="d-flex flex-wrap align-items-center">
            	<div class="page-title-icon membership_icon"></div>
				<?php echo $sap_common->lang('membership'); ?>
			</span>
			
			<div class='sap-delete'>
				<a href="<?php echo $router->generate('add_membership'); ?>" class="btn btn-primary"><?php echo $sap_common->lang('add_new'); ?></a>
			</div>
		</h1>
	</section>

	<!-- Main content -->
	<?php
	$all_members = $this->get_membership();
	?>

	<section class="content">
		<div class="row">
			<div class="col-xs-12">
				<?php echo $this->flash->renderFlash(); ?>
				<div class="box">
					
					<div class="box-body sap-custom-drop-down-wrap membership-drop-down-wrap ">
						<div class="filter-wrap">
							<div class="filter-dropdown flex-wrap">
								<select id='searchByStatus' name="searchByStatus">
									<option value=''><?php echo $sap_common->lang('select_status'); ?></option>
									<option value="1"><?php echo $sap_common->lang('active'); ?></option>
									<option value="0"><?php echo $sap_common->lang('pending'); ?></option>
									<option value="2"><?php echo $sap_common->lang('expired'); ?></option>
									<option value="3"><?php echo $sap_common->lang('cancelled'); ?></option>
								</select>
								<?php if(!empty($allplan)){ ?>
								<select id='searchByPlan' name="searchByPlan">
									<option value=''><?php echo $sap_common->lang('select_membership_level'); ?></option>
									<?php 
									foreach($allplan as $plan){
										echo '<option value="'.$plan->name.'">'.$plan->name.'</option>';	
									}
									?>							
								</select>
								<?php } ?>
								<button class="apply_filters btn btn-primary"><?php echo $sap_common->lang('filter'); ?></button>				
							</div>
							<!-- DataTables Search Filter outside DataTables Wrapper -->
							<div id="customSearch" class="customSearch">
								<input type="text" id="searchInputplans" class="custom-search-input" placeholder="Type to search">
							</div>
						</div>

					</div>
					<div class="datatable-overly  search-top-bar memberships-wrap"> 
						<table id="list-members" class="display table table-bordered table-striped member-list">
							<thead>
								<tr>
									
									<th data-sortable="false"><?php echo $sap_common->lang('number'); ?></th>
									<th data-sortable="true"><?php echo $sap_common->lang('membership_level'); ?></th>
									<th data-sortable="true"><?php echo $sap_common->lang('customer_name'); ?></th>
									<th data-sortable="true"><?php echo $sap_common->lang('status'); ?></th>
									<th data-sortable="true"><?php echo $sap_common->lang('recurring'); ?></th>
									<th data-sortable="true"><?php echo $sap_common->lang('expiration'); ?></th>
									<th data-sortable="true"><?php echo $sap_common->lang('created_date'); ?></th>
									<th data-sortable="false"><?php echo $sap_common->lang('action'); ?></th>
								</tr>
							</thead>
							<tfoot>
								<tr>
									
									<th data-sortable="false"><?php echo $sap_common->lang('number'); ?></th>
									<th data-sortable="true"><?php echo $sap_common->lang('membership_level'); ?></th>
									<th data-sortable="true"><?php echo $sap_common->lang('customer_name'); ?></th>
									<th data-sortable="true"><?php echo $sap_common->lang('status'); ?></th>
									<th data-sortable="true"><?php echo $sap_common->lang('recurring'); ?></th>
									<th data-sortable="true"><?php echo $sap_common->lang('expiration'); ?></th>
									<th data-sortable="true"><?php echo $sap_common->lang('created_date'); ?></th>
									<th data-sortable="false"><?php echo $sap_common->lang('action'); ?></th>
								</tr>
							</tfoot>
							<tbody>								
							</tbody>
						</table>
					</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- /.content -->

</div><!-- /.content-wrapper -->

<?php
include SAP_APP_PATH . 'footer.php'; ?>

<script type="text/javascript" class="init">
	'use strict';

	$(document).ready(function () {

		var dtListUsers =  $('#list-members').DataTable({
			"oLanguage": {
				"sEmptyTable": "No membership found."
			},
			"aLengthMenu": [[15,25, 50, 100], [15,25, 50, 100]],
			"pageLength": 15,
			"bLengthChange" : false,
			"order": [[7, "desc"]],
			"responsive": true,
			"processing": true,
        	"serverSide": true, 
        	"dom": 'lrtip', 
		    "columnDefs": [	         
	            {"targets": 0, "name": "number", 'searchable': true, 'orderable': false},
	            {"targets": 1, "name": "membership_level", 'searchable': true, 'orderable': false},
				{"targets": 2, "name": "customer_name", 'searchable': true, 'orderable': true},
	            {"targets": 3, "name": "status", 'searchable': true, 'orderable': true},
	            {"targets": 4, "name": "recurring", 'searchable': false, 'orderable': true},
	            {"targets": 5, "name": "expiration", 'searchable': false, 'orderable': true},
	            {"targets": 6, "name": "created_date", 'searchable': false, 'orderable': true},
	            {"targets": 7, "name": "action", 'searchable': false, 'orderable': false},
	        ],
	      
        	'ajax': {
		       'url':'../membership-ajax/',
		       'data': function(data){
		          // Read values
		          var searchByStatus = $('#searchByStatus').val();
		          data.searchByStatus = searchByStatus;

		          var searchByPlan = $('#searchByPlan').val();
		          data.searchByPlan = searchByPlan;
		       }
		    },
		    
		} );


		$('body').on('click','.apply_filters',function(){
		    dtListUsers.draw();
		  });	
		 // Attach DataTables search to custom input
        $('#searchInputplans').on('keyup', function() {
            dtListUsers.search(this.value).draw();
        });	
	});
</script>