@extends('layout.master')
@section('INV')
    active
@endsection
@section('content')
    <!--breadcrumbs-->
    <div id="content-header">
        <div id="breadcrumb"> <a href="#" title="Go to Home" class="tip-bottom"><i class="icon-home"></i> Home</a></div>
    </div>
    <!--End-breadcrumbs-->

    <!--Action boxes-->
    <div class="container-fluid myaccount">
        <div class="quick-actions_homepage">
            <h4>({{ $id }})</h4>
            <p style="float: left;">
            <h4>Investor Details</h4>
            </p>
            <div class="bor-radius backwhite marleft">
                <div class="span12 pad15 showbg">

                    <form action="{{url('/investors/upgrade')}}" method="post">
                        @csrf
                        <input type="hidden" class="span4" name="investor_id" value="{{ $id }}" required>

                        <div class="row row-no-margin labeshow">
                            <div class="span5 row-no-padding">Credits</div>
                            <div class="span1 row-no-padding">:</div>
                            <div class="span6">
                                <input type="number" class="span4" name="credits" value="5" id="credits" />
                            </div>
                        </div>

                        <div class="row row-no-margin labeshow">
                            <div class="span5 row-no-padding">Amount</div>
                            <div class="span1 row-no-padding">:</div>
                            <div class="span6">
                                <input type="number" class="span4" name="amount" value="0" />
                            </div>
                        </div>


                        <div class="row row-no-margin labeshow">
                            <div class="span5 row-no-padding">Magazine Applicable :</div>
                            <div class="span1 row-no-padding">:</div>
                            <div class="span6">
                                <label> Yes : <input type="radio" class="span4" name="is_magazine" value="1"
                                        checked /></label>
                                <label> No : <input type="radio" class="span4" name="is_magazine"
                                        value="0" /></label>
                            </div>
                        </div>


                        <div class="row row-no-margin labeshow">
                            <div class="span5 row-no-padding">Membership Plan</div>
                            <div class="span1 row-no-padding">:</div>
                            <div class="span6">
                                <select name="membership_plan" id="plan" class="span4" onchange="fetchCredit()"
                                    style="width: 354px;">
                                    @foreach (Config('constants.invPlanDetails') as $key => $value)
                                        @if ($loop->index > 0)
                                            <option value="{{ $key }}">{{ $value }}</option>
                                        @endif
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="row row-no-margin labeshow">
                            <div class="span5 row-no-padding"></div>
                            <div class="row-no-padding"><input type="submit" class="btn" value="Upgrade" /></div>
                        </div>

                    </form>

                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>

    <script>
        function fetchCredit(credts) {
            var plan = $("#plan option:selected").val();
            var credits = 0;
            if (plan == 402)
                credits = 5;

            if (plan == 403)
                credits = 10;

            if (plan == 404)
                credits = 50;

            if (plan == 405)
                credits = 10000;


            $("#credits").val(credits);
        }
    </script>
@endsection