@extends('backend.layouts.app')
@section('content')
<div class="container-fluid">
	<div class="row">
		<div class="col-xl-12">
			<div class="breadcrumb-holder">
				<h1 class="main-title float-left">Payment Details</h1>
				<ol class="breadcrumb float-right">
					<li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashboard</a></li>
					<li class="breadcrumb-item"><a href="{{route('golf-operation')}}">Golf Operation</a></li>
					<li class="breadcrumb-item"><a href="{{route('golf-operation.monthly-subscriptions')}}">Membership Managment</a></li>
					<li class="breadcrumb-item active">Payment Details</li>
				</ol>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12">
			<div class="card">
				<div class="card-header text-right">
					<button class="btn btn-info btn-sm" onclick="printJS({printable:'subscription-receipt', type: 'html', css: '{{ asset('public/css/print.css') }}'})">
						<i class="fa fa-print"></i> Print
					</button>
					
				</div>
				<div class="card-body">
					<div style="overflow-x: scroll;">
						<div id="subscription-receipt">
							<table style="border: 0px; width: 100%;">
								<tr>
									<td>
										<h1 style="text-align: center; font-size: 20px; margin: 0px;">Bhatiary Golf &Country Club</h1>			
										<p style="text-align: center; margin: 0px;">Member Entrance Fee</p>
										<p style="text-align: center; margin: 0px; font-size: 10px;">Dhaka - 1206, Opposite Shewrapara Bus Statnd</p>
										<hr />
										<p style="text-align: center; margin-top: 5px; margin-bottom: 5px;">Money Receipt</p>
										<table style="width: 100%; font-size: 12px; margin-top: 10px;" class="payment-details-table">
											<tbody>
												<tr>
													<td>Membership No</td>
													<td>:</td>
													<td>{{$payment_details->membership_no}}</td>
												</tr>						
												<tr>
													<td>Member Name</td>
													<td>:</td>
													<td>{{$payment_details->full_name}}</td>
												</tr>												
												<tr>
													<td>Donation</td>
													<td>:</td>
													<td>{{ $payment_details->donation_payment }}</td>
												</tr>												
												<tr>
													<td>Total Amount</td>
													<td>:</td>
													<td>{{ $payment_details->total_amount }}</td>
												</tr>
												
											</tbody>
											<tfoot>
												
											</tfoot>
										</table>
										<p style="font-size: 12px;">In Words: 
											Zero Taka Only				
										</p>
										<p style="font-size: 12px;">
											Thank you for your payment.
										</p>
										
										<p style="font-size: 10px; text-align: center;">Powered by <b>ISSIT Ltd. </b>Phone: +8801712650270</p>
									</td>
									<td class="width: 100px;"></td>
									<td>
										<h1 style="text-align: center; font-size: 20px; margin: 0px;">Bhatiary Golf &Country Club</h1>			
										<p style="text-align: center; margin: 0px;">Member Entrance Fee</p>
										<p style="text-align: center; margin: 0px; font-size: 10px;">Dhaka - 1206, Opposite Shewrapara Bus Statnd</p>
										<hr />
										<p style="text-align: center; margin-top: 5px; margin-bottom: 5px;">Money Receipt</p>
										<table style="width: 100%; font-size: 12px; margin-top: 10px;" class="payment-details-table">
											<tbody>
												<tr>
													<td>Membership No</td>
													<td>:</td>
													<td>{{$payment_details->membership_no}}</td>
												</tr>						
												<tr>
													<td>Member Name</td>
													<td>:</td>
													<td>{{$payment_details->full_name}}</td>
												</tr>												
												<tr>
													<td>Donation</td>
													<td>:</td>
													<td>{{ $payment_details->donation_payment }}</td>
												</tr>												
												<tr>
													<td>Total Amount</td>
													<td>:</td>
													<td>{{ $payment_details->total_amount }}</td>
												</tr>
												
											</tbody>
											<tfoot>
												
											</tfoot>
										</table>
										<p style="font-size: 12px;">In Words: 
											Zero Taka Only				
										</p>
										<p style="font-size: 12px;">
											Thank you for your payment.
										</p>
										
										<p style="font-size: 10px; text-align: center;">Powered by <b>ISSIT Ltd. </b>Phone: +8801712650270</p>
									</td>
								</tr>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>		
@endsection

@section('before_body_end')
<style type="text/css">
	.payment-details-table tr > td:first-child {
		width: 170px;		
		font-weight: bold;
	}
</style>>	
@endsection