@extends('layouts.frontend')
@section('js_after')
<script>
    jQuery(document).ready(function(){
        jQuery('#save_cal_btn').click(function(e){
            e.preventDefault();
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            });
            var title = jQuery('#save_title').val();
            if(title.trim()==''){
                jQuery('#save_cal_msg').removeClass('alert-success alert-danger');
                jQuery('#save_cal_msg').addClass('alert-danger');
                jQuery('#save_cal_msg').html('Please Enter Desired Download File Name');
            }else{
                jQuery('#save_cal_msg').removeClass('alert-success alert-danger');
                jQuery('#save_cal_msg').html('');
                jQuery('#save_title').val('');
                jQuery.ajax({
                    url: "{{ route('frontend.futureValueOfLumpsumInvestmentOutputSave') }}",
                    method: 'get',
                    data: {
                        title: title
                    },
                    success: function(result){
                        jQuery('#save_cal_msg').removeClass('alert-success alert-danger');
                        jQuery('#save_cal_msg').addClass('alert-success');
                        jQuery('#save_cal_msg').html('Data Successfully Saved');
                        setTimeout(function () {
                            $('#saveOutput').modal('toggle');
                            jQuery('#save_cal_msg').removeClass('alert-success alert-danger');
                            jQuery('#save_cal_msg').html('');
                        },500);
                        jQuery('.save_only').hide();
                        jQuery('.view_save_only').show();
                    }});
            }

        });
    });
</script>
@endsection
@section('content')
    <div class="banner">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2 class="page-title">CALCULATORS CUM CLIENT PROPOSALS</h2>
                </div>
            </div>
        </div>
    </div>
    <section  class="main-sec">
        <div id="content" class="container">
            <div class="row">
                <div class="col-md-8 offset-md-2 text-center">
                	<a href="javascript:history.back()" class="btn btn-primary btn-round"><i class="fa fa-angle-left"></i> Back</a>
                    <a id="save_only" href="javascript:void(0)" target="_blank" class="btn btn-primary btn-round save_only" data-toggle="modal" data-target="#saveOutput">Save</a>
                    <a href="{{route('frontend.futureValueOfLumpsumInvestmentOutputPdf')}}" target="_blank" id="cmd" class="btn btn-primary btn-round">Download / Print</a>
                    <a id="view_save_only" href="{{route('frontend.view_saved_files')}}" class="btn btn-primary btn-round view_save_only" style="display:none;">View saved files</a>

                    <h5 class="mb-3">Lumpsum Investment @if(isset($clientname)) Proposal For {{$clientname?$clientname:''}} @else Planning @endif</h5>

                    <table class="table table-bordered text-center">
                        <tbody><tr>
                            <td>
                                <strong>Initial Investment</strong>
                            </td>
                            <td>
                                ₹ {{custome_money_format($amount)}}
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <strong>Time Period</strong>
                            </td>
                            <td>
                                {{$period?$period:0}} Years
                            </td>
                        </tr>
                        <tr>
                            <td style="vertical-align: middle;">
                                <strong>Expected Rate of Return</strong>
                            </td>
                            <td style="padding: 0">
                                @if(isset($interest2))
                                    <table width="100%">
                                        <tbody><tr>
                                            <td>
                                                Scenario 1
                                            </td>
                                            <td>
                                                {{$interest1?number_format($interest1, 2, '.', ''):0}} %
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                Scenario 2
                                            </td>
                                            <td>
                                                 {{$interest2?number_format((float)$interest2, 2, '.', ''):0}} %
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>

                                @else
                                    {{$interest1?number_format($interest1, 2, '.', ''):0}} %
                                @endif
                            </td>
                        </tr>
                        </tbody></table>
                    <h1 style="color: #131f55;font-size:22px;margin-bottom:20px;">Expected Future Value</h1>
                    <table class="table table-bordered text-center">
                        <tbody>
                        @if(isset($interest2))
                            <tr>
                                <td>
                                    Scenario 1 @ {{$interest1?number_format($interest1, 2, '.', ''):0}} %
                                </td>
                                <td>
                                    Scenario 2 @ {{$interest1?number_format($interest2, 2, '.', ''):0}} %
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <strong>₹ {{custome_money_format(($amount*pow((1+($interest1/100)), $period)))}} </strong>
                                </td>
                                <td>
                                    <strong>₹ {{custome_money_format(($amount*pow((1+($interest2/100)), $period)))}} </strong>
                                </td>
                            </tr>
                        @else
                            <tr>
                                <td>
                                    @ {{$interest1?number_format($interest1, 2, '.', ''):0}}%
                                </td>
                                <td>
                                    ₹ {{custome_money_format(($amount*pow((1+($interest1/100)), $period)))}}
                                </td>
                            </tr>
                        @endif
                        </tbody></table>

                    @if(isset($report) && $report=='detailed')
                    <h5 >Projected Annual Investment Value</h5>
                    <table class="table table-bordered text-center" style="background: #fff;">
                        <tbody>
                        @if(isset($interest2))
                            <tr>
                                <th>Year</th>
                                <th>Annual Investment</th>
                                <th>Year End Value @ {{$interest1?number_format((float)$interest1, 2, '.', ''):0}} %</th>
                                <th>Year End Value @ {{$interest2?number_format((float)$interest2, 2, '.', ''):0}} %</th>
                            </tr>
                            @php
                                $previous_amount_int1 = $amount;
                                $previous_amount_int2 = $amount;
                            @endphp

                            @for($i=1;$i<=$period;$i++)
                                @php
                                    $previous_amount_int1 = $previous_amount_int1+ ($previous_amount_int1* $interest1/100);
                                    $previous_amount_int2 = $previous_amount_int2+ ($previous_amount_int2* $interest2/100);
                                @endphp
                                <tr>
                                    <td>{{$i}}</td>
                                    <td>
                                        @if($i==1)
                                            ₹ {{$amount?custome_money_format($amount):0}}
                                        @else
                                            --
                                        @endif
                                    </td>
                                    <td>₹ {{custome_money_format($previous_amount_int1)}}</td>
                                    <td>₹ {{custome_money_format($previous_amount_int2)}}</td>
                                </tr>
                            @endfor
                        @else
                            <tr>
                                <th>Year</th>
                                <th>Annual Investment</th>
                                <th>Year End Value @ {{$interest1?number_format((float)$interest1, 2, '.', ''):0}} %</th>
                            </tr>
                            @php
                                $previous_amount_int1 = $amount;
                            @endphp

                            @for($i=1;$i<=$period;$i++)
                                @php
                                    $previous_amount_int1 = $previous_amount_int1+ ($previous_amount_int1* $interest1/100);
                                @endphp
                                <tr>
                                    <td>{{$i}}</td>
                                    <td>
                                        @if($i==1)
                                            ₹ {{$amount?custome_money_format($amount):0}}
                                        @else
                                           --
                                        @endif
                                    </td>
                                    <td>₹ {{custome_money_format($previous_amount_int1)}}</td>
                                </tr>
                            @endfor
                        @endif
                        </tbody>
                    </table>
                    <p style="text-align: left; margin-top: 20px;">*Returns are not guaranteed. The above is for illustration purpose only.  Report Date : {{date('d/m/Y')}}</p>
                    @endif

                    @include('frontend.calculators.suggested.output')
                    <a href="javascript:history.back()" class="btn btn-primary btn-round"><i class="fa fa-angle-left"></i> Back</a>
                    <a id="save_only" href="javascript:void(0)" target="_blank" class="btn btn-primary btn-round save_only" data-toggle="modal" data-target="#saveOutput">Save</a>
                    <a href="{{route('frontend.futureValueOfLumpsumInvestmentOutputPdf')}}" target="_blank" id="cmd" class="btn btn-primary btn-round">Download / Print</a>
                    <a id="view_save_only" href="{{route('frontend.view_saved_files')}}" class="btn btn-primary btn-round view_save_only" style="display:none;">View saved files</a>
                </div>
            </div>
        </div>
        <div class="btm-shape-prt">
            <img class="img-fluid" src="{{url('/')}}/f/images/shape2.png" alt="">
        </div>
    </section>


@endsection