@extends('layouts.user.base')

@php
    $system_settings = active_system_setting();
    $user = auth()->user()->load(['wallet','investments', 'active_investments', 'compounding_wallet', 'bonus_wallet','settings']);
    $wallet = $user->wallet;
    $active_investments = $user->active_investments;
    $compounding_wallet = $user->compounding_wallet;
    $bonus_wallet = $user->bonus_wallet;
    $settings = $user->settings;
    // $last_calculated_plan = App\Models\Investments\CalculatorLog::where('user_id', $user->id)->orderBy('id', 'DESC')->with(['plan'])->first();
    // $show_calculator_reminder = $last_calculated_plan ? 1 : 0;
    $popup_target = getPopupTarget($user);
    $show_popup_target = $popup_target ? 1 : 0;
@endphp

@section('welcome_message')
<div>
    <div>Welcome, <b>{{ $user->name }}</b></div>
    <h5>{{ $user->group_user->group->name }}</h5>
</div>
@endsection

@section('content')
<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 mb-4">
                        <h6 class="text-muted card-subtitle mb-2">Invested</h6>
                        <h4 class="card-title">{{ $settings->hide_wallet ? "*******" : formatMoney($user->investments->sum('amount')) }}</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">Main Balance</h6>
                        <h4 class="card-title">{{ $settings->hide_wallet ? "*******" : formatMoney($wallet->balance) }}</h4>
                        <a class="text-decoration-none" href="{{ route('user_wallet_transactions', $wallet->id) }}">View
                            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right ms-1">
                                <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                </path>
                            </svg>
                        </a>
                    </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">Compounding Balance</h6>
                        <h4 class="card-title">{{ $settings->hide_wallet ? "*******" : formatMoney($compounding_wallet->balance) }}</h4>
                        <a class="text-decoration-none" href="{{ route('user_wallet_transactions', $compounding_wallet->id)."?name=Compounding" }}">View
                            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right ms-1">
                                <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                </path>
                            </svg>
                        </a>
                    </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">Referral Bonus Balance</h6>
                        <h4 class="card-title">{{ $settings->hide_wallet ? "*******" : formatMoney($bonus_wallet->balance) }}</h4>
                        <a class="text-decoration-none" href="{{ route('user_wallet_transactions', $bonus_wallet->id)."?name=Bonus" }}">View
                            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right ms-1">
                                <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                </path>
                            </svg>
                        </a>
                    </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 mb-4">
                        <h6 class="text-muted card-subtitle mb-2">Plans<br></h6>
                        <h4 class="card-title">{{ $user->plans->unique('id')->count() }}</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 mb-4">
                        <h6 class="text-muted card-subtitle mb-2">Transactions<br></h6>
                        <h4 class="card-title">{{ $user->investments->count() }}</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">Token Balance ({!! formatTokn($user->tokn_wallet->balance + $user->additional_info->tokn_transactions->sum('amount')) !!})</h6>
                        <h4 class="card-title">{!! $settings->hide_wallet ? "*******" : formatMoney(($user->tokn_wallet->balance + $user->additional_info->tokn_transactions->sum('amount')) / $system_settings->tokn_multiplier) !!}</h4>
                        <a class="text-decoration-none" href="{{ route('user_wallet_transactions', $user->tokn_wallet->id) }}">View
                            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right ms-1">
                                <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                </path>
                            </svg>
                        </a>
                    </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 Tokens Earned</h6>
                        <h4 class="card-title">{{ $settings->hide_wallet ? "*******" : formatTokn($token_transactions->sum('amount') + $user->additional_info->tokn_transactions->sum('amount')) }}</h4>
                        <a class="text-decoration-none" href="{{ route('user_wallet_transactions', $user->tokn_wallet->id) }}">View
                            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right ms-1">
                                <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                </path>
                            </svg>
                        </a>
                    </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 Referrals</h6>
                        <h4 class="card-title">{{ $referrals->count() + count($additional_downlines) }}</h4>
                        <a class="text-decoration-none" href="{{ route('user_referrals') }}">View
                            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right ms-1">
                                <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                </path>
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                <div class="card card-bg border-0">
                    <div class="card-body">
                        <div>
                            {{-- <ul class="nav nav-pills" role="tablist">
                                <li class="nav-item" role="presentation"><a
                                        class="nav-link active btn-primary" role="tab"
                                        data-bs-toggle="pill" href="#investments">Investments</a></li>
                                <li class="nav-item ms-1" role="presentation"><a class="nav-link btn-primary"
                                        role="tab" data-bs-toggle="pill" href="#activities">Activity</a>
                                </li>
                            </ul> --}}
                            <div class="tab-content">
                                <div class="tab-pane active" role="tabpanel" id="investments">
                                    <div class="d-flex justify-content-between mt-4">
                                        <h5 class="pt-2">Investments</h5>
                                        <a class="text-decoration-none alt-btn" href="{{ route('user_plans') }}">Make Investments
                                            <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right ms-1">
                                                <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                                                </path>
                                            </svg>
                                        </a>
                                    </div>
                                    <div class="table-responsive text-nowrap mt-4">
                                        <table
                                            class="table table-borderless table-bordered display responsive table-spacing2"
                                            id="table1" style="width: 100%;">
                                            <thead class="table-header">
                                                <tr class="table-h">
                                                    <th>Plan</th>
                                                    <th>Amount</th>
                                                    <th>Profit</th>
                                                    <th>Start</th>
                                                    <th>Next Payout</th>
                                                    <th>End</th>
                                                    <th>Status</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                               @foreach ($investments->sortByDesc('start_at') as $investment)
                                                    <tr class="table-row click" data-href="{{ route('view_investment', $investment->id) }}">
                                                        <td><a href="{{ route('view_investment', $investment->id) }}">{{ $investment->plan->name }}</a></td>
                                                        <td>
                                                            <p class="text-nowrap table-p">{{ formatMoney($investment->amount) }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-nowrap text-truncate table-p">{{ $investment->isActive() ? formatMoney($investment->profit()) : NOT_AVAILABLE }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-nowrap table-p">{{ $investment->start_date($investment->payouts) }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-nowrap table-p">{{ $investment->next_payout_date($investment->payouts) }}</p>
                                                        </td>
                                                        <td>
                                                            <p class="text-nowrap table-p">{{ $investment->end_date($investment->payouts) }}</p>
                                                        </td>
                                                        <td><span class="{{ $investment->status_data()->badge }}-badge">{{ $investment->status_data()->message }}</span></td>
                                                    </tr>
                                               @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                {{-- <div class="tab-pane" role="tabpanel" id="activities">
                                    <h5 class="mt-4">Activity</h5>
                                    <div><canvas
                                            data-bss-chart="{&quot;type&quot;:&quot;bar&quot;,&quot;data&quot;:{&quot;labels&quot;:[&quot;January&quot;,&quot;February&quot;,&quot;March&quot;,&quot;April&quot;,&quot;May&quot;,&quot;June&quot;],&quot;datasets&quot;:[{&quot;label&quot;:&quot;Investment&quot;,&quot;backgroundColor&quot;:&quot;#0d5e9c&quot;,&quot;borderColor&quot;:&quot;#0d5e9c&quot;,&quot;data&quot;:[&quot;4500&quot;,&quot;5300&quot;]},{&quot;label&quot;:&quot;Payouts&quot;,&quot;backgroundColor&quot;:&quot;#20c997&quot;,&quot;borderColor&quot;:&quot;#20c997&quot;,&quot;data&quot;:[&quot;1200&quot;,&quot;2000&quot;]},{&quot;label&quot;:&quot;Withdrawals&quot;,&quot;backgroundColor&quot;:&quot;#fd7e14&quot;,&quot;borderColor&quot;:&quot;#fd7e14&quot;,&quot;data&quot;:[&quot;300&quot;,&quot;800&quot;]}]},&quot;options&quot;:{&quot;maintainAspectRatio&quot;:true,&quot;legend&quot;:{&quot;display&quot;:true,&quot;labels&quot;:{&quot;fontStyle&quot;:&quot;normal&quot;}},&quot;title&quot;:{&quot;display&quot;:false,&quot;fontStyle&quot;:&quot;normal&quot;},&quot;scales&quot;:{&quot;xAxes&quot;:[{&quot;gridLines&quot;:{&quot;drawBorder&quot;:true,&quot;drawTicks&quot;:true,&quot;drawOnChartArea&quot;:true},&quot;ticks&quot;:{&quot;fontStyle&quot;:&quot;normal&quot;,&quot;beginAtZero&quot;:false}}],&quot;yAxes&quot;:[{&quot;gridLines&quot;:{&quot;drawBorder&quot;:true,&quot;drawTicks&quot;:true,&quot;drawOnChartArea&quot;:true},&quot;ticks&quot;:{&quot;fontStyle&quot;:&quot;normal&quot;,&quot;beginAtZero&quot;:false}}]}}}"></canvas>
                                    </div>
                                </div> --}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </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">
                <a class="text-decoration-none float-end" href="#" data-bs-target="#share-referral" data-bs-toggle="modal">Share Referral Link
                    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-share ms-1">
                        <path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z">
                        </path>
                    </svg>
                </a>
                <h4 class="card-title">Referrals</h4>
                <hr>
                
                @foreach ($referrals->sortByDesc('created_at') as $referral)    
                    <div class="media-div mb-3">
                        <img class="rounded-circle img-fluid" src="{{ $referral->referree->profile_picture_path(true) }}" width="40px"/>
                        <div class="media-div-body">
                            <h6 class="text-truncate mb-0">
                                <a class="referral-name" href="#">
                                    <span>{{ $referral->referree->settings->incognito_mode ? "******" : $referral->referree->name }}</span>
                                </a>
                            </h6>
                            <p class="mb-0 amount">{{ formatMoney(0) }}</p>
                        </div>
                    </div>
                @endforeach
                @php
                    $_limit = 0;
                @endphp
                @foreach ($additional_downlines as $downline)
                    @if($_limit < 10)
                    <div class="media-div mb-3">
                        <img class="rounded-circle img-fluid" src="{{ $downline['referree']->profile_picture_path(true) }}" width="40px"/>
                        <div class="media-div-body">
                            <h6 class="text-truncate mb-0">
                                <a class="referral-name" href="#">
                                    <span>{{ $downline['referree']->name }}</span>
                                </a>
                            </h6>
                            <p class="mb-0 amount">{{ formatMoney($downline['bonus']) }}</p>
                        </div>
                    </div>
                    @endif
                    @php
                        $_limit++;
                    @endphp
                @endforeach
                
                <div class="mt-4">
                <a class="text-decoration-none alt-btn" href="{{ route('user_referrals') }}">View
                <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right ms-1">
                    <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
                    </path>
                </svg>
            </a>
            </div>
        </div>
        </div>
    </div>
</div>


@if($popup_target)

    <div class="modal fade" role="dialog" tabindex="-1" id="popup_target">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header border-0">
                    <h4 class="modal-title">{{ $popup_target->popup->title }}</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    @if(!empty($popup_target->popup->content))
                    {!! html_entity_decode($popup_target->popup->content) !!}
                    @endif
                    <img style="width: 100%;" src="{{ $popup_target->popup->image_path() }}" alt="">
                </div>
            </div>
        </div>
    </div>

@endif
{{-- @if($last_calculated_plan)

    <div class="modal fade" role="dialog" tabindex="-1" id="calculated_investment_reminder">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header border-0">
                    <h4 class="modal-title">Forgot this plan?</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form  class="w-60" action="{{ route('user_buy_plan_id', $last_calculated_plan->plan_id) }}" method="GET">
                    
                    
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-3">
                                    <label class="form-label" for="plans">Investment Plan</label>
                                    <select disabled onchange="_select_payout_options(this)" id="plans" class="form-select" name="plan_id" required>
                                        <option>{{ $last_calculated_plan->plan->name }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group mb-3">
                                    <label class="form-label" for="amount">Amount ({{ CURRENCY }})</label>
                                    <input id="amount" name="amount" class="form-control" type="number" value="{{ $last_calculated_plan->amount }}" step="0.01" placeholder="Amount in {{ CURRENCY }}"/>
                                    <!--<small class="form-text text-red" x-text="errorText"></small>-->
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group mb-3">
                                    <button class="btn btn-primary" type="submit">Buy This Plan</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

@endif --}}

{{-- if("{{ $show_calculator_reminder }}" == 1){
    $('#calculated_investment_reminder').modal('show');
} --}}


@endsection


@section('scripts')

<script>
     $(document).ready(function() {
        const urlParams = new URLSearchParams(window.location.search);
        const athValue = urlParams.get('ath');
        if (athValue) {
            localStorage.setItem('ath', athValue);
            localStorage.setItem('ath_plans', athValue);
        }

        if (localStorage.getItem('ath') == 1 && "{{ $show_popup_target }}" == 1) {
            $('#popup_target').modal('show');
            localStorage.removeItem('ath');
        }
    });
</script>

@endsection