@php
    $user = auth()->user();
    $isAdmin = $user->isAdmin();
    $system_settings = active_system_setting();
@endphp
@extends($isAdmin ? 'layouts.admin.base' : 'layouts.user.base')
@php
    $its_an_update = $investment->payouts->count() > 0 ? true : false;
@endphp
@section('content')
<div></div>
<div class="row">
    <div class="col-md-8 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
        <div class="row">
            <div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                <div class="card prp_bg border-0">
                    <div class="card-body">
                        <h6 class="text-muted card-subtitle mb-2">Plan</h6>
                        <h4 class="card-title">{{ $investment->plan->name }}</h4>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                <div class="card prp_bg border-0">
                    <div class="card-body">
                        <h6 class="text-muted card-subtitle mb-2">Investment Cycle</h6>
                        <h4 class="card-title">{{ $investment->plan->duration }} Days</h4>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                <div class="card prp_bg border-0">
                    <div class="card-body">
                        <h6 class="text-muted card-subtitle mb-2">Daily ROI<br></h6>
                        <h4 class="card-title">{{ $investment->plan->minimum_profit ." - ". $investment->plan->profit }} %</h4>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                <div class="card prp_bg border-0">
                    <div class="card-body">
                        <h6 class="text-muted card-subtitle mb-2">Invested Capital</h6>
                        <h4 class="card-title">{{ formatMoney($projection['initial_capital']) }}</h4>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                <div class="card prp_bg border-0">
                    <div class="card-body">
                        <h6 class="text-muted card-subtitle mb-2">Total Profit Acrued</h6>
                        <h4 class="card-title">{{ formatMoney($projection['total_payout']) }}</h4>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 col-lg-4 col-xl-4 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                <div class="card prp_bg border-0">
                    <div class="card-body">
                        <h6 class="text-muted card-subtitle mb-2">Total Expected Payout<br></h6>
                        <h4 class="card-title">{{ formatMoney($projection['total_payout'] + $projection['capital_return']) }}</h4>
                    </div>
                </div>
            </div>
        </div>
        <hr>


        <div class="card card-bg border-0">
            <div class="card-body">
                <h5 class="card-title mt-4">Payouts</h5>
                <div class="table-responsive mt-4">
                    <table id="table1" class="table table-borderless table-bordered display responsive table-spacing2" style="width: 100%;">
                        <thead class="table-header">
                            <tr class="table-h">
                                <th>S/N</th>
                                <th>Capital Growth</th>
                                <th>Payout</th>
                                <th>Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($projection['payouts'] as $payout)
                                
                                <tr class="table-row">
                                    <td>{{ $loop->index + 1 }}</td>
                                    <td>{{ formatMoney($payout['current_capital']) }}</td>
                                    <td>{{ formatMoney($payout['amount']) }}</td>
                                    <td>{{ formatDate($payout['date']) }}</td>
                                    
                                </tr>
    
                            @endforeach
                            
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <br>

        <div class="card card-bg border-0">
            <div class="card-body">
                <h5 class="card-title mt-4">Investment Features</h5>
                <div class="table-responsive mt-4">
                    <table id="table2" class="table table-borderless table-bordered display responsive table-spacing2" style="width: 100%;">
                        <thead class="table-header">
                            <tr class="table-h">
                                <th>S/N</th>
                                <th>Category</th>
                                <th>Due Date</th>
                                <th>Days</th>
                                <th>Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $loop_counter = 0;
                            @endphp
                            @foreach ($projection['investment_features'] as $category => $features)
                                @foreach ($features as $feature)
                                    @php
                                        $loop_counter++;
                                    @endphp
                                    <tr class="table-row">
                                        <td>{{ $loop_counter }}</td>
                                        <td>{{ replace_white_space($category, false) }}</td>
                                        <td>{{ formatDate($feature['due_date']) }}</td>
                                        <td>{{ $feature['model_amount'] }}% After {{ $feature['step'] }} Days</td>
                                        <td>
                                            @if($category == replace_white_space(FEATURE_TYPE_WITHDRAWAL))
                                                {{ $feature['amount'] }}%
                                            @elseif($category == replace_white_space(FEATURE_TYPE_MATCHING_BONUS))
                                                {{ formatMoney($feature['amount']) }}
                                            @elseif($category == replace_white_space(FEATURE_TYPE_CAPITAL_INCREASE))
                                                {{ formatMoney($feature['amount']) }}
                                            @elseif($category == replace_white_space(FEATURE_TYPE_COMPOUNDING))
                                                {{ $feature['amount'] }}%
                                            @elseif($category == replace_white_space(FEATURE_TYPE_CAPITAL_RETURN))
                                                {{ formatMoney($feature['amount']) }}
                                            @endif
                                        </td>
                                        {{-- <td></td>
                                        <td></td>
                                        <td></td> --}}
                                    </tr>
                                @endforeach
                            @endforeach      
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        
        
        
        <div class="card card-bg mt-2 mb-2 border-0">
            <div class="card-body">
                <h5 class="card-title mt-4">Token Earning</h5>
                <div class="table-responsive mt-4">
                    @php
                        $tokn = $investment->plan->tokn;
                    @endphp
                    @if ($tokn)
                        <p>Name: {{ $tokn->name }}</p>
                        <p>Amount: {{ formatTokn(calculate_percentage($tokn->percent, $investment->amount)) }}</p>
                        <p>Worth: {{ formatMoney(calculate_percentage($tokn->percent, $investment->amount) / $system_settings->tokn_multiplier) }}</p>
                    @endif
                    
                </div>
            </div>
        </div>


        <div class="card card-bg border-0">
            <div class="card-body">
                <h5 class="card-title mt-4">Referral Transactions</h5>
                <div class="table-responsive mt-4">
                    <table id="table3" class="table table-borderless table-bordered display responsive table-spacing2" style="width: 100%;">
                        <thead class="table-header">
                            <tr class="table-h">
                                <th>S/N</th>
                                <th>User</th>
                                <th>Amount</th>
                                <th>Profit</th>
                                <th>Level</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $loop_counter = 0;
                            @endphp
                            @foreach ($referral_data as $rdata)
                                <tr class="table-row">
                                    <td>{{ $loop->index + 1 }}</td>
                                    <td>{{ $rdata['user']->name }}</td>
                                    <td>{{ formatMoney($rdata['amount']) }}</td> 
                                    <td>{{ $rdata['profit'] }}%</td>
                                    <td>{{ $rdata['level'] }}</td>
                                </tr>
    
                            @endforeach
                            
                        </tbody>
                    </table>
                </div>
            </div>
        </div>


        <div class="d-flex justify-content-center mt-3">
            @if($isAdmin)
                <button type="button" data-bs-target="#change-plan" data-bs-toggle="modal" class="btn btn-sm btn-success">Change Plan</button>
                <div style="width: 16px;"></div>

                <button type="button" data-bs-target="#approve" data-bs-toggle="modal" class="btn btn-sm btn-secondary">{{ $its_an_update ? "Update Investment" : "Approve Investment" }}</button>
            @else
                <form id="buyplanform" method="get" action="{{ route('user_complete_buy_plan', $investment->plan_id) }}">
                    <input type="hidden" id="cval" name="cval" value="0">
                    <input type="hidden" name="plan_id" value="{{ $investment->plan_id }}">
                    <input type="hidden" name="payout_option_id" value="{{ $investment->payout_option_id }}">
                    <input type="hidden" name="amount" value="{{ $investment->amount }}">
                    <input type="hidden" name="crypto" value="{{ $investment->payment_method }}">
                    <input type="hidden" name="paymentMethods" value="{{ PAYMENT_METHOD_CRYPTO }}">
                    <button class="btn btn-primary" type="submit">Proceed to Payment</button>
                </form>
            @endif
        </div>

    </div>
    <div class="col-md-4 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
        <div class="card card-bg border-0">
            <div class="card-body">
                <h4 class="card-title">Calculated Daily Payouts</h4>
                <hr>
                <div>
                    @foreach ($projection['daily_payouts'] as $dpayout)
                        <span>{{ formatDate($dpayout['date']) }}</span><br />
                        <p class="mb-3 amount">{{ formatMoney($dpayout['amount']) }} - ({{ $dpayout['profit_percentage'] }}%)</p>
                    @endforeach
                </div>
               
            </div>
        </div>
    </div>
</div>
<div class="modal fade" role="dialog" tabindex="-1" id="approve">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form method="POST" action="{{ route('admin_update_investment') }}">
                {{ csrf_field() }}
                <input type="hidden" name="extend_to" value="{{ $extend_to }}">
                <input type="hidden" name="action" value="approve">
                <input type="hidden" name="investment_id" value="{{ $investment->id }}">
                <div class="modal-header">
                    <h4 class="modal-title">Confirm</h4><button type="button" class="btn-close" data-bs-dismiss="modal"
                        aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <p>Are you sure you want to approve <b>{{ formatMoney($investment->amount) }}</b> of <b>{{ $investment->plan->name }}</b> for <b>{{ $investment->user->name }} @if($additional_days > 0) that ended at ({{ formatDateTime($end_date) }}) to now end at ({{ formatDateTime($new_end_date) }} by additional {{ $additional_days }} days) @endif</b> </p>
                    
                </div>
                <div class="modal-footer">
                    <button class="btn btn-light" type="button" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="text-decoration-none alt-btn-3">{{ $its_an_update ? "Update" : "Approve" }}</button>
                </div>
            </form>
        </div>
    </div>
</div>

@if($user->isAdmin())

<div class="modal fade" role="dialog" tabindex="-1" id="change-plan">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header border-0">
                <h4 class="modal-title">Change Plan</h4>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="sendmessageform" method="POST" action="{{ route('admin_change_investment_plan') }}">
                    @csrf
                    <input type="hidden" name="investment_id" value="{{ $investment->id }}">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <label class="form-label" for="plans">Plans</label>
                                <select onchange="_select_payout_options(this)" id="plans" class="form-select"
                                    name="plan_id" required>

                                    <optgroup label="Preferred Plan">
                                        <option value="">- Select Plan -</option>
                                        @foreach ($plans as $plan)
                                        @if($investment->plan_id == $plan->id) 
                                            <script>
                                                document.addEventListener('DOMContentLoaded', function() {
                                                    _select_payout_options();
                                                });
                                                
                                            </script>
                                        @endif
                                            <option @if($investment->plan_id == $plan->id) selected @endif
                                                 value="{{ $plan->id }}">{{ $plan->name }}
                                                {{ formatMoney($plan->minimum_amount) }} -
                                                {{ formatMoney($plan->maximum_amount) }} ({{ $plan->category->name }})
                                            </option>
                                        @endforeach
                                    </optgroup>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <div class="form-group mb-3">
                                    @php
                                        $_options = [];
                                    @endphp
                                    <label class="form-label" for="plans">Payout Options</label>
                                    <select class="form-select" name="payout_option_id" id="payout_option_id">
                                        <option value="">- Select Payout Option -</option>
                                        @foreach ($plans as $plan)
                                            @foreach ($plan->payout_options as $option)
                                                @php
                                                    $_options[$plan->id][] = $option;
                                                @endphp
                                            @endforeach
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-sm-12 col-md-12 col-lg-12 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                            <div>
                                <label class="form-label" for="cryptoSelect">Cryptocurrency</label>
                                <select id="cryptoSelect" name="payment_method" class="form-select" onchange="calc(this)">
                                    <optgroup label="Preffered Cryptocurrency">
                                        <option value selected>- Select -</option>
                                        @foreach (CRYPTOCURRENCIES as $item)
                                            <option @if($investment->payment_method == $item) selected @endif value="{{ $item }}">{{ $item }}</option>
                                        @endforeach
                                    </optgroup>
                                </select>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <label class="form-label" for="amount">Amount ({{ CURRENCY }})</label>
                                <input class="form-control" type="number" value="{{ $investment->amount }}" name="amount" id="amount" step="0.01">
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-group mb-3">
                                <button class="btn btn-primary" type="submit">Change Plan</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@endif
@endsection


@section('scripts')
    
<script>
    $("#table3").DataTable( {
        pageLength:10,responsive: {
            details:!1
        },
        ordering:!1,info:!1,lengthChange:!1,destroy:!0,drawCallback:function(e) {
            $(this).closest(".dataTables_wrapper").find(".dataTables_paginate").toggle(this.api().page.info().pages>1)
        }
    })
    @if($user->isAdmin())
    function _select_payout_options(el) {
        var selected = el == undefined ? $('#plans').val() : $(el).val()
        var options = {!! json_encode($_options) !!}
        var ops = options[selected]
        var html_options = ''
        ops.forEach(element => {
            html_options += '<option value="' + element.id + '">' + element.name + '</option>'
        });
        $('#payout_option_id').html(html_options)
    }
    @endif
</script>
@endsection