@extends('layouts.app', ['title' => ''])


@section('content')
<style>
    .m-subheader{display:none;} 
    .m-content{padding-top:0px !important;}
    .m-invoice__footer{
        padding-top: 0 !important;
        background: #ffffff !important;
        margin-top: 0 !important;
    }
</style>
<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">
								<div class="m-invoice__container m-invoice__container--centered">
									<div class="m-invoice__logo" style="padding-top:4rem;">
										<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>TITLE</th>
												<th>FEE</th>
												<th>START DATE</th>
												<th>END DATE</th>
												<th>CONCEPT</th>
												<th>AMOUNT</th>
											</tr>
										</thead>
										<tbody>
											@if(isset($userPaymentHistroy) && !empty($userPaymentHistroy))
												@foreach($userPaymentHistroy as $history)
																										<tr>
														<td>{{ $history->product_title }}</td>
														<td>${{ $history->product_price }}</td>
														<td>{{ $history->getStartDate() }}</td>
														<td>{{ $history->getEndDate() }}</td>
														<td>{!! $history->product_description !!}</td>
														<td class="m--font-danger">${{ $history->amount }}</td>
													</tr>
												@endforeach
											@endif
											
											@if(isset($user_debts) && !empty($user_debts))
												@foreach($user_debts as $debts)
																										<tr>
														<td>{{ $debts->title }}</td>
														<td>${{ $debts->amount }}</td>
														<td>-</td>
														<td>-</td>
														<td>-</td>
														<td class="m--font-danger">${{ $debts->amount }}</td>
													</tr>
												@endforeach
											@endif
										</tbody>
									</table>
								</div>
								<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>
											<tr><td colspan="2"><small class="m--font-danger"><strong>*For security and privacy, Redline Network Technologies does not save or storage any credit card. Credit card transactions are through a secure and encrypted gateway provided and administer directly by the merchant service. This service is powered by <a href="https://stripe.com/" target="_blank">Stripe</a>.</strong></small></td></tr>
										</tbody>
									</table>
				                </div>
							</div>
							<div class="m-invoice__footer">
								 <div class="m-invoice__table  m-invoice__table--centered table-responsive">
								    <h2>Pay with Debit/Credit Cards<br></h2> 
                    				@if ($message = Session::get('error'))
                                    <div class="custom-alerts alert alert-danger fade in">
                                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true"></button>
                                        {!! $message !!}
                                    </div>