@extends('layouts.app', ['title' => 'Payment'])
@section('content')
<div class="payment">
	<div class="row">
		<div class="col-lg-12">
			<div class="m-portlet">
				<div class="m-portlet__body m-portlet__body--no-padding">
					<div class="m-invoice-2">
						<div class="m-invoice__wrapper">
							<div class="m-invoice__head" style="background-image: url(../../assets/app/media/img//logos/bg-6.jpg);">
								<div class="m-invoice__container m-invoice__container--centered">
									<div class="m-invoice__logo">
										<a href="#">
											<h1>PAYMENT</h1>
										</a>
										<a href="#">
											<h1>{{ date('M d, Y') }}</h1>
										</a>
									</div>
								</div>
							</div>
							<div class="m-invoice__body m-invoice__body--centered">
								<div class="table-responsive">
									<table class="table">
										<thead>
											<tr>
												<th>DESCRIPTION</th>
												<th>RATE</th>
												<th>START DATE</th>
												<th>END DATE</th>
												<th>DESC</th>
												<th>AMOUNT</th>
											</tr>
										</thead>
										<tbody>
											@if(isset($user_subscription['user_payment_history']) && !empty($user_subscription['user_payment_history']))
												@foreach($user_subscription['user_payment_history'] as $a_key => $subscription_payment_history)
																										<tr>
														<td>{{ $subscription_payment_history->product_title }}</td>
														<td>${{ $subscription_payment_history->product_price }}</td>
														<td>{{ $subscription_payment_history->getStartDate() }}</td>
														<td>{{ $subscription_payment_history->getEndDate() }}</td>
														<td>{{ $subscription_payment_history->description }}</td>
														<td class="m--font-danger">${{ $subscription_payment_history->amount }}</td>
													</tr>
												@endforeach
											@endif
											@if(!empty($user_addons))
												@foreach($user_addons as $b_key => $user_addon)
													@if(isset($user_addon['user_payment_history']) && !empty($user_addon['user_payment_history']))
														@foreach($user_addon['user_payment_history'] as $c_key => $addon_payment_history)
																														<tr>
																<td>{{ $addon_payment_history->product_title }}</td>
																<td>${{ $addon_payment_history->product_price }}</td>
																<td>{{ $addon_payment_history->getStartDate() }}</td>
																<td>{{ $addon_payment_history->getEndDate() }}</td>
																<td>{{ $addon_payment_history->description }}</td>
																<td class="m--font-danger">${{ $addon_payment_history->amount }}</td>
															</tr>
														@endforeach
													@endif
												@endforeach
											@endif
										</tbody>
									</table>
								</div>
							</div>
							<div class="m-invoice__footer">
								<div class="m-invoice__table  m-invoice__table--centered table-responsive">
									<table class="table">
										<thead>
											<tr>
												<th>PAYMENT DATE</th>
												<th>TOTAL AMOUNT</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>{{ date('M d, Y') }}</td>
												<td class="m--font-danger">${{ $total_amount }}</td>
											</tr>
										</tbody>
									</table>
									<form class="m-form m-form--fit m-form--label-align-right" action="{{ @action('SettingController@payment') }}" method="POST">
									    {{ csrf_field() }}
										<input type="hidden" name="user_payment_history" value="{{ implode(',', $user_payment_history) }}" id="user_payment_history" required />
										<input type="hidden" name="total_amount" value="{{ $total_amount }}" id="total_amount" required />
										<div>
										    <button type="button" class="btn btn-primary" onclick="stripRedirectToCheckout();">Submit</button>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>