@extends($layout)

@section('content')

<div id="page-wrapper" ng-init="intilizeData({{$item}})" ng-controller="couponsController">

{!! Form::open(array('url' => URL_PAYNOW.$item->slug, 'method' => 'POST', 'id'=>'payform')) !!} 

								 <input type="hidden" name="item_name" id="item_name" ng-model="item_name" value="{{$item->slug}}">

									<input type="hidden" name="gateway" id="gateway" value="" >

									<input type="hidden" name="type" ng-model="item_type" value="{{$item_type}}" >

									<input type="hidden" name="is_coupon_applied" id="is_coupon_applied"  value="0" >

									<input type="hidden" name="coupon_id" id="coupon_id"  value="0" >

									<input type="hidden" name="actual_cost" id="actual_cost" value="{{$item->cost}}" >

									<input type="hidden" name="discount_availed" id="discount_availed"  value="0" >

									<input type="hidden" name="after_discount" id="after_discount" value="{{$item->cost}}" >

									 <input type="hidden" name="parent_user" value="{{$parent_user}}">	

									 
									 <input type="hidden" name="parent_user" value="{{$parent_user}}">	

									 <input type="hidden" id="selected_child_id" name="selected_child_id" value="{{$selected_child_id}}">	

									{!! Form::close() !!}





			<div class="container-fluid">

				<!-- Page Heading -->

				<div class="row">

					<div class="col-lg-12">

						<ol class="breadcrumb">

							<li><a href="{{PREFIX}}"><i class="mdi mdi-home"></i></a> </li>

							@if($item_type=='combo' || $item_type=='exam')

							<li> <a href="{{URL_STUDENT_EXAM_SERIES_LIST}}">{{getPhrase('exam_series')}} </a> </li>

							@else

							<li> <a href="{{URL_STUDENT_LMS_SERIES}}">{{getPhrase('learning_management_series')}} </a> </li>

							@endif

							<li class="active"> {{ $title }} </li>

						</ol>

					</div>

				</div>

				<!-- /.row -->

				<div class="panel panel-custom">

					<div class="panel-heading">

						<h1>{{getPhrase('checkout')}}</h1>

                    </div>

					<div class="panel-body">

						<div class="row">

							<div class="checkout-table-heading">

								<div class="col-md-6"><strong>{{getPhrase('item')}}</strong></div>

								<div class="col-md-3 text-right"><strong>{{getPhrase('cost')}}</strong></div>

								<div class="col-md-3 text-right"><strong>{{getPhrase('total')}}</strong></div>

							</div>



						</div>

						<div class="row">

							<div class="ordered-item">

								<div class="col-md-6 centered">

									<div class="box">

										

									
										<h3>{{$item->title}}</h3>

										<p>{{getPhrase('valid_for').' '.$item->validity.' '.getPhrase('days')}}</p>

									</div>

								</div>

								<div class="col-md-3  text-right">
									<strong>{{ getCurrencyCode().$item->cost }}</strong>
								</div>

								<div class="col-md-3  text-right">
								<strong>{{ getCurrencyCode().$item->cost }}</strong>
								</div>

							</div>

						</div>

						<div class="row">

							<div class="ordered-item">

							

								<div class="col-md-6 centered">

									<div class="apply-coupon" >

								@if(getSetting('coupons', 'module') ==  '1')

									<div class="input-group" >

										<input type="text" ng-model="coupon_code" class="form-control apply-input-lg" placeholder="{{getPhrase('enter_coupon_code')}}" ng-disabled="isApplied" >

										<span class="input-group-btn">

              								<button class="btn btn-success button apply-input-button" ng-click="validateCoupon('{{$item->slug}}','{{$item_type}}', {{$item->cost}}, {{$selected_child_id}})" type="button" ng-disabled="isApplied">{{getPhrase('apply')}}</button>

              							</span> 

              						</div>

                  				@endif

									</div>

								</div>


                         <div class="col-md-6 ">

									<ul class="budget">

										<li>

											<p class="pull-left light">Cart Subtotal</p>

											<p class="pull-right ">{{ getCurrencyCode().$item->cost }}</p>



										</li>

										<li>

											<p class="pull-left light">Discount</p>

											<p class="pull-right">{{ getCurrencyCode()}}

											<span contenteditable="false" ng-bind="ngdiscount">0</span></p>

                                    </li>

										<hr>

										<li class="order-total">

											<p class="pull-left">Order Total</p>

											<p class="pull-right ">{{ getCurrencyCode()}}

											<span contenteditable="false" ng-bind="ngtotal">{{$item->cost}}</span></p>



										</li>

                                    </ul>

                                    </div>
                                </div>

						</div>



					 @if($parent_user)

					 	@if(count($children))
							<div id="childrens_list_div">
							@include('student/payments/childrens-list', array('children'=>$children, 'item_type'=>$item_type, 'item_id'=>$item->id ) )
							</div>

						@else

							<h3>{{getPhrase('please_add_children_to_continue_payment')}}</h3>

						@endif

					 @endif

					
					@if($is_eligible_for_payment)

						<div class="row">

							<div class="col-md-12 text-center">

								<div class="payment-type">

									<div class="text-center">