@extends('adminlayout.admin')

@section('content')
<div class="nk-content nk-content-fluid">
    <div class="container-xl wide-lg">
        <div class="nk-content-body">
            <div class="nk-block-head nk-block-head-sm">
                <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"  id="successcntr">
                <div class="card">
                    <div class="card-aside-wrap">
                        <div class="card-content">
                            <div class="card-inner">
                                <div class="nk-block">
                                    <div class="buy-page-head">
                                        <h5 class="title alert alert-success" style="text-align: center;">Buy Successfully</h5>                                       
                                    </div><!-- .nk-block-head -->
                                    <form action="" method="post" enctype="multipart/form-data">
                                        @csrf
                                       
                                        <div class="row buy-page">
											
											<div class="col-md-12 col-sm-12 col-xs-12" style="margin-bottom: 6px;">
												<div class="eq-height">
													<div class="row" style="text-align: center">
														<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">Invested Amount :</label> <span>{{ $investment->amount }}</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_month">Total Month :</label> <span>{{ $investment->total_month }}</span>
															</div>
														</div>
														
														<div class="col-md-12 col-sm-12">
															<div class="form-group">
																<label class="form-label" for="minimum_month">Profit Type :</label> <span>{{ $investment->profit_type==1?'On Maturity':'Monthly' }}</span>
															</div>
														</div>
														
													   
													</div>
												</div>
											</div>
											
											<div class="col-md-12 col-sm-12 col-xs-12" style="margin-bottom: 6px;">
												<div class="eq-height">
													<div class="row" style="text-align: center">
														
													   <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>{{ $investment->amount }}</span></div>
																 <div class="form-control-wrap flex"><span>Profit Amount </span><span class="profit-amount"><em class="icon ni ni-sign-inr"></em>{{ $investment->commission_amount }}</span></div>
																<div class="form-control-wrap flex"><span>Total Amount </span><span class="total-amount"><em class="icon ni ni-sign-inr"></em>{{ $investment->total_amount }}</span></div>
																<div class="form-control-wrap flex"><span>Service Charge ({{ $investment->service_charge }}%) </span><span class="service-charge">-<em class="icon ni ni-sign-inr "></em>{{ $investment->service_charge_amount }}</span></div>
																<div class="form-control-wrap flex"><span>TDS ({{ $investment->tds }}%) </span><span class="tds-charge">-<em class="icon ni ni-sign-inr "></em>{{ $investment->tds_amount }}</span></div>
																<div class="form-control-wrap flex" ><span>Net Amount </span><span class="net-amount"><em class="icon ni ni-sign-inr "></em>{{ $investment->net_amount }}</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>
										 <div class="col-md-12 col-sm-12 col-xs-12 prbutton" style="margin-top: 20px;">
                                                <ul style="text-align: center">
                                                    <li>
                                                        <button type="button" id="submitbtn" onclick="printDiv('successcntr')" class="btn btn-lg btn-primary">Print</button>
                                                    </li>
                                                  
                                                </ul>
                                            </div>
										 
                                    </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>
<script>
function printDiv(divName) {
     var printContents = document.getElementById(divName).innerHTML;
     var originalContents = document.body.innerHTML;

  //   document.body.innerHTML = printContents;
     $('.nk-footer').hide(); 
	 $('.nk-header').hide(); 
	 $('.nk-block-head-sm').hide(); 
	 $('.prbutton').hide(); 
	 
     window.print();

     document.body.innerHTML = originalContents;
}

window.onload = function () {
	
	var id='';
	var url = "{{ url('admin/investment/download-plan-detail') }}"+'/'+id;
	window.location.href=url;
}

</script>

<style>
.buy-page{
	margin-left: 20%;
}
.flex{
	display: flex;
    justify-content: space-between;
}
.nk-block-head.buy-page-head{
	background: #fff;
	text-align: center;
    padding: 10px;
	margin-bottom: 20px;
    border-radius: 2px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 20%);
}
.buy-page .form-group:last-child {
    margin-bottom: 15px;
	
}
.eq-height {
    flex: 0 0 100%;
    max-width: 70%;
    height: 100%;
	background: #fff;
    padding: 10px;
    border-radius: 2px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 20%);
}
.amt-detl .form-control-wrap{
	border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.amt-detl .form-control-wrap:last-child{
	border-bottom: 0px solid #eee;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.dark-mode .eq-height, .dark-mode .nk-block-head.buy-page-head {
	background: transparent;
}

</style>


@endsection