@extends('adminlayout.mobile_sidebar')

@section('content')

        <div class="nk-content-body">
		
		<div class="mainTop">
			<div class="mainRoot maxWidth">
			
			<div class="navTop sticky-top">
					<nav id="" class="navbar navbar-expand-lg headerNav boxShadow">
						<div class="navLeftText">
							<a class="backIcon" href="{{ route('investmentDashboard') }}"><span><img src="{{url('/assets/images/mob-dash/back-arrow.png')}}"></span></a> <span class="innerHeadText">Buy Investment</span>
						</div>
						
					</nav>
				</div>
			<div class="">
            <div class="nk-block-head nk-block-head-sm m-t-10">
                <div class="nk-block-between g-3">
                    <div class="nk-block-head-content">
                        @if(Session::has('message'))
                            <p class="text-info">
                                {{ Session::get('message') }}
                            </p>
                        @endif
                        @if($errors->any())
                        <p class="text-danger">
                            {{ implode('', $errors->all(':message')) }}
                        </p>
                        @endif
                    </div>
                    <!--<div class="nk-block-head-content">
                        <a href="{{ route('investmentDashboard') }}" class="btn btn-outline-light bg-white d-none d-sm-inline-flex"><em class="icon ni ni-arrow-left"></em><span>Back</span></a>
                        <a href="{{ route('investmentDashboard') }}" class="btn btn-icon btn-outline-light bg-white d-inline-flex d-sm-none"><em class="icon ni ni-arrow-left"></em></a>
                    </div>-->
                </div>
            </div><!-- .nk-block-head -->
            <div class="nk-block">
                <div class="card">
                    <div class="card-aside-wrap">
                        <div class="card-content">
                            <div class="card-inner">
                                <div class="nk-block">
                                    <div class="nk-block-head buy-page-head">
                                        <h5 class="title">{{ $investment->title ?? '' }}</h5>
                                        <p>{!! $investment->description !!}</p>
                                    </div><!-- .nk-block-head -->
                                    <form action="{{ route('saveBuyInvestment', $investment->id) }}" method="post" enctype="multipart/form-data">
                                        @csrf
                                        <input type="hidden" name="id" value="{{ $investment->id }}">
                                        <div class="row buy-page">
											
											<div class="col-md-6 col-sm-6 col-xs-12" style="margin-bottom: 6px;">
												<div class="eq-height">
													<div class="row">
														<div class="col-md-12 col-sm-12">
															<div class="form-group">
																<label class="form-label" for="customer_name">Title : </label> <span>{{ $investment->title }}</span>
															</div>
														</div>
														<div class="col-md-12 col-sm-12">
															<div class="form-group">
																<label class="form-label" for="customer_mobile">Profit :</label> <span>{{ $investment->commission }}%</span>
															</div>
														</div>
														
														<div class="col-md-12 col-sm-12">
															<div class="form-group">
																<label class="form-label" for="minimum_amount">Minimum Amount :</label> <span><em class="icon ni ni-sign-inr "></em>{{ $investment->minimum_amount }}</span>
															</div>
														</div>
														<div class="col-md-12 col-sm-12">
															<div class="form-group">
																<label class="form-label" for="minimum_month">Minimum Month :</label> <span>{{ $investment->minimum_month }}</span>
															</div>
														</div>
														
													   
														<div class="col-md-6 col-sm-6">
															<div class="form-group">
																<label class="form-label" for="month">Select Month</label>
																<div class="form-control-wrap">
																	<select class="form-control" name="month" id="month" required onChange="calculateAmount()">
																	
																																				 <option value=""> Month</option>
																			 																			 <option value="1">1 Month</option>
																			 																			 <option value="2">2 Month</option>
																			 																			 <option value="3">3 Month</option>
																			 																			 <option value="4">4 Month</option>
																			 																			 <option value="5">5 Month</option>
																			 																			 <option value="6">6 Month</option>
																			 																			 <option value="7">7 Month</option>
																			 																			 <option value="8">8 Month</option>
																			 																			 <option value="9">9 Month</option>
																			 																			 <option value="10">10 Month</option>
																			 																			 <option value="11">11 Month</option>
																			 																		<option value="12">1 Year</option>
																	 																		<option value="24">2 Year</option>
																	 																		<option value="36">3 Year</option>
																	 																		<option value="48">4 Year</option>
																	 																		<option value="60">5 Year</option>
																	 																								
																	</select>
																	
																 
																</div>
															</div>
														</div>
														 <div class="col-md-6 col-sm-6">
																		<div class="form-group">
																			<div class="form-label-group">
																				<label class="form-label" for="commission">Profit Type</label>
																			</div>
																			<div class="form-control-wrap">
																				<select class="form-control" name="profit_type" id="profit_type" onChange="calculateAmount()">
																					 <option value="1">On Maturity </option>
																					 <option value="2">Monthly</option>
																				</select>																	
																			</div>
																		</div>
																	 </div>
																	 <div class="col-md-12 col-sm-12">
															<div class="form-group">
																<label class="form-label" for="amount">Amount(<em class="icon ni ni-sign-inr "></em>)</label>
																<div class="form-control-wrap">
																	<input type="number" name="amount" id="amount" class="form-control @error('amount') error @enderror" value="{{ old('amount') }}" onKeyUp="calculateAmount()">
																	@error('amount')
																	<p class="text-danger">{{ $message }}</p>
																	@enderror
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
											
											<div class="col-md-6 col-sm-6 col-xs-12" style="margin-bottom: 6px;">
												<div class="eq-height">
													<div class="row">
														
													   <div class="col-md-12 col-sm-12">
															<div class="form-group amt-detl">
																<label class="form-label" for="minimum_month">Amount Details:</label>
																 <div class="form-control-wrap flex"><span>Total Investment </span><span class="invest-amount"><em class="icon ni ni-sign-inr"></em>0.00</span></div>
																 <div class="form-control-wrap flex"><span>Profit Amount </span><span class="profit-amount"><em class="icon ni ni-sign-inr"></em>0.00</span></div>
																<div class="form-control-wrap flex"><span>Total Amount </span><span class="total-amount"><em class="icon ni ni-sign-inr"></em>0.00</span></div>
																<div class="form-control-wrap flex"><span>Service Charge </span><span class="service-charge"><em class="icon ni ni-sign-inr "></em>0.00</span></div>
																<div class="form-control-wrap flex"><span>TDS </span><span class="tds-charge"><em class="icon ni ni-sign-inr "></em>0.00</span></div>
																<div class="form-control-wrap flex" ><span>Net Amount </span><span class="net-amount"><em class="icon ni ni-sign-inr "></em>0.00</span></div>
																<div class="form-control-wrap flex monthaly" style="display:none;"><span>Monthaly Payable Amount </span><span class="monthaly-amount"><em class="icon ni ni-sign-inr "></em>0.00</span></div>
																<div class="form-control-wrap flex suvidha-kendra" style="display:none;"><span>Suvidha kendra commission </span><span class="suvidha-kendra-amount"><em class="icon ni ni-sign-inr "></em>0.00</span></div>
															</div>
														</div>
													</div>
												</div>
											</div>
										
											  <div class="col-md-6 col-sm-6 col-xs-12" style="margin-top: 20px;">
                                                <ul style="text-align: center">
                                                    <li>
                                                        <button type="submit" id="submitbtn" disabled class="btn btn-lg btn-primary w-sb-btn">Buy</button>
                                                    </li>
                                                  
                                                </ul>
                                            </div>
                                           
										</div>
										 <input type="hidden" id="commission" value="{{ $investment->commission }}"/>
										 <input type="hidden" id="minimum_amount" value="{{ $investment->minimum_amount }}" />
                                    </form>
                                </div><!-- .nk-block -->
                                <div class="nk-divider divider md"></div>
                            </div><!-- .card-inner -->
                        </div><!-- .card-content -->
                    </div><!-- .card-aside-wrap -->
                </div><!-- .card -->
            </div><!-- .nk-block -->
        </div>
    </div>
</div>
</div>

<script>
function calculateAmount()
{
	var tds = "";
	var service_charge = "";
	
	var suvidha_kendra_commission = "";
	
	var commission = $('#commission').val();
	var amount = $('#amount').val();	
	var month = $('#month').val();
	var profit_type = $('#profit_type').val();
	var minimum_amount = $('#minimum_amount').val();
	if( parseFloat(minimum_amount) > parseFloat(amount))
	{
		$( '#submitbtn').prop( "disabled", true );
		return;
	}
	var tds_amount=0;
	var service_charge_amount =0;
	var profit_amount =0;
	var net_amount =0;
	var total_amount =0;
	var month_net_amount =0;
	var total_profit_amount =0;
	var suvidha_kendra_amount =0;
	if(amount)
	{
		
		profit_amount = parseFloat((amount*commission)/100).toFixed(2);
		suvidha_kendra_amount = parseFloat((amount*suvidha_kendra_commission)/100).toFixed(2);
		if(profit_type==1)
		{
			$(".monthaly").hide();
			
			total_profit_amount = profit_amount*month;
			total_amount  = (parseFloat(amount)+parseFloat(total_profit_amount)).toFixed(2);
			tds_amount = parseFloat((total_profit_amount*tds)/100).toFixed(2);
			service_charge_amount = parseFloat((total_profit_amount*service_charge)/100).toFixed(2);
			net_amount = total_amount - (parseFloat(tds_amount)+parseFloat(service_charge_amount));	
			
		}else
		{	
			
			total_profit_amount = profit_amount*month;
			total_amount  = (parseFloat(amount)+parseFloat(total_profit_amount)).toFixed(2);
			
			tds_amount = parseFloat((total_profit_amount*tds)/100).toFixed(2);
			service_charge_amount = parseFloat((total_profit_amount*service_charge)/100).toFixed(2);
			
			var month_tds_amount = parseFloat((profit_amount*tds)/100).toFixed(2);
			var month_service_charge_amount = parseFloat((profit_amount*service_charge)/100).toFixed(2);
			
			net_amount = total_amount - (parseFloat(tds_amount)+parseFloat(service_charge_amount));
			
			month_net_amount =  profit_amount - (parseFloat(month_tds_amount)+parseFloat(month_service_charge_amount));
			
			$(".monthaly").show();
			
		}
		$( '#submitbtn').prop( "disabled", false );

	}else
	{
		$( '#submitbtn').prop( "disabled", true );
	}
	$('.invest-amount').html('<em class="icon ni ni-sign-inr"></em>'+amount);
	$('.profit-amount').html('<em class="icon ni ni-sign-inr"></em>'+total_profit_amount);
	$('.total-amount').html('<em class="icon ni ni-sign-inr"></em>'+total_amount);
	$('.service-charge').html('-<em class="icon ni ni-sign-inr"></em>'+service_charge_amount);
	$('.tds-charge').html('-<em class="icon ni ni-sign-inr"></em>'+tds_amount);
	$('.net-amount').html('<em class="icon ni ni-sign-inr"></em>'+net_amount);
	$('.monthaly-amount').html('<em class="icon ni ni-sign-inr"></em>'+month_net_amount);