@extends('layouts.user.base')

@section('page-title')
    Plans
@endsection

@php
    $system_wallets = App\Models\Wallet\SystemWallet::get()->toArray();
    $user = auth()->user();
    $is_first_timer = $user->investments->count() == 0;
    $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;
    
@endphp
@section('content')
    @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
    
    <div class="modal fade" role="dialog" tabindex="-1" id="calculator">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header border-0">
                    <h4 class="modal-title">Investment Calculator</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form id="calculateplansform" class="w-60" action="{{ route('user_project_plan') }}" method="POST">
                        @csrf
                        @foreach ($system_wallets as $w)
                            <input disabled type="hidden" class="system_wallet_id" name="system_wallet_id[]" id="system_wallet_id_{{ str_replace(" ", "_", $w['cryptocurrency']) }}" value="{{ $w['cryptocurrency'] }}">
                        @endforeach
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group mb-3">
                                    <label class="form-label" for="plans">Investment Plans</label>
                                    <select onchange="_select_payout_options(this)" id="plans" class="form-select" name="plan_id" required>
                                        <optgroup label="Investment Plans">
                                            <option value="">- Select Plan -</option>
                                            @foreach ($plans as $plan)
                                                @php
                                                    $showPlan = $plan->users->count() == 0;
                                                    if (!$showPlan) {
                                                        $showPlan = $plan->users->where('user_id', $user->id)->count() > 0;
                                                    }
                                                @endphp
                                                @if($showPlan)
                                                    <option value="{{ $plan->id }}">{{ $plan->name }} ({{ formatMoney($plan->minimum_amount) }} - {{ formatMoney($plan->maximum_amount) }})</option>
                                                @endif
                                            @endforeach
                                        </optgroup>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12">
                                @foreach ($plans as $plan)
                                    <div id="payout_option_id_{{ $plan->id }}"  class="form-group mb-3 d-none payout_option_id">
                                        <label class="form-label" for="plans">Payout Options</label>
                                        <select class="form-select payout_option_el" name="payout_option_id" id="payout_option_el{{ $plan->id }}">
                                            @foreach ($plan->payout_options as $option)
                                                <option value="{{ $option->id }}">{{ $option->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                @endforeach
                            </div>
                            <div class="col-md-12">
                                <div class="form-group mb-3">
                                    <label class="form-label" for="plans">Cryptocurrency</label>
                                    <select onchange="_select_wallet(this)" id="plans" class="form-select" name="crypto" required>
                                        <optgroup label="Investment Plans">
                                            <option value="">- Select -</option>
                                            @foreach (CRYPTOCURRENCIES as $item)
                                                <option 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 id="amount" name="amount" class="form-control" type="number" 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 Plan</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-10 ps-4 default-bg pb-5">
            <div></div>
            <div class="row">
                <div class="col mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                    <div class="row d-flex">
                        <div class="col-md-12 mb-3 mb-xl-4 mb-lg-3 mb-md-3">
                            <div class="mb-3"><a class="text-decoration-none alt-btn-2" href="#"
                                    data-bs-target="#calculator" data-bs-toggle="modal">Calculator</a></div>
                        </div>
                        <div class="col">
                            @foreach ($categories as $category)
                                {{-- <div class="row" style="justify-content:center; align-items:flex-start;"> --}}
                                <div class="row">
                                    @foreach ($category->plans as $plan)
                                        @php
                                            $showPlan = $plan->users->count() == 0;
                                            if (!$showPlan) {
                                                $showPlan = $plan->users->where('user_id', $user->id)->count() > 0;
                                            }
                                        @endphp
                                        @if($showPlan)
                                            @if($plan->first_timer_only == _TRUE && $is_first_timer)
                                                @include('user.plans.components.plan', ["plan_model" => $plan, "showBuyLInk" => 1])
                                            @endif

                                            
                                            @if($plan->first_timer_only == _FALSE)
                                                @include('user.plans.components.plan', ["plan_model" => $plan, "showBuyLInk" => 1])
                                            @endif
                                        @endif
                                    @endforeach
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection


@section('scripts')
    <script>
        function _select_wallet(el) {
            var selected = $(el).val()
            $('.system_wallet_id').prop('disabled', true)
            $('#system_wallet_id_'+selected.replace(/ /g, "_")).prop('disabled', false)
        }
       
        function _select_payout_options(el) {
            var selected = $(el).val()
            $('.payout_option_id').addClass('d-none')
            $('#payout_option_id_'+selected).removeClass('d-none')
            $('.payout_option_el').prop('required',false);
            $('#payout_option_el'+selected).prop('required',true);
            $('.payout_option_el').prop('disabled',true);
            $('#payout_option_el'+selected).prop('disabled',false);
        }

        $(document).ready(function() {
            if("{{ $show_calculator_reminder }}" == 1 && localStorage.getItem('ath_plans') == 1){
                $('#calculated_investment_reminder').modal('show');
                localStorage.removeItem('ath_plans');
            }
        });
    </script>
@endsection