@extends('frontend.layouts.main') @section('content')

<div class="login-box" id="app">
	<div class="login-logo">
		<b>Preview</b> Information
	</div>
	<!-- /.login-logo -->
	<div class="login-box-body">
		<p class="login-box-msg">Verify the information you see on your screen to proceed</p>

		<div class="box box-primary">
			<div class="box-header with-border">
				<h3 class="box-title">Product Information</h3>
			</div>
			<!-- /.box-header -->
			<!-- form start -->
				<div class="box-body">
					<div class="form-group">
						<label for="exampleInputEmail1">Product Name:</label>
						{{ session('payment')['sku_name'] }}
					</div>
					<div class="form-group">
						<label>Description:</label>
						<span id="sp-product-description">{{ session('payment')['description'] }}</span>
					</div>
					<div class="form-group">
						<label>Validity:</label>
						<span id="sp-product-validity">{{ session('payment')['validity_human'] }}</span>
					</div>
					<div class="form-group">
						<label>User Limit:</label>
						<span id="sp-product-validity">
							@if(!empty(session('payment')['coupon_value_limit']))
								{{ session('payment')['coupon_value_limit'] == '-1' ? 'Unlimited' : session('payment')['coupon_value_limit'] }}
							@else
								{{ session('payment')['product_user_limit'] == '-1' ? 'Unlimited' : session('payment')['product_user_limit'] }}
							@endif
						</span>
					</div>		

					@if(auth()->user()->addresses->first()->country->name == 'India')
						<div class="form-group">
							<label>Price:</label>
							<span id="sp-product-price">{{ session('payment')['currency'] . session('payment')['price'] }}</span>
						</div>
						@if(session('payment')['discount'] )
							<div class="form-group">
								<label>Discount:</label>
								<span class="text-red" id="sp-product-validity">{{ session('payment')['currency'] . session('payment')['discount'] }}</span>
							</div>
							<div class="form-group">
								<label>Amount after Discount:</label>
								<span class="text-success" id="sp-product-validity">{{ session('payment')['currency'] . session('payment')['discounted_price'] }}</span>
							</div>
						@endif	
						@if(auth()->user()->addresses->first()->state->name == 'Delhi')
							<div class="form-group">
								<label>CGST:</label>
								<span id="sp-product-cgst">{{ session('payment')['currency'] . session('payment')['cgst'] }}</span>
							</div>
							<div class="form-group">
								<label>SGST:</label>
								<span id="sp-product-sgst">{{ session('payment')['currency'] . session('payment')['sgst'] }}</span>
							</div>						
						@else
							<div class="form-group">
								<label>IGST:</label>
								<span id="sp-product-igst">{{ session('payment')['currency'] . session('payment')['igst'] }}</span>
							</div>	
						@endif
						<div class="form-group">
								<label>Grand Total (after discount):</label>
								<span class="text-green" id="sp-product-validity">{{ session('payment')['currency'] . session('payment')['amount'] }}</span>
						</div>

					@else
					<div class="form-group">
						<label>Total Amount:</label>
						<span id="sp-product-amount">{{ session('payment')['currency'] . session('payment')['price'] }}</span>
					</div>	
						@if(session('payment')['discount'] )
							<div class="form-group">
								<label>Discount:</label>
								<span class="text-red" id="sp-product-validity">{{ session('payment')['currency'] . session('payment')['discount'] }}</span>
							</div>
							<div class="form-group">
								<label>Grand Total (after discount):</label>
								<span class="text-green" id="sp-product-validity">{{ session('payment')['currency'] . session('payment')['amount'] }}</span>
							</div>
						@endif
					@endif
		
				</div>
				<!-- /.box-body -->
		</div>

		@if(session('payment')['product_type'] == 'ev-tenant')
		<div class="box box-primary">
			<div class="box-header with-border">
				<h3 class="box-title">Personal Information</h3>
			</div>
			<!-- /.box-header -->
			<!-- form start -->
				<div class="box-body">
					<div class="form-group">
						<label for="identifier">Tenant Username:</label>
						<div class="clearfix">{{ session('payment')['identifier'] }}</div>
					</div>
					<div class="form-group">
						<label for="identifier_value">Instance URL:</label>
						<div class="clearfix">{{ session('payment')['identifier_value'] }}</div>
					</div>				
				</div>
				<!-- /.box-body -->
		</div>
		@endif										
		
		<div class="box-footer">
					<button type="button" class="btn btn-primary" id="btn-edit-information" @click="editInformation()">Edit Information</button>
					<div class="pull-right"><button type="button" class="btn btn-primary" id="btn-proceed-payment" @click="proceed()">@{{ proceedButtonText }}</button></div>
		</div>
	</div>
	<!-- /.login-box-body -->
	<div class="clearfix">&nbsp;</div>
	<div class="text-center">@include('frontend.includes.copyright')</div>


</div>
<!-- /.login-box -->
<script src="{{ asset('/js/vue.min.js') }}"></script>

<script>
	new Vue({
		el: '#app',
		data: {
			amount: {{session('payment')['amount']}}, // price after discount
			proceedButtonText: 'Proceed to Payment',

		},
		created() {
			if(this.amount <= 0) {
				this.proceedButtonText = 'Finish';
			}
		},
		methods: {
			editInformation () {
				location.href = '{{ route('information', ['gateway' => session('gateway')]) }}';
			},
			proceed () {
				if(this.amount <= 0) {
					location.href = '{{ route('success') }}';
				}else {
					location.href = '{{ route('select-gateway') }}';
				}
			}
		}
	});
</script>

@endsection